@charset "utf-8";
#shSub{display:flex;align-items:center;justify-content:center;height:480px;margin:0 auto;background-image:linear-gradient(rgb(0, 0, 0, 0.1), rgb(0, 0, 0, 0.1)), url(./sub_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;font-family:var(--e-font),var(--k-font)}
#shSub .txt_area{color:#fff;text-align:center;transform:translateY(-100px)}
#shSub .txt_area p{margin-bottom:15px;font-size:40px;color:#ffffff;text-shadow:2px 2px 4px rgba(0,0,0,0.7);font-weight:600}
#shSub .txt_area div{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500;gap:10px;color:#f8f8f8;text-shadow:1px 1px 3px rgba(0,0,0,0.6)}
#shSub .txt_area div a{color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.6)}
#shSub .txt_area div i{margin:0 18px;font-size:14px}

/* 반응형 [s] */
@media (max-width:1024px){
#shSub{height:350px}
#shSub .txt_area{transform:translateY(-40px)}
#shSub .txt_area p{font-size:34px}
}
@media (max-width:768px){
#shSub{height:310px}
#shSub .txt_area{transform:translateY(-40px)}
#shSub .txt_area p{margin-bottom:10px;font-size:30px}
}
@media (max-width:580px){
#shSub{height:280px}
#shSub .txt_area{transform:translateY(-40px)}
#shSub .txt_area p{margin-bottom:8px;font-size:26px}
#shSub .txt_area div{font-size:15px}
}
@media (max-width:480px){
#shSub{height:55px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:none}
#shSub .txt_area{transform:translateY(0)}
#shSub .txt_area p{margin-bottom:0px;font-size:16px;color:#000;text-shadow:none}
#shSub .txt_area div{display:none}
}
/* 반응형 [e] */