@charset "utf-8";

#inc02{padding:160px 0 170px}
#inc02 .group-tit{padding-bottom:100px;text-align:center}
#inc02 .swiper-container{padding-bottom:75px}
#inc02 .swiper-wrapper{transition-timing-function:linear !important}
#inc02 .swiper-slide{max-width:644px;width:100%;padding-top:13px}
#inc02 .swiper-slide a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:20px 25px;border-radius:10px;background-color:#f5f5f5}
#inc02 .swiper-slide a .keyword{position:absolute;top:-13px;right:30px;background-color:var(--primary);border-radius:50px 50px 50px 0;font-family:var(--e-font);font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;padding:2px 10px}
#inc02 .swiper-slide a .thumb-box{display:flex;align-items:center;justify-content:center;max-width:115px;width:100%;aspect-ratio:1;border-radius:100px;overflow:hidden}
#inc02 .swiper-slide a .thumb-box img{width:100%;height:100%;object-fit:cover}
#inc02 .swiper-slide a .text-box{display:flex;flex-direction:column;gap:4px}
#inc02 .swiper-slide a .text-box h3{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:18px;font-weight:700;line-height:1.4;color:#111}
#inc02 .swiper-slide a .text-box p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;font-size:15px;color:#111}
#inc02 .swiper-slide a .text-box .profile{line-height:1.3;font-size:13px;font-weight:600;color:var(--primary)}

#inc02 .marquee-container{--x:-7003.04px;--gap:45px;padding-bottom:65px}
#inc02 .marquee-scroll{display:flex;gap:var(--gap);animation:marquee 100s linear infinite reverse}
#inc02 .marquee-scroll ul{display:flex;gap:var(--gap)}
#inc02 .marquee-scroll ul li{font-family:var(--e-font);font-size:76px;line-height:1;font-weight:700;color:rgba(17,17,17,0.06);text-transform:uppercase;white-space:nowrap}
#inc02 .btn--primary{margin:0 auto}

@keyframes marquee{
0%{transform:translateX(0)}
100%{transform:translateX(var(--x))}
}

/* 반응형 [s] */
@media (max-width:1600px){
#inc02{padding:130px 0 140px}
#inc02 .group-tit{padding-bottom:80px}
}
@media (max-width:1400px){
#inc02{padding:100px 0 110px}
#inc02 .group-tit{padding-bottom:60px}
#inc02 .swiper-container{padding-bottom:40px}
#inc02 .swiper-slide{max-width:600px}
#inc02 .swiper-slide a{gap:30px}
#inc02 .swiper-slide a .keyword{right:20px}
}
@media (max-width:1200px){
#inc02{padding:80px 0 90px}
#inc02 .group-tit{padding-bottom:45px}
#inc02 .swiper-container{padding-bottom:34px}
#inc02 .swiper-slide a .keyword{font-size:13px}
#inc02 .marquee-container{--x:-5813.91px;--gap:24px;padding-bottom:55px}
#inc02 .marquee-scroll ul li{font-size:64px}
}
@media(max-width:1024px){
#inc02{padding:70px 0}
#inc02 .swiper-slide{max-width:565px}
#inc02 .swiper-slide a{gap:25px}
#inc02 .swiper-slide a .text-box h3{font-size:16px}
}
@media(max-width:768px){
#inc02 .group-tit{padding-bottom:32px}
#inc02 .swiper-slide{max-width:500px}
#inc02 .swiper-slide a .text-box h3{font-size:15px}
#inc02 .swiper-slide a .thumb-box{max-width:105px}
#inc02 .marquee-container{--x:-4927.98px}
#inc02 .marquee-scroll ul li{font-size:54px}
}
@media (max-width:480px){
#inc02 .group-tit{padding:0 20px 32px}
#inc02 .swiper-container{padding-bottom:22px}
#inc02 .swiper-slide a{gap:20px;padding:20px}
#inc02 .swiper-slide a .text-box p{font-size:14px}
#inc02 .marquee-container{--x:-3627.75px;--gap:14px;padding-bottom:40px}
#inc02 .marquee-scroll ul li{font-size:40px}
}
/* 반응형 [e] */