@charset "utf-8";

/* 서브 상단 BG */
#sub_bg{overflow:hidden;position:absolute;top:0;left:0;width:100%;min-width:1200px;height:500px;background:url(/sh_img/hd/sub_main_banner/sub_bg.jpg) no-repeat;background-size:cover; transition:all .3s}
#sub_bg .mask{position:absolute;bottom:0;width:100%;height:40%;
background:rgba(117,189,209,0);
background:-moz-linear-gradient(top, rgba(117,189,209,0) 0%, rgba(50,53,56,1) 100%);
background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(117,189,209,0)), color-stop(100%, rgba(50,53,56,1)));
background:-webkit-linear-gradient(top, rgba(117,189,209,0) 0%, rgba(50,53,56,1) 100%);
background:-o-linear-gradient(top, rgba(117,189,209,0) 0%, rgba(50,53,56,1) 100%);
background:-ms-linear-gradient(top, rgba(117,189,209,0) 0%, rgba(50,53,56,1) 100%);
background:linear-gradient(to bottom, rgba(117,189,209,0) 0%, rgba(50,53,56,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#75bdd1', endColorstr='#323538', GradientType=0 )}

#sub_wrap{position:relative;width:1200px;margin:0 auto;padding-top:155px;color:#fff;text-align:center}
#sub_wrap .tit_area{display:inline-block;min-width:450px;height:200px;padding-top:55px}
#sub_wrap .tit_area span{display:block;font-size:14px;font-weight:400;font-style:italic;letter-spacing:1px;font-family:'Playfair Display'}
#sub_wrap .tit_area h2{padding-top:8px;margin-top:-15px;font-size:52px;font-weight:normal;letter-spacing:0;opacity:0;font-family:'Playfair Display','notokr-thin'}

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

#sub_wrap .pager_area p{font-size:14px}
#sub_wrap .pager_area p .sm{position:absolute;left:0;top:215px;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}