@charset "utf-8";

#main_visual{overflow:hidden;position:relative}

#main_visual .main_txt{width:100%;margin:0 auto;-webkit-transition:all .2s;transition:all .2s;text-align:center}
#main_visual .main_txt .txt{position:absolute;top:50%;z-index:999;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);line-height:1.6;letter-spacing:-.15px;color:#fff;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-regular'}
#main_visual .main_txt .etxt{display:inline-block;padding:10px 40px;border-top:double 4px rgba(255,255,255,.4);border-bottom:double 4px rgba(255,255,255,.4);font-size:13px;font-weight:600;color:#fff;letter-spacing:4px;opacity:0;font-family:'Montserrat', sans-serif}
#main_visual .main_txt .btxt{padding:70px 0 55px;margin-left:20px;font-size:67px;font-weight:100;line-height:1.2; letter-spacing:-4px;opacity:0;font-family:'AritaBuri'}
#main_visual .main_txt .stxt{margin-left:-20px;font-size:18px;line-height:1.7;opacity:0}
#main_visual .main_txt .stxt span{display:block}
#main_visual .main_txt .txt em{font-style:normal;opacity:0}
#main_visual .main_txt .txt em:nth-child(1){-webkit-transition:opacity 1.8s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 1.8s 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
#main_visual .main_txt .txt em:nth-child(2){-webkit-transition:opacity 1.8s 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 1.8s 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
#main_visual .main_txt .txt em:nth-child(3){-webkit-transition:opacity 1.8s 1s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 1.8s 1s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
#main_visual .main_txt .txt em:nth-child(4){-webkit-transition:opacity 1.8s 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 1.8s 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
#main_visual .main_txt .txt em:nth-child(5){-webkit-transition:opacity 1.8s 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 1.8s 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000)}

/* INTRO - SCROLL */
#main_visual .scroll_bar_wrap{overflow:hidden;position:absolute;bottom:160px;left:50%;z-index:1001;width:1px;height:80px;background-color:rgba(255,255,255,.3)}
#main_visual .scr_bar{position:absolute;left:0;top:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);width:1px;height:100%;background-color:rgba(255,255,255,.8)}
#main_visual .scroll{position:absolute;bottom:80px;left:50%;z-index:1001;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:30px;height:48px;border:solid 3px #fff;border-radius:30px;cursor:pointer}
#main_visual .scr-down{display:block;width:4px;height:4px;margin:18% auto auto;-webkit-animation:scroll-inner 1.5s infinite ease;-ms-animation:scroll-inner 1.5s infinite ease;animation:scroll-inner 1.5s infinite ease;border-radius:50%;background:#fff}
@-webkit-keyframes scroll-inner{from{margin-top:15%;opacity:1}to{margin-top:75%;opacity:0}}
@-ms-keyframes scroll-inner{from{margin-top:15%;opacity:1}to{margin-top:75%;opacity:0}}
@keyframes scroll-inner{from{margin-top:15%;opacity:1}to{margin-top:75%;opacity:0}}
#main_visual .scr_txt{position:absolute;bottom:40px;left:50%;z-index:1001;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:13px;font-weight:700;color:#fff;letter-spacing:1.5px;font-family:'Montserrat', sans-serif}

/*#slides{position:relative;width:100%;height:100vh;min-height:700px} 
#slides li{width:100%;height:100%;background-size:cover}
#slides li.sli01{background:url(/sh_img/index/main_banner/main_banner_01.jpg) no-repeat 75%}
#slides li.sli02{background:url(/sh_img/index/main_banner/main_banner_02.jpg) no-repeat 75%}
#slides li.sli03{background:url(/sh_img/index/main_banner/main_banner_03.jpg) no-repeat 75%}*/

#slides li img{width:100%}

#main_visual .bx-controls-direction a{display:block;position:absolute;top:45%;left:50px;z-index:1000;width:65px;height:65px;border-radius:100%;border:6px solid rgba(255,255,255,.2);font-size:0;opacity:0;background-image:url(/sh_img/index/main_banner/prev.png);background-repeat:no-repeat;background-position:center;-webkit-transition:all .3s;transition:all .3s}
#main_visual .bx-controls-direction a.bx-next{left:auto;right:50px;background-image:url(/sh_img/index/main_banner/next.png)}
#main_visual:hover .bx-controls-direction a{opacity:.5}
#main_visual:hover .bx-controls-direction a:hover{opacity:1;border-color:rgba(255,255,255,.5)}

#main_visual .bx-pager{display:inline-block;margin:50px 0 0 -20px}
#main_visual .bx-pager > div{display:inline-block;margin-right:10px}
#main_visual .bx-pager a{display:block;width:13px;height:13px;border-radius:100%;font-size:0;background-color:rgba(255,255,255,.3)}
#main_visual .bx-pager a.active{background-color:#fff}

#main_visual .bx-controls-auto{position:relative;display:inline-block}
#main_visual .bx-controls-auto > div{position:absolute;top:1px}
#main_visual .bx-controls-auto .bx-start{font-size:0}
#main_visual .bx-controls-auto .bx-start:before{position:absolute;top:-4px;left:1px;content:"\f04b";font-size:13px;color:#fff;font-family:FontAwesome}
#main_visual .bx-controls-auto .bx-stop{overflow:hidden;display:block;width:9px;height:12px;font-size:0;background:url(/sh_img/index/main_banner/pause.png) no-repeat}
#main_visual .bx-controls-auto .active{display:none}


@media (max-width:1024px){
#main_visual{margin-top:75px} 
#main_visual .main_txt .etxt{letter-spacing:3px}
#main_visual .main_txt .btxt{font-size:55px}
#main_visual .main_txt .btxt img{width:100%}
#main_visual .main_txt .stxt{font-size:18px}
#slides li img{ transform:scale(1.2);left:0}
#main_visual .scroll_bar_wrap{display:none}
#main_visual .scroll{display:none}
#main_visual .scr_txt{display:none}
}

@media (max-width:768px){
#main_visual .block{display:block}	
#main_visual .main_txt .etxt{padding:8px 15px}
#main_visual .main_txt .btxt{font-size:46px}
#main_visual .main_txt .txt{padding:0 20px;text-align:center}
#main_visual .bx-controls-direction{display:none}
}

@media (max-width:480px){
#main_visual{margin-top:65px} 
#main_visual .main_txt .etxt{font-size:13px;letter-spacing:2px}
#main_visual .main_txt .btxt{padding:35px 0 23px;font-size:38px}
#main_visual .main_txt .stxt{font-size:15px}
#main_visual .main_txt .stxt span{display:inline}

}