@charset "utf-8";

/* 서브 상단 BG */
#sub_bg{position:relative;width:100%;height:300px;color:#fff;text-align:center;background:url(/hu4104/sh_img/hd/sub_main_banner/sub_bg.jpg) top center no-repeat}
#sub_bg:after{display:block;content:"";position:absolute;top:50%;left:50%;transform:translateX(-50%);margin-top:-90px}
#sub_bg .tit_area{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}
#sub_bg .tit_area h2{padding-top:13px;margin-top:-20px;font-size:40px;font-weight:normal;letter-spacing:-1.5px;opacity:0;font-family:'notokr-thin'}
#sub_bg .sub_bg_mo{display:none}

/* 반응형 [s] */
@media (max-width:768px){
#sub_bg{ height:auto;background:none}
#sub_bg .tit_area h2{font-size:32px}
#sub_bg .sub_bg_mo{display:block;width:100%}
}
@media (max-width:480px){
#sub_bg{height:53px;border-bottom:1px solid #e1e1e1;background:none}
#sub_bg .sub_bg_mo{display:none}
#sub_bg .tit_area{position:relative;top:auto;left:auto;transform:none;text-align:center}
#sub_bg .tit_area span{display:none}
#sub_bg .tit_area h2{opacity:1;margin-top:0;padding:0;font-size:16px;line-height:52px;letter-spacing:-.3px;color:#222;font-family:'notokr-medium'}
}
/* 반응형 [e] */