@charset "utf-8";

#inc02{padding:135px 0 200px}
#inc02 .group-title{padding-bottom:65px}

#inc02 .group-cont{position:relative}
#inc02 .group-cont .main-slide .swiper-slide{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
#inc02 .group-cont .main-slide .swiper-slide .text-box{display:flex;flex-direction:column;gap:22px}
#inc02 .group-cont .main-slide .swiper-slide .text-box h3{font-size:35px;line-height:1.3;font-weight:700;color:#111;word-break:keep-all}
#inc02 .group-cont .main-slide .swiper-slide .text-box p.desc{font-size:20px;font-weight:500;line-height:1.5;color:#111;white-space:pre-line;word-break:keep-all}
#inc02 .group-cont .main-slide .swiper-slide .thumb-box{display:flex;width:100%;max-width:787px;aspect-ratio:787 / 428;border-radius:13px;overflow:hidden}
#inc02 .group-cont .main-slide .swiper-slide .thumb-box img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
#inc02 .group-cont .main-slide .swiper-slide:hover .thumb-box img{transform:scale(1.1)}

#inc02 .group-cont .sub-swiper{z-index:2;position:absolute;top:0;left:0;max-width:522px;width:100%;padding:0 45px 30px}
#inc02 .group-cont .sub-swiper::before{position:absolute;content:'';left:0;bottom:0;width:100%;height:135px;border-radius:13px;overflow:hidden;background-color:#1a505e;opacity:0.15}
#inc02 .group-cont .sub-slide .swiper-slide{display:flex;flex-direction:column;align-items:center;gap:15px}
#inc02 .group-cont .sub-slide .swiper-slide .thumb-box{width:100%;max-width:203px;aspect-ratio:203 / 134;border-radius:13px;overflow:hidden}
#inc02 .group-cont .sub-slide .swiper-slide .thumb-box img{width:100%;height:100%;object-fit:cover}
#inc02 .group-cont .sub-slide .swiper-slide .subject{font-size:18px;font-weight:700;color:#1a505e}

/* 반응형 [s] */
@media (max-width:1500px){
#inc02{padding:100px 20px 160px}
#inc02 .group-cont{width:90%;margin:0 auto}
#inc02 .group-cont .main-slide .swiper-slide{gap:60px}
#inc02 .group-cont .main-slide .swiper-slide .thumb-box{max-width:750px}
#inc02 .group-cont .main-slide .swiper-slide .text-box{gap:16px}
#inc02 .group-cont .main-slide .swiper-slide .text-box h3{font-size:30px}
#inc02 .group-cont .main-slide .swiper-slide .text-box p.desc{font-size:18px}
#inc02 .group-cont .sub-swiper{max-width:430px;padding:0 25px 25px}
#inc02 .group-cont .sub-swiper::before{height:110px}
#inc02 .group-cont .sub-slide .swiper-slide .thumb-box{max-width:180px}
#inc02 .group-cont .sub-slide .swiper-slide .subject{font-size:16px}
}
@media (max-width:1400px){
#inc02 .group-cont{width:95%}
#inc02 .group-cont .main-slide .swiper-slide .thumb-box{max-width:700px}
}
@media (max-width:1300px){
#inc02{padding:80px 20px 140px}
#inc02 .group-cont .sub-swiper{max-width:348px;padding:0 15px 20px}
#inc02 .group-cont .sub-swiper::before{height:90px;border-radius:10px}
#inc02 .group-cont .sub-slide .swiper-slide .thumb-box{max-width:150px}
#inc02 .group-cont .sub-slide .swiper-slide .subject{font-size:15px}
#inc02 .group-cont .main-slide .swiper-slide .thumb-box{max-width:642px}
#inc02 .group-cont .main-slide .swiper-slide .text-box{gap:12px}
#inc02 .group-cont .main-slide .swiper-slide .text-box h3{font-size:28px}
}
@media (max-width:1200px){
#inc02{padding:80px 0 100px}
#inc02 .group-title{padding-bottom:40px}
#inc02 .group-cont{width:100%}
#inc02 .group-cont .sub-swiper{display:none}
#inc02 .group-cont .main-slide .swiper-slide{flex-direction:column-reverse;align-items:center;gap:28px;opacity:0.2;transition:opacity 0.3s}
#inc02 .group-cont .main-slide .swiper-slide .thumb-box{max-width:none}
#inc02 .group-cont .main-slide .swiper-slide .text-box{gap:8px;width:100%;text-align:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity 0.3s, visibility 0.3s 0s, transform 0.5s}
#inc02 .group-cont .main-slide .swiper-slide .text-box h3{font-size:24px}
#inc02 .group-cont .main-slide .swiper-slide .text-box p.desc{font-size:17px}
#inc02 .group-cont .main-slide .swiper-slide-active{opacity:1}
#inc02 .group-cont .main-slide .swiper-slide-active .text-box{opacity:1;visibility:visible;transform:translateY(0)}  
}
@media (max-width:1024px){
#inc02 .group-title{padding-bottom:30px}
#inc02 .group-cont .main-slide .swiper-slide{gap:20px}
#inc02 .group-cont .main-slide .swiper-slide .text-box{gap:6px}
#inc02 .group-cont .main-slide .swiper-slide .text-box h3{font-size:20px}
#inc02 .group-cont .main-slide .swiper-slide .text-box p.desc{font-size:16px}
#inc02 .group-cont .main-slide .swiper-slide .thumb-box{border-radius:10px}
}
@media (max-width:768px){
#inc02{padding:60px 0 80px}
#inc02 .group-title{padding-bottom:25px}
#inc02 .group-cont .main-slide .swiper-slide .text-box h3{font-size:18px}
#inc02 .group-cont .main-slide .swiper-slide .text-box p.desc{font-size:15px}
}
@media (max-width:480px){
#inc02{padding:50px 0 60px}
#inc02 .group-title{padding-bottom:20px}
#inc02 .group-cont .main-slide .swiper-slide{gap:16px}
#inc02 .group-cont .main-slide .swiper-slide .text-box h3{font-size:16px}
#inc02 .group-cont .main-slide .swiper-slide .text-box p.desc{font-size:14px}
}
/* 반응형 [e] */