@charset "utf-8";

#subBnr{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:20;width:100%;height:450px;padding-top:65px;color:#fff}
#subBnr .bg{overflow:hidden;position:absolute;top:0;right:0;z-index:-1;width:100%;height:100%;background-color:#0e0e0e}
#subBnr .bg canvas{position:absolute;top:-350px;left:0;z-index:5;width:150%;height:1090px;filter:grayscale(1);opacity:.5}
#subBnr .stxt{opacity:0;display:inline-block;margin-left:-20px;font-size:17px;font-family:'AppleSDGothicNeo'}
#subBnr .btxt{opacity:0;padding-top:10px;margin-left:20px;font-size:52px;font-weight:700;font-family:'Poppins','AppleSDGothicNeo'}
#subBnr .tit_mo{display:none}
@media (max-width:1024px){
#subBnr{height:280px;padding:0 0 60px}
#subBnr .bg canvas{top:-450px;width:200%}
}
@media (max-width:768px){
#subBnr{height:200px;padding:0 0 60px}
#subBnr .btxt{font-size:42px}
}
@media (max-width:480px){
#subBnr{height:auto;padding:15px 0;text-align:center;font-size:15px;font-weight:600;color:#fff;background-color:#000;font-family:'Poppins'}
#subBnr .stxt, #subBnr .btxt, #subBnr .bg{display:none}
#subBnr .tit_mo{display:block}	
}