@charset "utf-8";

#inc02{padding-top:100px}
#inc02 .inner{max-width:1560px !important}
#inc02 .cont_hd{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:70px}
#inc02 .cont_hd .group-tit .main_tit{padding-bottom:30px}
#inc02 .swiper-container{margin-bottom:70px}
#inc02 .swiper-slide a{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px}
#inc02 .swiper-slide a .thumb-box{width:100%;height:422px;border-radius:10px;overflow:hidden}
#inc02 .swiper-slide a .thumb-box img{width:100%;height:100%;object-fit:cover;transition:transform 0.2s}
#inc02 .swiper-slide a .cate{position:absolute;top:30px;left:30px;padding:5px 15px;border-radius:100px;background-color:#fff;font-weight:600;font-size:14px;color:var(--primary)}
#inc02 .swiper-slide a h4{font-size:18px;font-weight:700;line-height:1.4;color:#111;text-align:center;word-break:keep-all}

@media(hover:hover){
#inc02 .swiper-slide a:hover .thumb-box img{transform:scale(1.08)}
}

/* 반응형 [s] */
@media (max-width:1700px){
#inc02{padding:80px 15px 0}
}
@media(max-width:1600px){
#inc02 .cont_hd .group-tit .main_tit{padding-bottom:25px}
#inc02 .cont_hd{padding-bottom:45px}
#inc02 .swiper-container{margin-bottom:60px}
#inc02 .swiper-slide a{gap:20px}
#inc02 .swiper-slide a .thumb-box{height:320px}
#inc02 .swiper-slide a h4{font-size:17px}
#inc02 .swiper-slide a .cate{top:20px;left:20px;padding:4px 12px;font-size:13px}
}
@media (max-width:1200px){
#inc02{padding:70px 15px 0}
#inc02 .cont_hd{flex-direction:column;align-items:center;gap:25px;padding-bottom:35px;text-align:center}
#inc02 .cont_hd .group-tit .main_tit{padding-bottom:18px}
#inc02 .swiper-container{margin-bottom:50px}
#inc02 .swiper-slide a h4{font-size:16px}
}
@media (max-width:1024px){
#inc02 .cont_hd{gap:15px;padding-bottom:20px}
#inc02 .cont_hd .group-tit .main_tit{padding-bottom:12px}
#inc02 .swiper-container{margin-bottom:32px}
#inc02 .swiper-slide a{gap:15px}
#inc02 .swiper-slide a h4{font-size:15px}
#inc02 .swiper-slide a .thumb-box{height:250px}
#inc02 .swiper-slide a .cate{top:15px;left:15px;font-size:12px}
}
@media (max-width:768px){
#inc02{padding:60px 15px 0}
#inc02 .swiper-slide a .thumb-box{height:210px}
}
@media (max-width:480px){
#inc02 .cont_hd{gap:12px;padding-bottom:18px}
#inc02 .cont_hd .group-tit .main_tit{padding-bottom:8px}
#inc02 .swiper-container{margin-bottom:24px}
#inc02 .swiper-slide a h4{font-size:14px}
}
/* 반응형 [e] */