@charset "utf-8";

/* 서브 상단 BG */
#sub_bg{overflow:hidden;position:relative;width:100%;height:480px;color:#fff;text-align:center}
#sub_bg .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url(./sub_bg.jpg) top center no-repeat;background-size:cover;-webkit-animation:submain 20s linear infinite;animation:submain 20s linear infinite;-webkit-transform:scale(1);transform:scale(1.12)}
#sub_bg .tit_area{position:relative;top:52%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#sub_bg .tit_area span{display:block;font-size:12px;font-weight:600;letter-spacing:1px;opacity:0;font-family:'Poppins'}
#sub_bg .tit_area h2{padding-top:13px;margin-top:-100px;font-size:40px;letter-spacing:-1.5px;opacity:0;font-weight:100;font-family:'Noto Sans KR'}
@-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)}}


/* particle */
#particle-canvas{position:absolute!important;left:0;top:0;z-index:1001;width:100%;height:480px;opacity:.45}
#particle-canvas > div{background-color:transparent!important}

/* 반응형 [s] */
@media (max-width:1024px){
#particle-canvas{display:none}
#sub_bg{height:390px}
#sub_bg .bg{animation:none;transform:none}
#sub_bg .tit_area h2{opacity:1 !important;margin-top:0px !important;padding-top:8px;font-size:34px}
#sub_bg .tit_area span{opacity:1 !important}
}
@media (max-width:768px){
#sub_bg{height:340px}
#sub_bg .tit_area h2{font-size:30px}
}
@media (max-width:580px){
#sub_bg{height:300px}
#sub_bg .tit_area h2{padding-top:6px;font-size:27px}
}
@media (max-width:480px){
#sub_bg{height:55px;border-bottom:1px solid #e1e1e1}
#sub_bg .bg{display:none}
#sub_bg .tit_area h2{padding:0px;font-size:16px;font-family:'notokr-bold';color:#000}
#sub_bg .tit_area span{display:none}
}
/* 반응형 [e] */