@charset "utf-8";

#shSub{display:flex;align-items:center;justify-content:center;height:500px;margin:0 auto;background-position:center 30%;background-repeat:no-repeat;background-size:cover}
#shSub.company{background-image:url(./sub_company.jpg);background-position:center 27%}
#shSub.products{height:500px;background-image:url(./sub_products.jpg);background-position:center 50%}
#shSub.contact{height:500px;background-image:url(./sub_contact.jpg);background-position:center 20%}
#shSub.news{background-image:url(./sub_news.jpg)}

#shSub .txt_area{padding-top:40px;color:#222;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:#222}
#shSub .txt_area div i{margin:0 20px;font-size:14px}
#shSub .sub_tit{display:none}

/* 반응형 [s] */
@media (max-width:1024px){
#shSub{height:260px;background-size:cover}
#shSub.company{height:260px;background-size:cover;background-position:center 27%}
#shSub.products{height:260px;background-position:center 50%}
#shSub.contact{height:260px;background-position:center 20%}
#shSub.news{height:260px}
#shSub .txt_area{padding-top:0}
#shSub .txt_area p{margin-bottom:12px;font-size:30px}
#shSub .txt_area div{font-size:14px}
#shSub .txt_area div i{margin:0 14px}
}
@media (max-width:768px){
#shSub{height:220px}
#shSub.company{height:220px}
#shSub.products{height:220px}
#shSub.contact{height:220px}
#shSub.news{height:220px}
#shSub .txt_area p{margin-bottom:10px;font-size:28px}
#shSub .txt_area div{font-size:14px}
}
@media (max-width:480px){
#shSub{height:55px;background-image:none!important;border-bottom:1px solid #e1e1e1;background-color:#fff}
#shSub.company,
#shSub.products,
#shSub.contact,
#shSub.news{height:55px;background-image:none!important}
#shSub .txt_area{padding-top:0}
#shSub .txt_area p{margin:0;font-size:16px;font-weight:700;line-height:55px}
#shSub .txt_area div{display:none}
#shSub .sub_tit{display:none}
}
/* 반응형 [e] */