@charset "utf-8";

#inc04 .top_box{padding:170px 0 130px 0;display:flex;align-items:flex-end;width:100%;max-width:1500px;margin:0 auto;justify-content:space-between}
#inc04 .top_box h2{color:#111;font-size:45px;line-height:1.2;white-space:pre-line;word-break:keep-all}
#inc04 .top_box a{display:flex;justify-content:center;align-items:center;gap:30px;width:165px;font-size:14px;font-weight:600;line-height:55px;color:#fff;background:var(--primary);transition:all 0.2s;cursor:pointer}
#inc04 .top_box a svg{width:18px;color:#fff}
#inc04 .top_box a:hover{gap:38px}
#inc04 ul{display:flex;animation:looplogo 40s infinite linear}
#inc04 ul:hover{animation-play-state:paused} 

@keyframes looplogo{0% {transform:translateX(0)} 100% {transform:translateX(-100%)}}

/* 반응형 [s] */
@media (hover:hover){
#inc04 .top_box a:hover{gap:38px}
}
@media (max-width:1380px){
#inc04 .top_box{padding:150px 0 110px;margin:auto;width:95%}
#inc04 .top_box h2{font-size:40px}
}
@media (max-width:1024px){
#inc04 .top_box{padding:130px 0 90px}
#inc04 .top_box h2{font-size:30px}
#inc04 .top_box a{gap:20px;width:160px}
#inc04 .top_box a:hover{gap:30px}
#inc04 ul li{flex-shrink:0;width:340px;height:340px}
#inc04 ul li img{width:100%;height:100%;object-fit:cover}
}
@media (max-width:768px){
#inc04 .top_box{padding:100px 0 60px}
#inc04 .top_box h2{font-size:27px}
#inc04 .top_box a{gap:18px;width:155px;line-height:53px}
#inc04 .top_box a:hover{gap:28px}
#inc04 ul li{width:300px;height:300px}
}
@media (max-width:480px){
#inc04 .top_box{flex-direction:column;align-items:center;text-align:center;padding:80px 0 50px}
#inc04 .top_box h2{font-size:23px;white-space:normal}
#inc04 .top_box a{margin-top:40px;gap:12px !important;width:142px;line-height:50px}
#inc04 ul li{width:250px;height:250px}
}
@media (max-width:380px){
#inc04 .top_box{padding:70px 0 40px}
#inc04 .top_box h2{font-size:21px}
#inc04 .top_box a{margin-top:35px;gap:10px !important;width:130px;line-height:48px;font-size:13px}
#inc04 ul li{width:230px;height:230px}
}
/* 반응형 [e] */