@charset "utf-8";

#main_car{overflow:hidden;background-color:#000}
#main_car .inner{max-width:1700px !important}
#main_car .group-tit{padding-bottom:90px}
#main_car .swiper{width:100%}

#main_car_list li a{display:flex;flex-direction:column;align-items:center;gap:34px}
#main_car_list li .thumb-box{border-radius:20px;overflow:hidden;width:100%;aspect-ratio:470 / 345}
#main_car_list li img{width:100%;height:100%;object-fit:cover}
#main_car_list li p{word-break:keep-all}
#main_car_list li .main_name{width:100%;text-align:center;font-size:20px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#main_car .slide-box{position:relative;padding:0 122px;margin-bottom:80px}
#main_car .swiper-navigation .btn--nav{position:absolute !important;top:50% !important;transform:translateY(-50%) translateZ(0) !important}
#main_car .swiper-navigation .btn--nav.prev{left:0}
#main_car .swiper-navigation .btn--nav.next{right:0}

/* 반응형 [s] */
@media (max-width:1600px){
#main_car .group-tit{padding-bottom:72px}
#main_car .slide-box{padding:0 80px}
}
@media (max-width:1400px){
#main_car .group-tit{padding-bottom:28px}
#main_car .slide-box{display:flex;flex-direction:column-reverse;padding:0;margin-bottom:60px}
#main_car .swiper{width:100%}
#main_car .swiper-navigation{display:flex;gap:12px;justify-content:center;padding-bottom:40px}
#main_car .swiper-navigation .btn--nav{position:static !important;transform:none !important}
#main_car_list li a{gap:22px}
#main_car_list li .main_name{font-size:18px}
}
@media (max-width:1024px){
#main_car .group-tit{padding-bottom:20px}
#main_car .swiper-navigation{padding-bottom:30px}
#main_car .slide-box{margin-bottom:45px}
#main_car_list li a{gap:16px}
#main_car_list li .thumb-box{border-radius:10px}
#main_car_list li .main_name{font-size:16px}
}
@media (max-width:768px){
#main_car .group-tit{padding-bottom:18px}
#main_car .swiper-navigation{padding-bottom:25px}
#main_car_list li .main_name{font-size:15px}
}
@media (max-width:540px){
#main_car .inner{padding:0 !important}
#main_car .group-tit{padding:0 20px 18px}
}
@media (max-width:480px){
#main_car .group-tit{padding:0 20px 14px}
#main_car .swiper-navigation{padding-bottom:20px}
#main_car .slide-box{margin-bottom:38px}
#main_car_list li .main_name{font-size:14px}
}
/* 반응형 [s] */