@charset "utf-8";

#mainVisual{position:relative;width:100%;height:800px}

/* 텍스트 */
#mainVisual .main_txt{position:absolute;left:50%;transform:translateX(-50%);top:15%;width:100%;color:#777;font-size:18px;font-weight:500;text-align:center}
#mainVisual .main_txt span{display:block;margin-bottom:40px;line-height:1.3;color:#111;font-size:56px;font-weight:700}

/* 스와이퍼 */
#mainVisual .main_slide{width:100%;height:100%}
#mainVisual ul li .bg{width:100%;height:100%;background:center;background-size:cover}
#mainVisual ul li .bg01{background-image:url('/sh_img/index/main_banner/main01.jpg')}
#mainVisual ul li .bg02{background-image:url('/sh_img/index/main_banner/main02.jpg')}
#mainVisual ul li .bg03{background-image:url('/sh_img/index/main_banner/main03.jpg')}
#mainVisual .control{position:absolute;left:100px;bottom:100px;z-index:100;display:flex}
#mainVisual .control svg{cursor:pointer;color:#fff}
#mainVisual .control .pager{padding:0 20px;font-size:15px;font-weight:700;color:#fff}

/* 컨트롤러 */
#mainVisual .main_control{position:absolute;z-index:10;width:161px;height:53px;left:50%;bottom:76px;transform:translateX(-50%);box-shadow:-1px 2px 16px rgba(0, 0, 0, .1);line-height:55px;border-radius:30px;background:#fff;font-size:13px;z-index:3}
#mainVisual .main_control .main_arrow{font-size:19px;width:fit-content;margin:0 auto}
#mainVisual .main_control .main_arrow span{cursor:pointer;color:#111}
#mainVisual .main_control .main_next{margin-left:84px}
#mainVisual .main_control .main_pager{position:absolute;text-align:center;z-index:-1;bottom:-2px;font-weight:700;color:#aaa}
#mainVisual .main_control .main_pager span{margin:0 5px}
#mainVisual .main_control .main_pager .swiper-pagination-current{color:#111}

/* 반응형 [s] */
@media (max-width:1024px){
#mainVisual {height:560px}
#mainVisual .main_txt{font-size:16px}
#mainVisual .main_txt span{margin-bottom:18px;font-size:38px}
#mainVisual .main_control{bottom:62px}
}
@media (max-width:768px){
#mainVisual{height:405px}
#mainVisual .main_txt{top:20%;font-size:15px;font-weight:600;color:rgb(255, 255, 255, 0.7)}
#mainVisual .main_txt span{margin-bottom:15px;font-size:30px;color:#fff}
#mainVisual .main_control{bottom:34px;width:150px;height:48px;line-height:48px}
#mainVisual .main_control .main_arrow{font-size:18px}
#mainVisual .main_control .main_pager{bottom:0px}
#mainVisual ul li .bg01{background-image:linear-gradient(rgb(0, 0, 0, 0.4), rgb(0, 0, 0, 0.4)),url(./main01.jpg)}
#mainVisual ul li .bg02{background-image:linear-gradient(rgb(0, 0, 0, 0.4), rgb(0, 0, 0, 0.4)),url(./main02.jpg)}
#mainVisual ul li .bg03{background-image:linear-gradient(rgb(0, 0, 0, 0.4), rgb(0, 0, 0, 0.4)),url(./main03.jpg)}
}
@media (max-width:480px){
#mainVisual{height:320px}
#mainVisual .main_txt{width:95%;font-size:14px}
#mainVisual .main_txt span{margin-bottom:12px;font-size:24px}
#mainVisual .main_control{bottom:28px;width:130px;height:44px;line-height:44px}
}
@media (max-width:380px){
#mainVisual{height:280px}
#mainVisual .main_txt{font-size:13px}
#mainVisual .main_txt span{font-size:21px}
#mainVisual .main_control{width:125px;height:42px;line-height:42px}
}
/* 반응형 [e] */