@charset "utf-8";

/* 서브 상단 BG */
#sub_bg{overflow:hidden;position:absolute;top:0;left:0;width:100%;min-width:1200px;height:450px;background:url(/sh_img/hd/sub_main_banner/sub_bg.jpg) no-repeat;background-size:cover}
#sub_bg .mask{width:100%;height:100%;
background:rgba(0,0,0,0.46);
background:-moz-linear-gradient(top, rgba(0,0,0,0.46) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0) 100%);
background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.46)), color-stop(39%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
background:-webkit-linear-gradient(top, rgba(0,0,0,0.46) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0) 100%);
background:-o-linear-gradient(top, rgba(0,0,0,0.46) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0) 100%);
background:-ms-linear-gradient(top, rgba(0,0,0,0.46) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0) 100%);
background:linear-gradient(to bottom, rgba(0,0,0,0.46) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
#sub_wrap{position:relative;width:1200px;margin:0 auto;padding-top:165px;color:#fff;text-align:center}
#sub_wrap .tit_area{display:inline-block;min-width:450px;height:200px;padding-top:50px}
#sub_wrap .tit_area span{display:block;font-size:13px;font-weight:700;letter-spacing:1px;font-family:'Quicksand', sans-serif}
#sub_wrap .tit_area h2{padding-top:13px;margin-top:-15px;font-size:50px;letter-spacing:-1.5px;opacity:0;font-family:'notokr-thin'}

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

#sub_wrap .pager_area p{font-size:14px}
#sub_wrap .pager_area p .sm{position:absolute;left:0;top:225px;color:#fff}
#sub_wrap .pager_area p span{opacity:0;-webkit-transition:all .3s;transition:all .3s}
#sub_wrap .pager_area p a:before, #sub_wrap p a:after{display:inline-block;content:"";vertical-align:middle;width:44px;height:86px;opacity:.5;-webkit-transition:all .3s;transition:all .3s}
#sub_wrap .pager_area p.next a{left:auto;right:0}
#sub_wrap .pager_area p.next a:after{background-image:url(/sh_img/hd/sub_main_banner/next.png)}
#sub_wrap .pager_area p.pre a:before{background-image:url(/sh_img/hd/sub_main_banner/pre.png)}
#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}