@charset "utf-8";

#subBnr{position:relative;z-index:20;width:100%;height:510px;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_bg.jpg) top center no-repeat;-webkit-animation:submain 20s linear infinite;animation:submain 20s linear infinite;-webkit-transform:scale(1.12);transform:scale(1.12)}
@-webkit-keyframes submain{from{-webkit-transform:scale(1.12)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1.12)}}
@keyframes submain{from{transform:scale(1.12)}50%{-webkit-transform:scale(1)}100%{transform:scale(1.12)}}

#subBnr .txt_area{position:relative;top:50%;max-width:1300px;margin:0 auto;transform:translateY(-50%);font-size:14px;line-height:1.5;font-family:var(--k-font)}
#subBnr .txt_area .stxt{opacity:0;display:inline-block;margin-left:-10px;font-size:20px;font-weight:200;letter-spacing:-.5px;;font-family:var(--k-font)}
#subBnr .txt_area .btxt{opacity:0;padding-bottom:20px;margin-left:10px;font-size:48px;font-family:var(--e-font)}
#subBnr .txt_area span{display:inline-block;color:rgba(255,255,255,.75)}
#subBnr .txt_area span i{padding:0 10px}

#subBnr .mo_txt{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}
#subBnr .mo_txt div{margin-bottom:8px;font-size:30px}
#subBnr .mo_txt span{font-size:16px}
#subBnr .mo_txt span i{margin:0 6px}

/* 반응형 [s] */
@media (max-width:1024px){
#subBnr{height:370px}
#subBnr .bg .inner{animation:none}
#subBnr .txt_area{display:none}
#subBnr .mo_txt{display:block}
}
@media (max-width:768px){
#subBnr{height:320px}
#subBnr .mo_txt div{margin-bottom:6px;font-size:26px}
#subBnr .mo_txt span{font-size:15px}
}
@media (max-width:580px){
#subBnr{height:280px}
#subBnr .mo_txt div{margin-bottom:4px;font-size:24px}
#subBnr .mo_txt span{font-size:14px}
}
@media (max-width:480px){
#subBnr{height:55px;border-bottom:1px solid #e1e1e1}
#subBnr .bg .inner{background:none}
#subBnr .mo_txt div{margin-bottom:0px;font-size:16px;font-weight:600;color:#000}
#subBnr .mo_txt span{display:none}
}
/* 반응형 [e] */