@charset "utf-8";

#inc04{overflow:hidden;position:relative;min-height:1100px;background-color:#111;background-image:url(img/inc04_bg.png);background-repeat:no-repeat;background-size:cover;background-position:center top -70px;color:#fff}
#inc04 .inner{padding-top:288px}
#inc04 .marquee{position:absolute;top:56%;transform:translateY(-50%);overflow: hidden;}
#inc04 .marquee .scroll{animation:marquee 25s linear infinite;width: max-content;display: flex;}
#inc04 .marquee ul{display:flex;flex-wrap:nowrap;}
#inc04 .marquee ul li{font-family:var(--e-font);font-size:25px;color:#fff;font-weight:700;white-space:nowrap;flex-shrink: 0;padding: 0 20px;}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* 전체 너비의 절반(원본 한 세트)만큼만 이동 */
}

/* 반응형 [s] */
@media(max-width:1600px){
#inc04{min-height:640px;background-position:center top -155px}
#inc04 .inner{padding:100px 20px 0}
#inc04 .marquee{top:60%}
}
@media (max-width:1400px){
#inc04{min-height:560px}
}
@media (max-width:1200px){
#inc04{min-height:500px;background-position:center}
#inc04 .inner{padding:80px 20px 0}
#inc04 .marquee{top:55%}
#inc04 .marquee ul{}
#inc04 .marquee ul li{font-size:22px;padding: 0 15px;}
}
@media (max-width:1024px){
#inc04{min-height:455px}
#inc04 .inner{padding:0 20px}
#inc04 .group-title{text-align:center}
#inc04 .marquee{top:55%}
#inc04 .marquee ul li{font-size:20px}
}
@media (max-width:768px){
#inc04{min-height:410px}
#inc04 .marquee{top:56%}
#inc04 .marquee ul{}
#inc04 .marquee ul li{font-size:18px}
#inc04 .marquee ul li img{width:150px;}
}
@media (max-width:480px){
#inc04{min-height:280px}
#inc04 .marquee{top:55%}
}
/* 반응형 [e] */