@charset "utf-8";

#shSub{display:flex;align-items:center;justify-content:center;height:500px;margin:0 auto;background:url(./sub_bg.jpg) center no-repeat;background-size:cover}
#shSub .txt_area{padding-top:40px;color:#fff;text-align:center;font-family:'Pretendard'}
#shSub .txt_area p{margin-bottom:20px;font-size:46px;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}

@media (max-width:1024px){
#shSub{height:350px}
#shSub .txt_area p{margin-bottom:8px;font-size:30px}
}
@media (max-width:768px){
#shSub{height:320px}
#shSub .txt_area p{font-size:28px}
#shSub .txt_area div{font-size:15px}
}
@media (max-width:580px){
#shSub{height:300px}
#shSub .txt_area p{margin-bottom:6px;font-size:26px}
}
@media (max-width:480px){
#shSub{height:100%;margin-top:63px;padding:20px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#fff}
#shSub .txt_area{display:none}
#shSub .sub_tit{display:block;font-size:16px;font-weight:700;font-family:'Pretendard'}
}