@charset "utf-8";

#subBnr{position:relative;z-index:20;height:500px;margin:0 auto;color:#fff;background:linear-gradient(rgb(0, 0, 0, 0.2), rgb(0, 0, 0, 0.2)), url(./sub_bg.jpg) center no-repeat;background-size:cover}
#subBnr .txt_area{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;font-size:40px;line-height:45px;font-weight:700;text-align:center}
#subBnr .txt_area span{display:block;font-size:18px;font-weight:500;color:rgba(255,255,255,.7)}

/* 반응형 [s] */
@media (max-width:1024px){
#subBnr{height:340px}
#subBnr .txt_area{font-size:34px;line-height:1.3}
#subBnr .txt_area span{margin-top:10px;font-size:16px}
}
@media (max-width:768px){
#subBnr{height:300px}
#subBnr .txt_area{font-size:32px}
#subBnr .txt_area span{margin-top:8px;font-size:15px}
}
@media (max-width:580px){
#subBnr{height:280px}
#subBnr .txt_area{font-size:30px}
#subBnr .txt_area span{margin-top:6px;font-size:14px}
}
@media (max-width:480px){
#subBnr{height:55px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:none}
#subBnr .txt_area{font-size:16px;color:#000}
#subBnr .txt_area span{display:none}
}
/* 반응형 [e] */