@charset "utf-8";
#inc02{position:relative;overflow:hidden;background-color:#ede3d0}
#inc02 .material-symbols-outlined {font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}
#inc02 .wrapper{padding-bottom:185px;border-bottom-left-radius:200px;background-color:var(--bg)}

#inc02 .marquee-container{--x:-8743.75px;--gap:20px;padding-bottom:125px}
#inc02 .marquee-wrapper{display:flex;gap:var(--gap);animation:marquee 60s linear infinite}
#inc02 .marquee-wrapper ul{display:flex;gap:var(--gap)}
#inc02 .marquee-wrapper ul li{font-family:var(--main-font);text-transform:uppercase;font-size:60px;color:rgba(233,72,18,0.15);white-space:nowrap}
@keyframes marquee {0%{transform:translateX(0)} 100%{transform:translateX(var(--x))}}

#inc02 .col-2{display:flex;justify-content:space-between;align-items:center;gap:30px}
#inc02 .img-slide{max-width:643px;width:100%;aspect-ratio:643 / 683;margin:0;border-radius:15px}
#inc02 .img-slide .swiper-slide .thumb-box{width:100%;height:100%}
#inc02 .img-slide .swiper-slide .thumb-box img{width:100%;height:100%;object-fit:cover;object-position:top center}

#inc02 .text-slide{max-width:596px;width:100%;margin:0}
#inc02 .text-slide .swiper-slide{display:flex;flex-direction:column;align-items:flex-start;gap:38px}
#inc02 .text-slide .swiper-slide .group-tit .tit--ko-l{display:flex;align-items:flex-end;gap:14px}
#inc02 .text-slide .swiper-slide .group-tit .tit--ko-l span{font-size:20px}
#inc02 .text-slide .swiper-slide .group-controller{display:flex;gap:10px}
#inc02 .text-slide .swiper-slide .group-controller > *{all:unset;display:flex;align-items:center;justify-content:center;width:67px;aspect-ratio:1;border-radius:100px;background-color:#fff;color:#777;cursor:pointer;transition:background-color 0.2s, color 0.2s}
#inc02 .text-slide .swiper-slide .group-controller button svg{flex-shrink:0}
#inc02 .text-slide .swiper-slide .group-controller .link-schedule{background-color:rgba(233,72,18,0.2)}
#inc02 .text-slide .swiper-slide .group-controller .link-schedule span{color:var(--primary);transition:color 0.2s}

#inc02 .text-slide .swiper-slide .group-text{display:flex;flex-direction:column;gap:45px;width:100%}
#inc02 .text-slide .swiper-slide .group-text dl{display:flex;flex-direction:column;gap:15px}
#inc02 .text-slide .swiper-slide .group-text dt{background-color:#dbd6ce;font-family:var(--main-font);font-size:15px;font-weight:600;border-radius:10px;padding:9px 18px;word-break:keep-all}
#inc02 .text-slide .swiper-slide .group-text dd{font-size:16px;color:#777;font-family:var(--sub-font);line-height:1.3;word-break:keep-all}
#inc02 .text-slide .swiper-slide .group-text dd ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}

@media (hover:hover){
#inc02 .text-slide .swiper-slide .group-controller > *:hover{background-color:var(--primary);color:#fff}
#inc02 .text-slide .swiper-slide .group-controller .link-schedule:hover{background-color:var(--primary)}
#inc02 .text-slide .swiper-slide .group-controller .link-schedule:hover span{color:#fff}
}

/* 반응형 [s] */
@media (max-width:1600px){
#inc02 .wrapper{padding:0 20px 195px}
#inc02 .col-2{justify-content:center;gap:80px}
#inc02 .text-slide .swiper-slide .group-controller > *{width:62px}
#inc02 .img-slide{max-width:600px}  
}
@media (max-width:1400px){
#inc02 .wrapper{padding:0 20px 140px}
#inc02 .marquee-container{padding-bottom:100px}
#inc02 .text-slide .swiper-slide{gap:28px}
#inc02 .text-slide .swiper-slide .group-controller > *{width:58px}
#inc02 .text-slide .swiper-slide .group-tit .tit--ko-l span{font-size:18px}
}
@media (max-width:1200px){
#inc02 .marquee-container{--x:-7299.75px}
#inc02 .marquee-wrapper ul li{font-size:50px}
#inc02 .col-2{gap:45px}
#inc02 .text-slide .swiper-slide{gap:22px}
#inc02 .text-slide .swiper-slide .group-controller > *{width:50px}
#inc02 .text-slide .swiper-slide .group-controller button svg{width:20px;height:20px}
#inc02 .text-slide .swiper-slide .group-controller .link-schedule span{font-size:20px}
#inc02 .text-slide .swiper-slide .group-text{gap:30px}
#inc02 .text-slide .swiper-slide .group-tit .tit--ko-l{gap:10px}
#inc02 .text-slide .swiper-slide .group-tit .tit--ko-l span{font-size:17px}
}
@media (max-width:1024px){
#inc02 .wrapper{padding:0 20px 100px}
#inc02 .marquee-container{padding-bottom:70px}
#inc02 .col-2{flex-direction:column;gap:28px}
#inc02 .img-slide{max-width:480px}
#inc02 .text-slide .swiper-slide .group-tit{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}
#inc02 .text-slide .swiper-slide .group-controller{width:100%;justify-content:center}
#inc02 .text-slide .swiper-slide .group-text{gap:24px}
#inc02 .text-slide .swiper-slide .group-text dt{border-radius:5px}
#inc02 [data-aos=fade-right], #inc02 [data-aos=fade-left]{transform:translate3d(0,50px,0) !important}
#inc02 [data-aos=fade-right].aos-animate, #inc02 [data-aos=fade-left].aos-animate{transform:translate3d(0,0,0) !important}
}
@media (max-width:768px){
#inc02 .wrapper{padding:0 20px 60px}
#inc02 .wrapper{border-radius:0}
#inc02 .marquee-container{--x:-5815.81px;--gap:10px;padding-bottom:60px}
#inc02 .marquee-wrapper ul li{font-size:40px}
#inc02 .col-2{gap:20px}
#inc02 .img-slide{max-width:430px}
#inc02 .text-slide .swiper-slide{gap:16px}
#inc02 .text-slide .swiper-slide .group-text dl{gap:12px}
#inc02 .text-slide .swiper-slide .group-text dd{font-size:15px}
#inc02 .text-slide .swiper-slide .group-tit .tit--ko-l{gap:5px}
#inc02 .text-slide .swiper-slide .group-tit .tit--ko-l span{font-size:15px}
}
@media (max-width:480px){
#inc02 .wrapper{padding:0 20px 50px}
#inc02 .marquee-container{padding-bottom:40px}
#inc02 .img-slide{max-width:none}
#inc02 .text-slide .swiper-slide{gap:12px}
#inc02 .text-slide .swiper-slide .group-tit .tit--ko-l span{font-size:14px}
#inc02 .text-slide .swiper-slide .group-controller{gap:6px}
#inc02 .text-slide .swiper-slide .group-controller > *{width:44px}
#inc02 .text-slide .swiper-slide .group-controller button svg{width:18px;height:18px}
#inc02 .text-slide .swiper-slide .group-controller .link-schedule span{font-size:18px}
#inc02 .text-slide .swiper-slide .group-text dt{font-size:14px;padding:8px 12px}
#inc02 .text-slide .swiper-slide .group-text dd{font-size:14px}
#inc02 .marquee-container{--x:-5093.88px}
#inc02 .marquee-wrapper ul li{font-size:35px}
}
@media (max-width:390px){
#inc02 .text-slide .swiper-slide .group-text dd ul{grid-template-columns:repeat(1,1fr)}
}
/* 반응형 [e] */