@charset "utf-8";
/* 서브 상단 BG */
#sub_bg{position:relative;width:100%;min-width:1400px;height:300px;margin-top:100px;color:#fff;text-align:center;background:url(./sub_bg.jpg) top center no-repeat}
#sub_bg:after{display:block;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:180px;border-radius:60px 0;background-color:rgba(33,131,128,.9)}
#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:'Montserrat'}
#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'}

@media (max-width:1400px){
#sub_bg{min-width:100%}
}
@media (max-width:1200px){
#sub_bg{height:250px}
#sub_bg .tit_area h2{font-size:35px}
#sub_bg:after{height:150px}
}
@media (max-width:1024px){
#sub_bg .tit_area h2{font-size:30px;line-height:30px}
}
@media (max-width:480px){
#sub_bg{height:auto;background:none}
#sub_bg:after{display: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'}
}