@charset "utf-8";

#main_banner{overflow:hidden;position:relative;width:100%;height:700px;padding-top:45px}
#main_visual{opacity:0}

/* 이미지 */
#main_banner .slide{position:relative;z-index:1;width:100%}
#main_banner .slide li{overflow:visible;width:100%;max-width:1200px;height:540px;text-align:center;color:#fff;transition-timing-function:var(--ani)}
#main_banner .slide li .img{overflow:hidden;width:100%;height:100%;border-radius:26px;background-color:#000;opacity:.7;transition:all .2s}
#main_banner .slide li .img.img01{background:url('/sh_img/index/main_banner/main_banner01.jpg') no-repeat left}
#main_banner .slide li .img.img02{background:url('/sh_img/index/main_banner/main_banner02.jpg') no-repeat left}
#main_banner .slide li .img.img03{background:url('/sh_img/index/main_banner/main_banner03.jpg') no-repeat left}
#main_banner .slide .swiper-slide-active .img{opacity:1}
#main_banner #control{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;max-width:1316px;height:52px}
#main_banner #control div{position:absolute;z-index:10;top:50%;transform:translateY(-50%);opacity:.5;cursor:pointer;transition:all .3s}
#main_banner #control div.next{right:0}
#main_banner #control div.prev{left:0}

/* 모바일 호버 X */
@media (hover: hover) {
#main_banner #control div:hover{opacity:1}
}

/* 반응형 [s] */
@media (max-width:1300px){
#main_banner .slide li{max-width:90%}
#main_banner .slide li .img{background-size:cover !important}
#main_banner #control div.next{right:15px}
#main_banner #control div.prev{left:15px}
}

@media (max-width:1230px){
#main_banner{height:680px}
#main_banner .slide li .img{background-position:-40px center !important}
#main_banner #control div img{height:40px}
#main_banner #control div.next{right:20px}
#main_banner #control div.prev{left:20px}
}

@media (max-width:1024px){
#main_banner{height:auto;padding-top:10px}
#main_banner .slide li{width:calc(100% - 60px);max-width:none;height:485px}
#main_banner .slide li .img.img01{background-image:url('/sh_img/index/main_banner/main_banner01_m.jpg') !important}
#main_banner .slide li .img.img02{background-image:url('/sh_img/index/main_banner/main_banner02_m.jpg') !important}
#main_banner .slide li .img.img03{background-image:url('/sh_img/index/main_banner/main_banner03_m.jpg') !important}
#main_banner .slide li .img{background-position:center !important;background-size:cover !important}
#main_banner #control div.next{right:50px}
#main_banner #control div.prev{left:50px}
}

@media (max-width:768px){
.swiper-container-3d{perspective:900px !important}
#main_banner .slide li{height:430px}
}

@media (max-width:480px){
#main_banner .slide li{width:calc(100% - 30px);height:320px}
#main_banner #control div.next{right:30px}
#main_banner #control div.prev{left:30px}
}

@media (max-width:380px){
.swiper-container-3d{perspective:700px !important}
}
/* 반응형 [e] */