@charset "utf-8";

/* 서브 상단 BG */
#sub_bg{overflow:hidden;position:absolute;top:0;left:0;z-index:-1;animation:fullScale 2s;width:100%;height:650px;background-position:bottom;background-repeat:no-repeat;background-size:cover;-webkit-transition:all .2s;transition:all .2s}
@keyframes fullScale{from{transform:scale(1.05)}to{transform:scale(1)}}
#sub_wrap{display:table-cell;vertical-align:middle;position:relative;padding-top:150px;color:#fff;text-align:center}
#sub_wrap .tit_area{display:inline-block}
#sub_wrap .tit_area span{display:block;font-size:14px;font-weight:600;letter-spacing:2px;font-family:'Montserrat'}
#sub_wrap .tit_area h2{padding-top:13px;margin-top:-15px;font-size:52px;font-weight:normal;letter-spacing:-1.5px;opacity:0;font-family:'notokr-thin'}

/* 이전/다음 소메뉴 */
#hiddenSnb{display:none}

#sub_wrap .pager_area{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:1200px;width:100%;height:65px;margin-top:80px}
#sub_wrap .pager_area p{font-size:15px}
#sub_wrap .pager_area p .sm{position:absolute;left:0;color:#fff;-webkit-transition:all .2s;transition:all .2s}
#sub_wrap .pager_area p span{opacity:0;-webkit-transition:all .3s;transition:all .3s}
#sub_wrap .pager_area p.pre a:before{display:inline-block;content:"";vertical-align:middle;width:65px;height:65px;margin-right:15px;border-radius:100%;border:6px solid rgba(255,255,255,.3);opacity:.5;background:url(/sh_img/hd/sub_main_banner/prev.png) center no-repeat;webkit-transition:all .3s;transition:all .3s}
#sub_wrap .pager_area p.next a:after{display:inline-block;content:"";vertical-align:middle;width:65px;height:65px;margin-left:15px;border-radius:100%;border:6px solid rgba(255,255,255,.3);opacity:.5;background:url(/sh_img/hd/sub_main_banner/next.png) center no-repeat;-webkit-transition:all .3s;transition:all .3s}
#sub_wrap .pager_area p.next a{left:auto;right:0}
#sub_wrap .pager_area p a:hover:before{opacity:1}


#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)}


#sub_wrap .pager_area p a:hover:before, #sub_wrap .pager_area p a:hover:after, #sub_wrap .pager_area p a:hover span{opacity:1} 

@media (max-width:1230px){
#sub_wrap .pager_area p.pre a{left:30px}
#sub_wrap .pager_area p.next a{right:30px}
}

@media (max-width:768px){
#sub_bg{height:400px}	
#sub_wrap .tit_area{padding:0 20px}
#sub_wrap .tit_area h2{font-size:42px}
#sub_wrap .pager_area{display:none}
}