@charset "utf-8";

/* 슬라이드 */
#slideshow {overflow:hidden;position:absolute;right:-50px;top:0;z-index:5;width:62%;height:100%}
#slides {position:relative;width:100%;height:100%;list-style:none;overflow:hidden;margin:0 auto}
#slides li {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-repeat:no-repeat}
#slides .img01 {background-image:url(/sh_img/index/main_banner/main_banner_01a.jpg)}
#slides .img02 {background-image:url(/sh_img/index/main_banner/main_banner_02a.jpg)}

/* 메인텍스트 */
#main_visual {overflow:hidden;position:relative;width:100%;height:100%;min-width:1200px}
#main_visual .line {position:absolute;z-index:20;left:0;top:63%;width:0;height:1px;background-color:#38424b}
#main_visual .txt_bg{float:left;position:absolute;left:0;top:0;z-index:6;width:45%;height:100%;color:#fff;background-color:#121e28}
#main_visual .txt_area {position:relative;z-index:10;width:1200px;height:100%;margin:0 auto;color:#fff}
#main_visual .txt_area .txt {position:absolute;left:0;top:250px;text-transform:uppercase;font-family:'Montserrat', sans-serif}
#main_visual .txt_area .s_txt {padding-bottom:60px;margin-left:50px;font-size:21px;letter-spacing:25px;font-weight:100;opacity:0}
#main_visual .txt_area .b_txt {margin-left:-50px;font-size:63px;line-height:1;letter-spacing:.15px;font-weight:100;opacity:0}
#main_visual .txt_area .b_txt span {font-weight:900}
#main_visual .txt_area .b_txt span b {color:#b51e5f;font-weight:900}

/* pager */
.pagination {z-index:9999;height:10px;margin-top:150px}
.pagination li {float:left;margin-right:20px;padding-bottom:8px;font-size:15px;font-weight:700;color:#696f74;cursor:pointer;transition:all .3s}
.pagination li:hover {color:#fff}
li.current {padding-right:50px;border-bottom:2px solid #fff;color:#fff}

/* 좌우버튼 */
#main_visual .controls {position:absolute;bottom:0;right:0;z-index:9999;display:block;cursor:pointer}
#main_visual .controls li {float:left;position:relative;width:100px;height:90px;transition:all .3s}
#main_visual .prev {background:url(/sh_img/index/main_banner/prev.png) 40% center no-repeat #fff}
#main_visual .prev:before {display:block;content:"";position:absolute;top:50%;left:40%;width:20px;height:1px;background-color:#333;transition:all.3s}
#main_visual .prev:after {display:block;content:"";position:absolute;right:0;top:31px;width:1px;height:30px;background-color:#333}
#main_visual .prev:hover {background-position:32% center}
#main_visual .prev:hover:before {left:32%;width:35px}
#main_visual .next {background:url(/sh_img/index/main_banner/next.png) 60% no-repeat #fff}
#main_visual .next:before {display:block;content:"";position:absolute;top:50%;left:40%;width:20px;height:1px;background-color:#333;transition:all.3s}
#main_visual .next:hover {background-position:68% center}
#main_visual .next:hover:before {left:32%;width:35px}