@charset "utf-8";

/* 서브 상단 BG */
#sub_bg{height:300px;margin-top:95px;color:#fff;text-align:center;background:url(/sh_img/hd/sub_main_banner/sub_bg.jpg) top center no-repeat}
#sub_bg .tit_area{position:relative;top:52%;z-index:1;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%) }
#sub_bg .tit_area span{display:block;font-size:12px;font-weight:500;letter-spacing:1px;opacity:0;font-family: 'Poppins', sans-serif;}
#sub_bg .tit_area h2{padding-top:13px;margin-top:-20px;font-size:40px;line-height:40px;font-weight:normal;letter-spacing:-.5px;opacity:0;font-family:'notokr-bold'}

@media (max-width:1400px){
#sub_bg{padding:0}
}
@media (max-width:1200px){
#sub_bg{height:250px}
#sub_bg .txt_area{width:100%}
#sub_bg .txt_area p{font-size:14px}
#sub_bg .txt_area span{font-size:35px}
}
@media (max-width:1024px){
#sub_bg .tit_area h2{font-size:30px;line-height:30px}
}
@media (max-width:480px){
#sub_bg,#sub_bg .inner{height:auto;background:none}
#sub_bg .tit_area{position:initial;transform:translate(0)}
#sub_bg .tit_area span{display:none}
#sub_bg .tit_area h2{opacity:1;padding:15px 0;margin-top:0;border-top:1px solid #d1d1d1;border-bottom:1px solid #eee;color:#222;font-size:16px;line-height:16px;color:#222;font-family: 'notokr-medium'}
}