@charset "utf-8";

/* 서브 상단 BG */
#sub_bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url(./sub_bg.jpg) no-repeat center top}

#sub_tit_wrap{position:relative;width:100%;max-width:1400px;margin:0 auto;padding-top:200px;font-size:15px;color:#fff;text-align:center;font-family:'Pretendard'}
#sub_tit_wrap h2 {padding-bottom:16px;font-weight:600;font-size:51px;letter-spacing:-1.5px;font-family:'Pretendard'}

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

#sub_tit_wrap p{line-height:21px}
#sub_tit_wrap p a{position:absolute;left:0;top:224px;color:#fff}
#sub_tit_wrap p a:before, #sub_tit_wrap p a:after {display:inline-block;width:35px;height:35px;text-align:center;padding-top:6px;border:1px solid rgba(255,255,255,.5);border-radius:35px;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;font-family:FontAwesome}
#sub_tit_wrap p.next a{left:auto;right:0}
#sub_tit_wrap p.next a:after {content:"\f105";margin-left:15px}
#sub_tit_wrap p.pre a:before {content:"\f104";margin-right:15px}

/* 모바일 호버 X */
@media (hover: hover) {
#sub_tit_wrap p a:hover:before, #sub_tit_wrap p a:hover:after {border-color:rgba(255,255,255,1)}
}
/* 반응형 [s] */
@media (max-width:1300px){
#sub_bg{background-position:88% top}
#sub_tit_wrap p a{left:15px}
#sub_tit_wrap p.next a{right:15px}
}
@media (max-width:1024px){
#sub_bg{height:260px;background-size:cover}
#sub_tit_wrap{height:100%;padding-top:102px;font-size:14px}
#sub_tit_wrap h2{font-size:35px}
#sub_tit_wrap p a{top:50%;transform:translateY(-50%)}
}
@media (max-width:768px){
#sub_tit_wrap p{display:none}
}
@media (max-width:480px){
#sub_bg{height:auto;padding-top:0;background:none}
#sub_tit_wrap{padding:15px 0;border-top:1px solid #d1d1d1;border-bottom:1px solid #eee;font-size:0;color:#222}
#sub_tit_wrap h2{margin:0;padding-bottom:0;font-size:16px}
}