@charset "utf-8";

#shSubBnr{display:flex;flex-flow:column;justify-content:center;height:550px;padding:0 calc((100% - var(--mainsize)) / 2);background:url(./sub_img.jpg) center no-repeat;background-size:cover;color:#fff;font-family:'Pretendard'}
#shSubBnr p{margin-bottom:25px;font-size:52px;font-weight:700}
#shSubBnr p.stxt{padding-left:5px;font-size:22px;font-weight:600;opacity:.5}

#txtTrim p em{min-width:8px;font-style:normal;opacity:0;display:inline-block}
#txtTrim p em:nth-child(1){transform:translateX(0)}
#txtTrim p em:nth-child(2){transform:translateX(10px)}
#txtTrim p em:nth-child(3){transform:translateX(20px)}
#txtTrim p em:nth-child(4){transform:translateX(30px)}
#txtTrim p em:nth-child(5){transform:translateX(40px)}
#txtTrim p em:nth-child(6){transform:translateX(50px)}
#txtTrim p em:nth-child(7){transform:translateX(60px)}
#txtTrim p em:nth-child(8){transform:translateX(70px)}
#txtTrim p em:nth-child(9){transform:translateX(80px)}
#txtTrim p em:nth-child(10){transform:translateX(90px)}
#txtTrim.aos-animate p em{opacity:1;transform:translateX(0)}
#txtTrim.aos-animate p em:nth-child(1){transition:all 0.89s 0.02s}
#txtTrim.aos-animate p em:nth-child(2){transition:all 0.88s 0.04s}
#txtTrim.aos-animate p em:nth-child(3){transition:all 0.87s 0.06s}
#txtTrim.aos-animate p em:nth-child(4){transition:all 0.86s 0.08s}
#txtTrim.aos-animate p em:nth-child(5){transition:all 0.85s 0.10s}
#txtTrim.aos-animate p em:nth-child(6){transition:all 0.84s 0.12s}
#txtTrim.aos-animate p em:nth-child(7){transition:all 0.83s 0.14s}
#txtTrim.aos-animate p em:nth-child(8){transition:all 0.82s 0.16s}
#txtTrim.aos-animate p em:nth-child(9){transition:all 0.81s 0.18s}
#txtTrim.aos-animate p em:nth-child(10){transition:all 0.80s 0.20s}

/* 반응형 [s] */
@media (max-width:1380px){
#shSubBnr{padding:0 5%}
}
@media (max-width:1024px){
#shSubBnr{height:380px;text-align:center}
#shSubBnr p{margin-bottom:15px;font-size:34px}
#shSubBnr p.stxt{padding:0px;margin-bottom:0px;font-size:18px}
#txtTrim{opacity:1;transform:none;transition:none;}
#txtTrim p em{opacity:1 !important;transform:none !important;transition:none !important;}
}
@media (max-width:768px){
#shSubBnr{height:330px}
#shSubBnr p{font-size:31px}
#shSubBnr p.stxt{font-size:17px}
}
@media (max-width:580px){
#shSubBnr{height:285px}
#shSubBnr p{margin-bottom:10px;font-size:28px}
#shSubBnr p.stxt{font-size:16px}   
}
@media (max-width:480px){
#shSubBnr{height:55px;border-bottom:1px solid #e1e1e1;background:#fff !important}
#shSubBnr p{margin-bottom:0px;font-size:16px;color:#000}
#shSubBnr p.stxt{display:none}    
}
/* 반응형 [e] */