@charset "utf-8";

#inc03{padding:150px 0 140px;background-color:var(--primary)}
#inc03 .group-title{padding-bottom:80px;text-align:center}
#inc03 .group-title .tit--ko{color:#fff !important}
#inc03 .group-title p.desc{color:rgba(255,255,255,0.5) !important}

#inc03 .group-cont .target-slide-h .swiper-wrapper{transition-timing-function:linear !important}
#inc03 .group-cont .target-slide-h .swiper-slide{display:flex;align-items:center;width:auto}
#inc03 .group-cont .target-slide-h .thumb-box{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:98px;aspect-ratio:1;border-radius:100px;overflow:hidden}
#inc03 .group-cont .target-slide-h .thumb-box img{width:100%;height:100%;object-fit:cover}
#inc03 .group-cont .target-slide-h span{padding:21px 30px 21px 70px;margin-left:-58px;text-align:right;font-size:20px;font-weight:700;line-height:1.2;color:#fff;border-radius:100px;background-color:rgba(255,255,255,0.3)}

#inc03 .group-cont .v-slider-container {overflow:hidden;position:relative;margin:110px 0 150px}
#inc03 .group-cont .v-slider-wrapper {display:flex;flex-direction:column;gap:24px;transition:transform 0.6s cubic-bezier(0.45, 0, 0.55, 1)}
#inc03 .group-cont .v-slide {flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:15px;font-size:32px;font-weight:600;color:rgba(255,255,255,0.3);text-align:center;transition:all 0.3s}
#inc03 .group-cont .v-slide .ic-check{opacity:0;visibility:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;aspect-ratio:1;border-radius:100px;border:2px solid #fff}
#inc03 .group-cont .v-slide .ic-check svg{flex-shrink:0}

#inc03 .group-cont .v-slide.active {font-size:44px;color:#fff}
#inc03 .group-cont .v-slide.active .ic-check{opacity:1;visibility:visible}

#inc03 .group-cont .v-slide.prev{background:linear-gradient(to top, rgba(255,255,255,0.4) 0%, transparent 100%);background-repeat:no-repeat;background-clip:text;color:transparent}
#inc03 .group-cont .v-slide.next {background:linear-gradient(to top, transparent 0%, rgba(255,255,255,0.4) 100%);background-repeat:no-repeat;background-clip:text;color:transparent}

#inc03 .group-cont .bn--contact{position:relative;overflow:hidden;padding:68px 95px;background-color:#39afb7;border-radius:13px;background-image:url(./img/inc03_banner.png);background-repeat:no-repeat;background-size:cover;background-position:center right}
#inc03 .group-cont .bn--contact::before{position:absolute;content:"";inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}
#inc03 .group-cont .bn--contact .text-box{position:relative;z-index:1}
#inc03 .group-cont .bn--contact h3{padding-bottom:15px;font-size:35px;font-weight:700;line-height:1.3;white-space:pre-line;word-break:keep-all;color:#fff}
#inc03 .group-cont .bn--contact p.desc{padding-bottom:40px;font-size:16px;line-height:1.6;color:rgba(255,255,255,0.7);word-break:keep-all}

/* 반응형 [s] */
@media (max-width:1500px){
#inc03{padding:120px 0}
#inc03 .group-title{padding-bottom:60px}
#inc03 .group-cont .target-slide-h .thumb-box{width:90px}
#inc03 .group-cont .target-slide-h span{font-size:18px}
#inc03 .group-cont .v-slider-container{margin:100px 0 120px}
#inc03 .group-cont .v-slide{font-size:30px}
#inc03 .group-cont .v-slide.active{font-size:40px}
#inc03 .group-cont .v-slide .ic-check{width:40px}
#inc03 .group-cont .bn--contact{margin:0 20px}
#inc03 .group-cont .bn--contact h3{font-size:32px}
#inc03 .group-cont .bn--contact p.desc{padding-bottom:32px}
}
@media (max-width:1300px){
#inc03{padding:100px 0}
#inc03 .group-cont .target-slide-h span{font-size:17px}
#inc03 .group-cont .target-slide-h .thumb-box{width:80px}
#inc03 .group-cont .v-slide{font-size:26px}
#inc03 .group-cont .v-slide.active{font-size:36px}
#inc03 .group-cont .v-slide .ic-check{width:36px}
#inc03 .group-cont .v-slide .ic-check svg{width:20px;height:20px}
#inc03 .group-cont .v-slider-container{margin:80px 0 90px}
#inc03 .group-cont .v-slider-wrapper{gap:20px}
#inc03 .group-cont .bn--contact{padding:64px 55px}
#inc03 .group-cont .bn--contact h3{padding-bottom:10px;font-size:30px}
#inc03 .group-cont .bn--contact p.desc{padding-bottom:30px}
}
@media (max-width:1200px){
#inc03{padding:80px 0}
#inc03 .group-title{padding-bottom:40px}
#inc03 .group-cont .target-slide-h span{font-size:16px}
#inc03 .group-cont .v-slider-container{margin:80px 0}
}
@media (max-width:1024px){
#inc03 .group-title{padding-bottom:35px}
#inc03 .group-cont .target-slide-h .thumb-box{width:68px}
#inc03 .group-cont .target-slide-h span{padding:18px 24px 18px 70px;font-size:15px}
#inc03 .group-cont .v-slide{gap:10px;font-size:22px}
#inc03 .group-cont .v-slider-wrapper{gap:14px}
#inc03 .group-cont .v-slide.active{font-size:30px}
#inc03 .group-cont .v-slide .ic-check{width:30px}
#inc03 .group-cont .v-slide .ic-check svg{width:18px;height:18px}
#inc03 .group-cont .v-slider-container{margin:60px 0}
#inc03 .group-cont .bn--contact{padding:58px 40px}
#inc03 .group-cont .bn--contact h3{padding-bottom:6px;font-size:26px}
#inc03 .group-cont .bn--contact p.desc{padding-bottom:25px}
}
@media (max-width:768px){
#inc03{padding:60px 0}
#inc03 .group-title{padding-bottom:30px}
#inc03 .group-cont .v-slider-container{margin:50px 0}
#inc03 .group-cont .v-slider-wrapper{gap:10px}
#inc03 .group-cont .v-slide{font-size:18px}
#inc03 .group-cont .v-slide.active{font-size:clamp(22px,3.39vw,26px)}
#inc03 .group-cont .v-slide .ic-check{width:26px}
#inc03 .group-cont .v-slide .ic-check svg{width:16px;height:16px}
#inc03 .group-cont .bn--contact{padding:48px 20px}
#inc03 .group-cont .bn--contact::before{background-color:rgba(0,0,0,0.6)}
#inc03 .group-cont .bn--contact .text-box{text-align:center}
#inc03 .group-cont .bn--contact h3{font-size:22px}
#inc03 .group-cont .bn--contact p.desc{padding-bottom:20px;font-size:15px}
#inc03 [data-aos="fade-right"]{transform:translate3d(0, 80px, 0) !important}
#inc03 [data-aos="fade-right"].aos-animate{transform:translate3d(0, 0, 0) !important}
}
@media (max-width:480px){
#inc03{padding:50px 0}
#inc03 .group-title{padding-bottom:25px}
#inc03 .group-cont .target-slide-h span{padding:16px 20px 16px 68px;font-size:14px}
#inc03 .group-cont .target-slide-h .thumb-box{width:60px}
#inc03 .group-cont .v-slider-container{margin:30px 0}
#inc03 .group-cont .v-slider-wrapper{gap:8px}
#inc03 .group-cont .v-slide{font-size:clamp(13px,3.75vw,18px)}
#inc03 .group-cont .v-slide p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
#inc03 .group-cont .v-slide.active{font-size:clamp(15px,4.58vw,22px)}
#inc03 .group-cont .v-slide .ic-check{width:24px}
#inc03 .group-cont .v-slide .ic-check svg{width:14px;height:14px}
#inc03 .group-cont .bn--contact{padding:40px 20px}
#inc03 .group-cont .bn--contact h3{font-size:18px}
#inc03 .group-cont .bn--contact p.desc{font-size:14px}
}
/* 반응형 [e] */