@charset "utf-8";#main_visual{}

/* 고정 */
.tilt{overflow:hidden;position:relative;width:100%;height:100%;}
.tilt__back,.tilt__front{width:100%;height:100%;background-position:top center;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.tilt__back{position:relative}
.tilt__front{position:absolute;top:0;left:0}

/* 메인비주얼 */
#main_visual{overflow:hidden;position:relative;width:100%;height:1010px}
#main_visual .main_img{overflow:hidden;position:relative;height:0;padding-bottom:75%}
#main_visual .main_img img{max-width:100%;display:block}
#main_visual .tilt{position:absolute;top:0}

/* 텍스트 */
#main_visual .main_txt{position:relative;z-index:2;width:1200px;margin:0 auto;font-family:'notokr-light', sans-serif}
#main_visual .main_txt .txt{position:absolute;top:500px;margin-top:-130px;font-size:78px;line-height:1.1;color:#fff;letter-spacing:-0.6px;opacity:0}
#main_visual .main_txt .txt em{font-style:normal;font-family:'notokr-bold',sans-serif;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)}
#main_visual .main_txt .txt em:nth-child(6){-webkit-transition:opacity 1.8s 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 1.8s 0.9s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
#main_visual .main_txt .txt em:nth-child(7){-webkit-transition:opacity 1.8s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);transition:opacity 1.8s 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000)}
#main_visual .main_txt .view_btn{position:absolute;top:710px;left:10px;padding-right:40px;font-size:14px;font-weight:600;letter-spacing:.5px;line-height:59px;color:#fff;opacity:0;cursor:pointer;background:url(/sh_img/index/main_banner/arr.png) right 25px no-repeat;-webkit-transition:padding .3s;transition:padding .3s}
#main_visual .main_txt .view_btn:after{display:block;content:"";position:absolute;right:-45px;top:50%;width:59px;height:59px;margin-top:-31px;border-radius:59px;border:1px solid rgba(255,255,255,.5) ;-webkit-transition:right .3s;transition:right .3s}
#main_visual .main_txt .view_btn:hover{padding-right:50px}
#main_visual .main_txt .view_btn:hover:after{right:10px}

/* 박스 */
#main_visual .main_txt .box{position:absolute;top:450px;right:-70px;width:40%;height:330px;background:url(/sh_img/index/main_banner/box_bg.png) right top no-repeat #fff;opacity:0;-webkit-transition: transform .3s, background .3s;transition:transform .3s, background .3s;font-family:'notokr-regular'}
#main_visual .main_txt .box a{display:block;padding:125px 0 50px 50px;height:100%;font-size:15px;line-height:1.6;color:#222}
#main_visual .main_txt .box p{padding-bottom:15px;font-size:20px;font-weight:700;font-family:'Raleway', sans-serif}
#main_visual .main_txt .box p:before{display:block;content:"";width:11px;height:11px;margin-bottom:17px;border-radius:11px;background-color:#222;-webkit-transition:background .3s;transition:background .3s}
#main_visual .main_txt .box:hover p:before{background-color:#a201ff}
#main_visual .main_txt .box:hover{transform:translateY(-15px);background-image:url(/sh_img/index/main_banner/box_bg_on.png)}

/* 그리드 */
#main_visual .grid{position:relative;z-index:2;width:100%;margin:0 auto}
#main_visual .grid span{display:block;position:absolute;top:0;z-index:1;background:rgba(255,255,255,.25)}
#main_visual .grid.horiz span{top:80px;left:0;width:0;height:1px}
#main_visual .grid.verti{max-width:1060px} 
#main_visual .grid.verti span{top:0;right:0;width:1px;height:0}