@charset "utf-8";

#subBnr{position:relative;z-index:20;width:100%;height:420px;color:#fff}
#subBnr .bg{overflow:hidden;position:absolute;width:100%;height:100%}
#subBnr .bg .inner{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url('./sub_main_banner.jpg') top center no-repeat;animation:submain 20s linear infinite;transform:scale(1.12)}
@keyframes submain{from{transform:scale(1.12)}50%{transform:scale(1)}100%{transform:scale(1.12)}}

#subBnr .txt_area{position:relative;top:45%;transform:translateY(-50%);font-size:14px;line-height:1.5;text-align:center;font-family:var(--font-m)}
#subBnr .txt_area .stxt{opacity:0;display:inline-block;margin-left:-10px;font-size:18px}
#subBnr .txt_area .btxt{opacity:0;padding:10px 0 20px;margin-left:10px;font-size:42px;font-family:var(--font-b)}
#subBnr .txt_area span{display:inline-block;color:rgba(255,255,255,.75)}
#subBnr .txt_area span i{padding:0 10px}
#sh_content_tit{display:none;padding:15px 0;border-top:1px solid #d1d1d1;border-bottom:1px solid #eee;color:#222}
#sh_content_tit h3{font-size:16px;font-weight:normal;color:#333;text-align:center;font-family:'notokr-medium'}

@media (max-width:1024px){
#subBnr{height:280px}
#subBnr .txt_area .btxt{padding-bottom:10px;font-size:38px}
}
@media (max-width:480px){
#subBnr{display:none}
#sh_content_tit{display:block}
}