@charset "utf-8";

#shSubBnr{position:relative;overflow:hidden;height:475px}
#shSubBnr .sub_inner{height:475px;background:url(./sub_img.jpg) center no-repeat;background-size:cover;animation:bg 1.8s; transform:scale(1)}
@keyframes bg{0%{transform:scale(1.1)}20%{transform:scale(1.1)}100%{transform:scale(1)}}

#shSubBnr p{margin-bottom:25px;font-size:52px;font-weight:900;color:#fff;font-family:'Noto Serif KR'}
#shSubBnr p.stxt{padding-left:5px;font-size:22px;font-weight:600;opacity:.5}

#txtTrim {position:absolute;top:50%;left:0;padding:0 calc((100% - 1300px) / 2);transform:translateY(-50%)}

#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}