@charset "utf-8";

#mainVisual{width:100%;height:865px}

#mainVisual .txt_area{position:absolute;left:60px;top:500px;color:#fff;z-index:5;font-family:'notokr-regular'}
#mainVisual .txt_area .txt1{padding-bottom:5px;font-size:41px;font-weight:800;font-family:'mulish'}
#mainVisual .txt_area .txt2{font-size:18px}
#mainVisual .txt_area .txt3{padding-top:90px;font-size:14px;line-height:1.7;color:rgba(255, 255, 255, 0.77)}

#mainVisual .main_slider{height:100%}
#mainVisual .slider li{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
#mainVisual .slider .img1{background-image:url(/sh_img/index/main_banner/main_banner_01.jpg)}  
#mainVisual .slider .img2{background-image:url(/sh_img/index/main_banner/main_banner_02.jpg)}  

#mainVisual .slider_pager{position:absolute;right:-60px;bottom:-9px;width:37px;height:19px;z-index:8}
#mainVisual .slider_pager:after{position:absolute;right:0;top:0;content:'/ 2';font-size:14px;font-weight:500;color: #fff;letter-spacing: 2px;font-family:'mulish'}
#mainVisual .slider_pager .pager{display:block;position:absolute;left:0;top:0;font-size:14px;font-weight:500;color: #fff;opacity:0;font-family:'mulish'}
#mainVisual .slider_pager .pager.on{opacity:1}

#mainVisual .timeline{position:absolute;left: 60px;bottom:100px;width:230px;}
#mainVisual .timeline:before{position:absolute;left:0;bottom:0;width:100%;height:1px;content:'';z-index:8;background-color:rgba(255, 255, 255, .3)}
#mainVisual .swiper-hero-progress {position:absolute;left:0;bottom:0;width:0;height:1px;background:#fff;z-index:5}