@charset "utf-8";

#subBnr{overflow:hidden;position:relative;width:100%;height:400px;}
#subBnr:after{opacity:0;display:block;content:"";position:absolute;left:0;top:0;width:40%;height:100%;background-color:rgba(0,0,0,.5);-webkit-transition:all 1s;transition:all 1s}
#subBnr.on:after{opacity:1;left:-50px}
#subBnr .txt_area{position:relative;top:30%;z-index:1;margin:50px auto 0;padding:0 40px;width:1280px;font-size:14px;letter-spacing:-.2px;color:#fff;font-family:"Pretendard"}
#subBnr .txt_area .btxt{font-size:32px;font-weight:600}
#subBnr .txt_area .stxt{margin:20px 0 50px;font-size:15px}
#subBnr .txt_area span {color:rgba(255,255,255,.6);font-family:var(--e-font),var(--k-font)}
#subBnr .txt_area span i{padding:0 10px}

/* 반응형 [s] */
@media (max-width:1700px){
#subBnr .txt_area{width:70%}
}
@media (max-width:1380px){
#subBnr .txt_area{width:90%}
}
@media (max-width:1024px){
#subBnr{height:350px;background-image:linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(sub_bg.jpg)}
#subBnr:after{display:none}
#subBnr .txt_area{position:absolute;top:52%;left:50%;transform:translate(-50%, -50%);margin:0px;padding:0px;width:100%;text-align:center}
#subBnr .txt_area .btxt{margin-bottom:10px;font-size:30px}
#subBnr .txt_area .stxt{display:none}
}
@media (max-width:768px){
#subBnr{height:320px}
#subBnr .txt_area .btxt{margin-bottom:8px;font-size:28px}
}
@media (max-width:580px){
#subBnr{height:290px}
#subBnr .txt_area .btxt{margin-bottom:6px;font-size:26px}
}
@media (max-width:480px){
#subBnr{height:55px;border-bottom:1px solid #e1e1e1;background:none}
#subBnr .txt_area .btxt{margin-bottom:0px;font-size:16px;color:#000}
#subBnr .txt_area span{display:none}
}
/* 반응형 [e] */