@charset "utf-8";

#shSubBnr{padding:0 60px;font-family:'NEXEN_TIRE_Bold'}
#shSubBnr .bg{position:relative;height:350px;border-radius:30px;background:url('./sub_bg.jpg') center no-repeat;background-size:cover}
#shSubBnr .sub_txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;max-width:1400px;width:100%;margin:0 auto;text-align:center;color:#fff}
#shSubBnr .sub_txt .txt01{display:inline-block;position:relative;margin-bottom:28px;font-size:15px;transform:skew(-0.1deg)}
#shSubBnr .sub_txt .txt01:before{position:absolute;right:-15px;top:-6px;content:'';width:8px;height:8px;border-radius:100px;background:var(--primary)}
#shSubBnr .sub_txt .txt02{overflow:hidden;font-size:45px}
#shSubBnr .sub_txt .txt02 span{opacity:0;position:relative;bottom:-46px}


/* 반응형 [s] */
@media (max-width:1560px){
#shSubBnr{padding:0 30px}
}
@media (max-width:1024px){
#shSubBnr{padding:0}
#shSubBnr .bg{height:270px;border-radius:0}
#shSubBnr .sub_txt .txt01{font-size:14px}
#shSubBnr .sub_txt .txt01:before{width:5px;height:5px}
#shSubBnr .sub_txt .txt02{font-size:35px}
}
@media (max-width:480px){
#shSubBnr{padding:15px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#shSubBnr .bg{height:auto;background:#fff}
#shSubBnr .sub_txt{position:initial;transform:none;color:#222}
#shSubBnr .sub_txt .txt01{display:none}
#shSubBnr .sub_txt .txt02{font-size:15px;transform:skew(-0.1deg);font-family:'NEXEN_TIRE_Regular'}
}
@media (max-width:380px){}
/* 반응형 [e] */