@charset "utf-8";

#subBnr{position:relative;z-index:20;width:100%;height:350px;margin-top:95px;color:#fff;background:url(/sh_img/hd/sub_main_banner/sub_bg.jpg) center no-repeat}

#subBnr .txt_area{display:inline-block;position:relative;left:50%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-left:-140px}
#subBnr .txt_area p{opacity:0;padding-bottom:15px;margin-left:10px;font-size:46px;font-weight:600;font-family:'Poppins','notokr-bold'}
#subBnr .txt_area span{opacity:0;display:inline-block;margin-left:-10px;font-size:20px;letter-spacing:-.5px;font-family:'notokr-demilight'}

#subBnr .ca_name{position:absolute;left:50%;bottom:-60px;width:320px;height:260px;margin-left:-600px;padding:0 45px;background-color:#2340c3}
#subBnr .ca_name .txt{position:absolute;bottom:55px;left:45px}
#subBnr .ca_name span{padding-left:2px;font-size:14px;color:rgba(255,255,255,.7);font-family:'notokr-regular'}
#subBnr .ca_name p{padding-top:10px;font-size:26px;letter-spacing:-.5px;font-family:'notokr-demilight'}

@media(max-width:1200px){
#subBnr .ca_name{left:0;margin:0}
}
@media(max-width:1024px){
#subBnr{display:flex;height:260px;margin:0}
#subBnr .txt_area{display:none}
#subBnr .ca_name{position:relative;left:auto;bottom:auto;width:auto;height:auto;margin:auto;padding:0;text-align:center;background:none}
#subBnr .ca_name .txt{position:relative;left:auto;bottom:auto}
#subBnr .ca_name p{font-size:32px;font-family:'notokr-bold'}
}
@media(max-width:480px){
#subBnr{height:auto;padding:15px 0;border-top:1px solid #d1d1d1;border-bottom:1px solid #eee;color:#222;background:none}
#subBnr .ca_name span{display:none}
#subBnr .ca_name p{padding:0;font-size:16px;font-family:'notokr-medium'}
}