@charset "utf-8";

#atc03{overflow:hidden;width:100%;padding:130px 0 80px;text-align:center}
#atc03 .tit_area{display:inline-block;position:relative;margin-bottom:90px}
#atc03 .tit_area .stit{margin-bottom:26px;font-size:18px;line-height:20px;letter-spacing:2px;color:rgba(34,34,34,.5);font-family:'Outfit'}
#atc03 .tit_area .tit{font-size:60px;color:#222;letter-spacing:0;line-height:60px;font-weight:600;font-family:'Outfit'}
#atc03 .tit_area .tit span{color:var(--primary)}

/*컨트롤 버튼*/
#atc03 .tit_area #slide_btn{display:flex;justify-content:space-between;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1218px}
#atc03 .tit_area #slide_btn div{position:relative;transition:all .3s;cursor:pointer;font-size:20px;line-height:20px;color:#777;font-family:'Outfit'}
#atc03 .tit_area #slide_btn div.next{padding-left:30px}
#atc03 .tit_area #slide_btn div.next:after{left:0}
#atc03 .tit_area #slide_btn div.next:before, #atc03 .tit_area #slide_btn div.next:after{display:block;content:"\f104";position:absolute;top:-2px;transition:all .3s;font-family:'fontawesome'}
#atc03 .tit_area #slide_btn div.next:before{left:10px;opacity:0}
#atc03 .tit_area #slide_btn div.prev{padding-right:30px}
#atc03 .tit_area #slide_btn div.prev:after{right:0}
#atc03 .tit_area #slide_btn div.prev:before, #atc03 .tit_area #slide_btn div.prev:after{display:block;content:"\f105";position:absolute;top:-4px;transition:all .3s;font-family:'fontawesome'}
#atc03 .tit_area #slide_btn div.prev:before{right:10px;opacity:0}

/*자동차 슬라이드*/
#index_car #bo_gall #gall_ul{margin:0}
#index_car #bo_gall #gall_ul .gall_li{height:450px;margin-bottom:0;box-shadow:none;transition:all .3s}
#index_car #bo_gall #gall_ul .swiper-slide-active{box-shadow:0 0 100px rgba(0,0,0,.1);border-top:4px solid #222}
#index_car #bo_gall .gall_con .gall_img{left:50%;transform:translateX(-50%)}
#index_car #bo_gall .con_tit_box .car_info{color:var(--primary)}
#index_car #bo_gall .con_tit_box .best{background-color:var(--primary)}

/* 모바일 호버 X */
@media (hover: hover) {
#atc03 .tit_area #slide_btn div:hover{color:#222}
#atc03 .tit_area #slide_btn div.next:hover:before{left:0;opacity:1;transition-delay:.1s}
#atc03 .tit_area #slide_btn div.next:hover:after{left:-10px;opacity:0}
#atc03 .tit_area #slide_btn div.prev:hover:before{right:0;opacity:1;transition-delay:.1s}
#atc03 .tit_area #slide_btn div.prev:hover:after{right:-10px;opacity:0}
}

/* 반응형 [s] */
@media (max-width:1230px){
#atc03 .tit_area .stit{margin-bottom:20px;font-size:18px;line-height: 18px}
#index_car #bo_gall #gall_ul .gall_li{height:385px}
#index_car #bo_gall .gall_con .gall_img{left:auto;transform:none}
#index_car #bo_gall .gall_con .gall_img img{width:90%}
}

@media (max-width:1024px){
#atc03{padding:60px 0 145px}
#atc03 .tit_area{margin-bottom:60px}
#atc03 .tit_area .tit{font-size:40px;line-height:40px}
#atc03 #bo_gall .con_tit_box{padding:30px 20px}
#atc03 #bo_gall .gall_con .car_price{display:none !important}
#index_car #bo_gall #gall_ul .swiper-slide-active .car_price{display:block !important;background:none}
#atc03 #bo_gall .gall_con .car_price li span{color:var(--primary)}
}

@media (max-width:768px){
#atc03{padding:60px 0 128px}
}

@media (max-width:480px){
#atc03{padding:60px 0 118px}
#atc03 .tit_area{margin-bottom:40px}
#atc03 .tit_area .stit{margin-bottom:15px;font-size:16px;line-height:16px}
#atc03 .tit_area .tit{font-size:35px;line-height:35px}
#index_car{padding: 0 15px}
}
/* 반응형 [e] */