@charset "utf-8";

#sh_sub_wrap{position:relative}
#subBnr{overflow:hidden;position:relative;width:100%;height:650px;font-family:var(--k-font)}
#subBnr .bg{position:absolute;transform:scale(1.05);width:100%;height:100%;background:url(./sub_bg.jpg) center no-repeat;background-size:cover;transition:all 1.2s cubic-bezier(0.165, 0.840, 0.440, 1)}
#subBnr.on .bg{transform:scale(1)}
#subBnr .txt_area{position:absolute;left:50%;top:57%;z-index:1;transform:translateX(-50%);max-width:1200px;width:100%;font-size:18px;color:#fff}
#subBnr .txt_area .btxt{margin-bottom:20px;font-size:42px;font-weight:700}

/* 반응형 [s] */
@media (max-width:1600px){
#subBnr{height:550px}
#subBnr .txt_area{top:50%;transform:translate(-50%, -50%);padding:0 20px}
}
@media (max-width:1400px){
#subBnr{height:490px}
}
@media (max-width:1200px){
#subBnr{height:430px}
}
@media (max-width:1024px){
#subBnr{height:330px}
#subBnr .txt_area{text-align:center}
#subBnr .txt_area .btxt{margin-bottom:14px;font-size:36px}
#subBnr .txt_area .stxt{font-size:16px}
}
@media (max-width:480px){
#subBnr{display:flex;flex-direction:column;justify-content:center;height:60px;border-bottom:1px solid #e1e1e1}
#subBnr .bg{display:none}
#subBnr .txt_area{position:static;transform:none}
#subBnr .txt_area .btxt{margin-bottom:0;color:#000;font-size:16px;text-align:center}
#subBnr .txt_area .stxt{display:none}
}
/* 반응형 [e] */