@charset "utf-8";

#shSub{display:flex;align-items:center;justify-content:center;height:500px;margin:0 auto;background-image:linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)), url(./sub_bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}
#shSub .txt_area{padding-top:40px;color:#fff;text-align:center;font-family:'Pretendard'}
#shSub .txt_area p{margin-bottom:12px;font-size:38px;font-weight:700}
#shSub .txt_area div{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:500}
#shSub .txt_area div a{padding-top:3px}
#shSub .txt_area div svg{fill:#fff}
#shSub .txt_area div i{margin:0 20px;font-size:14px}
#shSub .sub_tit{display:none}

/* 반응형 [s] */
@media (max-width:1024px){
#shSub{height:360px} 
#shSub .txt_area{padding-top:0px}
#shSub .txt_area p{margin-bottom:7px;font-size:32px}
#shSub .txt_area div i{margin:0 15px}
}
@media (max-width:768px){
#shSub{height:320px} 
#shSub .txt_area p{margin-bottom:4px;font-size:28px}
#shSub .txt_area div i{margin:0 12px}
}
@media (max-width:580px){
#shSub{height:290px} 
#shSub .txt_area p{margin-bottom:2px;font-size:26px}
#shSub .txt_area div{font-size:15px}
#shSub .txt_area div i{margin:0 10px}
}
@media (max-width:480px){
#shSub{height:55px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:none} 
#shSub .txt_area p{margin-bottom:0px;font-size:16px;color:#000}
#shSub .txt_area div{display:none}
}
/* 반응형 [e] */