@charset "utf-8";

/* 서브 상단 BG */
#sub_bg{position:relative;width:100%;height:430px;color:#fff;background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(./sub_banner01.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}
#sub_bg .txt_area{display:flex;flex-direction:column;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
#sub_bg .txt_area h2{margin-bottom:10px;font-size:36px;font-weight:700}
#sub_bg .txt_area span{font-size:16px;font-weight:500}

/* 반응형 [s] */
@media (max-width:1024px){
#sub_bg{height:350px}
#sub_bg .txt_area h2{font-size:32px}
}
@media (max-width:768px){
#sub_bg{height:300px}
#sub_bg .txt_area h2{margin-bottom:8px;font-size:28px}
#sub_bg .txt_area span{font-size:15px}
}
@media (max-width:580px){
#sub_bg{height:270px}
#sub_bg .txt_area h2{margin-bottom:6px;font-size:26px}
#sub_bg .txt_area span{font-size:14px}
}
@media (max-width:480px){
#sub_bg{height:55px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:none}
#sub_bg .txt_area span{margin-bottom:0px;font-size:16px;color:#000}
#sub_bg .txt_area h2{display:none}
}
/* 반응형 [e] */