@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%);width:100%;padding-left:30px;font-size:18px;color:#fff}
#subBnr .txt_area .btxt{margin-bottom:20px;font-size:42px;font-weight:700}

/* 반응형 [s] */
@media (max-width:1024px){
#subBnr{height:350px}
#subBnr .txt_area{top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;font-size:16px}
#subBnr .txt_area .btxt{margin-bottom:15px;font-size:35px}
}
@media (max-width:768px){
#subBnr{height:310px}
#subBnr .txt_area{font-size:15px}
#subBnr .txt_area .btxt{margin-bottom:12px;font-size:30px}
}
@media (max-width:580px){
#subBnr{height:280px}
#subBnr .txt_area .btxt{font-size:28px}
}
@media (max-width:480px){
#subBnr{height:55px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#subBnr .bg{display:none}
#subBnr .txt_area .btxt{margin-bottom:0px;font-size:16px;color:#000}
#subBnr .txt_area .stxt{display:none}
}
/* 반응형 [e] */