@charset "utf-8";

#subBnr{position:relative;z-index:20;width:100%;height:394px;color:#fff;background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url(./sub_main_banner.png) center no-repeat;background-size:cover;font-family:var(--kr-font)}
#subBnr .txt_area{position:relative;top:170px;opacity:0;padding-top:30px;text-align:center}
#subBnr .txt_area p{padding-top:20px;font-size:38px;font-weight:700}
#subBnr .txt_area span{font-size:16px;color:rgba(255,255,255,.6)}

/* 반응형 [s] */
@media (max-width:1024px){
#subBnr{height:300px}
#subBnr .txt_area{top:50%;transform:translateY(-50%)}
#subBnr .txt_area p{font-size:30px}
}
@media (max-width:768px){
#subBnr{height:220px}
#subBnr .txt_area span{font-size:15px}
#subBnr .txt_area p{padding-top:15px;font-size:25px}
}
@media (max-width:480px){
#subBnr{height:auto;padding:15px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;color:#222;background:#fff}
#subBnr .txt_area{position:initial;transform:none;opacity:1;padding:0}
#subBnr .txt_area span{display:none}
#subBnr .txt_area p{padding:0;font-weight:500;font-size:15px}
}
@media (max-width:380px){}
/* 반응형 [e] */