@charset "utf-8";
/* 서브 상단 BG */
#sub_bg{position:relative;width:100%;height:400px;color:#fff;text-align:center;background:url(./sub_bg.jpg) center top no-repeat fixed}
#sub_bg .tit_area{position:relative;top:55%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#sub_bg .tit_area span{display:block;font-size:12px;font-weight:600;letter-spacing:1px;opacity:0;font-family:'Montserrat', sans-serif}
#sub_bg .tit_area h2{padding-top:13px;margin-top:-100px;font-size:47px;font-weight:normal;letter-spacing:-1.5px;opacity:0;font-family:'Noto Sans KR';font-weight:100}

/* 반응형 [s] */
@media (max-width:1024px){
#sub_bg{height:350px;background-attachment:unset;background-position:center}
#sub_bg .tit_area{top:50%}
#sub_bg .tit_area h2{opacity:1 !important;margin:0px !important;padding-top:8px;font-size:38px}
}
@media (max-width:768px){
#sub_bg{height:300px}
#sub_bg .tit_area h2{padding-top:6px;font-size:34px}
}
@media (max-width:580px){
#sub_bg{height:270px}
#sub_bg .tit_area h2{padding-top:4px;font-size:32px}
}
@media (max-width:480px){
#sub_bg{height:55px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:none}
#sub_bg .tit_area h2{padding-top:0px;font-size:20px;font-weight:400;color:#000}
#sub_bg .tit_area span{display:none}
}
/* 반응형 [e] */