@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;font-family:'Josefin Sans',sans-serif}
#mainSlide{z-index:10;width:100%;height:865px}
#mainSlide li{height:100%}
#mainSlide li{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;-webkit-transform:scale(1.15);transform:scale(1.15)}
#mainSlide li:nth-child(1){background-image:url(/sh_img/index/main_banner/main_banner_01.jpg)}
#mainSlide li:nth-child(2){background-image:url(/sh_img/index/main_banner/main_banner_02.jpg)}
#mainSlide li.on{-webkit-animation:main 12s cubic-bezier(0.165, 1.240, 0.440, 1.000);animation:main 12s cubic-bezier(0.165, 1.240, 0.440, 1.000)}
@-webkit-keyframes main{from{-webkit-transform:scale(1.15)}100%{-webkit-transform:scale(1.01)}}
@keyframes main{from{transform:scale(1.15)}100%{transform:scale(1.01)}}

/* 텍스트 */
#mainVisual .txt_area{position:relative;width:1200px;margin:0 auto}
#mainVisual .txt_area .txt{position:absolute;width:100%;height:865px;z-index:12}
#mainVisual .btxt{position:relative;top:250px;left:0;margin-left:-20px;opacity:0;font-size:60px;font-weight:700;line-height:1.1;color:#fff}
#mainVisual .more_btn{display:inline-block;position:relative;top:280px;margin-left:-20px;opacity:0;font-size:16px;font-weight:500;color:#fff}
#mainVisual .more_btn:before{display:inline-block;content:"";vertical-align:bottom;width:12px;height:30px;margin-right:10px;background-color:#ea332a;-webkit-transition:all .2s;transition:all .2s}
#mainVisual .more_btn:hover:before{background-color:#fff}
#mainVisual .stxt{position:absolute;left:50%;top:305px;margin-left:-20px;opacity:0;color:#fff}
#mainVisual .stxt span{display:block;margin-bottom:20px;font-size:16px;font-weight:500}
#mainVisual .stxt a {position:relative;padding-right:32px;font-size:30px;font-weight:700;color:#fff;background:url(/sh_img/index/main_banner/arr.png) right center no-repeat;-webkit-transition:padding .3s;transition:padding .3s}
#mainVisual .stxt a:after{display:block;content:"";position:absolute;right:-37px;top:50%;width:49px;height:49px;margin-top:-25px;border-radius:59px;border:1px solid rgba(255,255,255,.5);-webkit-transition:right .3s;transition:right .3s}
#mainVisual .stxt a:hover{padding-right:50px}
#mainVisual .stxt a:hover:after{right:10px}
#mainVisual .sstxt{overflow:hidden;position:absolute;left:50%;bottom:160px;width:50%}
#mainVisual .sstxt li{float:left;width:50%;font-size:14px;font-weight:400;line-height:1.5;color:rgba(255,255,255,.8)}

#bx-pager{position:absolute;left:0;bottom:160px}
#bx-pager a{margin-right:12px;font-size:14px;font-weight:600;opacity:.4;filter: alpha(opacity=40);color:#fff;letter-spacing:.5px}
#bx-pager a.active{opacity:1;filter: alpha(opacity=100)}

/* 그리드 */
#mainVisual .grid{position:absolute;top:0;bottom:0;left:0;right:0;z-index:11;width:100%;max-width:1200px;margin:0 auto}
#mainVisual .grid span{display:block;position:absolute;bottom:0;z-index:1;width:1px;height:0;background:rgba(255,255,255,.15)}
#mainVisual .grid span.line01{left:25%}
#mainVisual .grid span.line02{left:50%}
#mainVisual .grid span.line03{left:75%}