@charset "utf-8";

/* 서브 상단 BG */
#shSub{position:relative;display:flex;align-items:center;justify-content:center;height:343px;margin:0 auto}
#shSub::before{position:absolute;content:'';inset:0%;width:100%;height:100%;background-image:url("./sub_bg.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;pointer-events:none}
#shSub::after{position:absolute;content:'';inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.2);pointer-events:none}
#shSub .txt_area{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px}
#shSub .txt_area .tit--e{font-size:16px;font-weight:700;color:#fff}
#shSub .txt_area .tit--k{font-size:48px;font-weight:700;color:#fff}

/* 반응형 [s] */
@media (max-width:1400px){
#shSub{height:310px}
#shSub .txt_area{gap:18px}
#shSub .txt_area .tit--k{font-size:42px}
}
@media (max-width:1200px){
#shSub{height:280px}
#shSub .txt_area{gap:12px}
#shSub .txt_area .tit--k{font-size:36px}
}
@media(max-width:1024px){
#shSub{height:220px}
#shSub .txt_area .tit--k{font-size:34px}
}
@media (max-width:768px){
#shSub{height:200px}
#shSub .txt_area .tit--e{font-size:14px}
#shSub .txt_area .tit--k{font-size:30px}
}
@media (max-width:480px){
#shSub{height:100%;padding:20px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#fff}
#shSub::before, #shSub::after{display:none}
#shSub .txt_area .tit--e{display:none}
#shSub .txt_area .tit--k{font-size:16px;color:#111}
}
/* 반응형 [e] */