@charset "utf-8";

#subBg{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:700px;background:url(./sub_bg.jpg) no-repeat;background-size:cover;transition:all .6s var(--ani)}
#subBg .mask{position:absolute;bottom:0;width:100%;height:40%;background:linear-gradient(to bottom, rgba(117,189,209,0) 0%, rgba(242,241,235,1) 100%)}

#subBnr{position:relative;height:400px;margin:0 auto;color:#fff;text-align:center}
#subBnr .txt_area{position:relative;top:55%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;line-height:1.5;text-align:center;font-family:'notokr-regular'}
#subBnr .txt_area .stxt{opacity:0;display:inline-block;margin-left:-20px;font-size:15px;letter-spacing:-.2px;font-family:'notokr-medium'}
#subBnr .txt_area .btxt{opacity:0;padding-top:10px;margin-left:20px;font-size:48px;font-weight:300;text-transform:uppercase;font-family:'Archivo','notokr-demilight'}
#subBnr .txt_area span{display:inline-block;color:rgba(255,255,255,.75)}
#subBnr .txt_area span i{padding:0 10px}

#subBnr p.txt01{display:none}

@media (max-width:768px){
#subBnr{height:290px}
#subBnr .txt_area .btxt{font-size:35px}
}
@media (max-width:480px){
#subBg{display:none}
#subBnr{height:max-content}
#subBnr .txt_area{display:none}
#subBnr p.txt01{display:flex;align-items:center;justify-content:center;height:55px;font-size:16px;font-weight:700;color:#000;background:#fff;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1}
}