@charset "utf-8";

#inc07{overflow:hidden;padding:170px 0;background-color:#f2f2f2}
#inc07 .inner{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;max-width:1140px;margin:0 auto}
#inc07 .inner > *{flex:1;width:100%}
#inc07 .group-title{text-align:left !important}
#inc07 .group-title .desc{padding-bottom:35px;font-size:26px;font-weight:700;color:var(--primary)}
#inc07 .group-title h2{line-height:1.2;white-space:pre-line}
#inc07 .img-box{z-index:1;position:relative;display:flex;justify-content:flex-end;align-items:center;transform:translateY(40px)}
#inc07 .img-box img.device{position:relative;z-index:1;max-width:359px}
#inc07 .img-box img.firework{position:absolute;max-width:524px;bottom:40px;right:-44px}

/* 로고 슬라이드 */
#inc07 .logo-slide{--translateX:-834px}
#inc07 .logo-slide ul{display:flex;flex-wrap:nowrap}
#inc07 .logo-slide .to-left .scroll{animation:leftDesktop 12s linear infinite}
#inc07 .logo-slide .to-right .scroll{animation:rightDesktop 12s linear infinite}
@keyframes leftDesktop {0%{transform:translateX(0)} 100%{transform:translateX(var(--translateX))}}
@keyframes rightDesktop {0%{transform:translateX(var(--translateX))} 100%{transform:translateX(0)}}

/* 반응형 [s] */
@media (max-width:1500px){
#inc07{padding:60px 0}
#inc07 .group-title .desc{padding-bottom:30px}
#inc07 .img-box img.device{max-width:320px}
#inc07 .img-box img.firework{right:-48px;max-width:500px}
}
@media (max-width:1200px){
#inc07 .inner{padding:0 20px}
#inc07 .img-box img.device{max-width:320px}
#inc07 .img-box img.firework{max-width:490px}
#inc07 .logo-slide ul img{max-width:230px}
}
@media (max-width:1024px){
#inc07 .group-title .desc{padding-bottom:24px}
#inc07 .logo-slide{--translateX:-840px}
#inc07 .logo-slide ul img{max-width:210px}
#inc07 .img-box{transform:translateY(22px)}
#inc07 .img-box img.device{max-width:255px;margin-right:50px}
#inc07 .img-box img.firework{max-width:410px;right:7px}
}
@media (max-width:768px){
#inc07 .inner{grid-template-columns:repeat(1,1fr);place-items:center}
#inc07 .group-title{padding-bottom:20px;text-align:center !important}
#inc07 .group-title .desc{padding-bottom:15px}
#inc07 .logo-slide{--translateX:-780px}
#inc07 .logo-slide ul img{max-width:190px}
#inc07 .img-box{justify-content:center;transform:translateY(20px)}
#inc07 .img-box img.device{max-width:230px;margin-right:0}
#inc07 .img-box img.firework{right:52%;bottom:30px;max-width:360px}
}
@media (max-width:480px){
#inc07 .group-title{padding-bottom:20px}
#inc07 .group-title .desc{padding-bottom:15px}
#inc07 .img-box img.device{max-width:200px}
#inc07 .img-box img.firework{bottom:32px;max-width:300px}
#inc07 .logo-slide{--translateX:-680px}
#inc07 .logo-slide ul img{max-width:170px}
}
/* 반응형 [e] */