@charset "utf-8";

#inc02 .group_tit{position:sticky;top:300px;height:100%}
#inc02 .inner{display:flex;justify-content:space-between}
#inc02 .intro{max-width:max-content}
#inc02 .roll_wrap{position:sticky;top:100px;z-index:-1;width:100%;overflow:hidden;white-space:nowrap;}
#inc02 .roll_track{display:flex;width:max-content;animation:rolling 25s linear infinite;}
#inc02 .roll_txt{flex-shrink:0;padding-right:80px;font-size:100px;font-weight:700;color:rgba(0,0,0,.1);line-height:1;text-transform:uppercase}

@keyframes rolling{from{transform:translateX(0);}to{transform:translateX(-50%)}}

#inc02 .intro li{position:relative;overflow:hidden;border-radius:13px}
#inc02 .intro li dl{position:absolute;bottom:50px;left:50px;color:#fff}
#inc02 .intro li dt{font-size:30px;font-weight:700}
#inc02 .intro li dd{font-size:18px;font-weight:500}
#inc02 .intro li+li{margin-top:100px}
#inc02 .intro .img_area{position:relative}
#inc02 .intro .img_area:after{position:absolute;content:'';inset:0;background:linear-gradient(0deg, rgba(0,0,0,.8), rgba(0,0,0,.0))}

/* 반응형 [s] */
/* Desktop */
@media (max-width:1280px){
#inc02 .roll_txt{font-size:65px}
#inc02 .intro li{width:600px}
#inc02 .intro .img_area img{width:100%}
#inc02 .intro li dt{font-size:25px}
#inc02 .intro li dd{font-size:16px}
}

/* Tablet */
@media (max-width:1024px){
#inc02{padding:0}
#inc02 .roll_wrap{position:unset;padding:10px 0;background:var(--primary)}
#inc02 .roll_txt{padding-right:30px;font-size:40px;font-weight:600;color:rgba(255,255,255,.3)}
#inc02 .inner{flex-direction:column;padding:80px 15px !important}
#inc02 .group_tit{position:relative;top:initial;text-align:center;margin-bottom:50px}
#inc02 .intro li+li{margin-top:50px}
#inc02 .intro li{width:100%;border-radius:0}
#inc02 .intro li a{display:flex;align-items:center;gap:30px}
#inc02 .intro li .img_area{overflow:hidden;width:50%;border-radius:13px}
#inc02 .intro li dl{position:unset;width:50%;color:#000}
}

/* Mobile */
@media (max-width:768px){
#inc02 .inner{padding:50px 15px !important}
#inc02 .roll_txt{font-size:25px}
#inc02 .intro li+li{margin-top:25px}
#inc02 .intro li dt{font-size:20px}
#inc02 .intro li dd{font-size:15px;font-weight:400}
}
@media (max-width:580px){
#inc02 .intro li .img_area{width:100%}
#inc02 .intro li dl{position:absolute;width:calc(100% - 60px);bottom:30px;left:30px;text-align:center;color:#fff}
}

/* Small Mobile */
@media (max-width:480px){
#inc02 .roll_txt{font-size:18px}
#inc02 .group_tit{margin-bottom:30px}
#inc02 .intro li dt{font-size:16px}
#inc02 .intro li dd{display:none}
}

/* iPhone SE */
@media (max-width:390px){
#inc02 .roll_txt{font-size:16px}
}
/* 반응형 [e] */