@charset "utf-8";

#subBnr {
  position: relative;
  z-index: 20;
  height: 550px;
  margin: 0 auto;
  color: #fff;  
}

#subBnr .txt_area{position:relative;top:45%;left:10%;opacity:0;padding-top:30px;font-size:45px;line-height:60px;font-weight:700;text-align:left;color:#000000}
#subBnr .txt_area p{color:#da7100}
#subBnr .txt_area span{display:block;font-size:20px;font-weight:500;color:rgba(54, 54, 54, 0.7)}

/* 반응형 [s] */
@media (max-width:1024px){
#subBnr{height:400px;}
#subBnr .txt_area{opacity:1 !important;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:0 10px !important;width:100%;font-size:36px;line-height:1.5}
#subBnr .txt_area span{font-size:16px}
 #subBnr .sub_tit-company {font-size: 40px;}
}
@media (max-width:768px){
#subBnr{height:320px}
#subBnr .txt_area{font-size:32px}
#subBnr .txt_area span{font-size:15px}
#subBnr .sub_tit-company {font-size: 34px;}
}
@media (max-width:580px){
#subBnr{height:270px} 
#subBnr .txt_area{font-size:30px}
#subBnr .txt_area span{font-size:14px}
}
@media (max-width:480px){
#subBnr{height:300px;border-bottom:1px solid #e1e1e1;background:none;}
 #subBnr .txt_area .sub_tit {
    display: block;  /* ✅ 이 부분 수정 */    
    color: #000  !important;
    padding : 0 20px;
  }
  #subBnr .sub_tit-company {
    font-size: 26px;
  }
  #subBnr .txt_area span {
    font-size: 16px;
    padding : 0 20px;
  }
#subBnr .txt_area span{font-size:16px;color:#000}
}
@media (max-width:380px){
}
/* 반응형 [e] */