@charset "utf-8";

#subBnr{position:relative;z-index:20;width:100%;height:270px;color:#222}
#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('/sh_img/hd/sub_main_banner/sub_main_banner02.jpg') top center repeat}
#subBnr .txt_area{position:relative;top:40%;transform:translateY(-50%);font-size:14px;line-height:1.5;text-align:center;font-family:'notokr-regular'}
#subBnr .txt_area .btxt{opacity:0;padding-bottom:20px;margin-left:10px;font-size:40px;font-weight:700;font-family:'LotteMartDreamBold'}
#subBnr .txt_area span{display:inline-block;color:rgba(0,0,0,.75)}
#subBnr .txt_area span i{padding:0 10px}

/* 반응형 [s] */
@media (max-width:1920px){
#subBnr .bg .inner{background:url('/sh_img/hd/sub_main_banner/sub_main_banner02.jpg') repeat top right}
}
@media (max-width:1024px){
#subBnr{height:240px}
#subBnr .bg .inner{background:url('/sh_img/hd/sub_main_banner/sub_main_banner03.jpg') repeat top right / cover}
#subBnr .txt_area{top:50%}
}
@media (max-width:768px){
#subBnr .bg .inner{background:url('/sh_img/hd/sub_main_banner/sub_main_banner04.jpg') repeat top right / cover}
#subBnr .txt_area .btxt{padding-bottom:5px;font-size:30px}
}
@media (max-width:580px){
#subBnr .bg .inner{background-position:center}
}
@media (max-width:480px){
#subBnr{height:auto}
#subBnr .bg{display:none}
#subBnr .txt_area{position:unset;transform:none}
#subBnr .txt_area .btxt{margin-bottom:0;padding:15px 0;border-bottom:1px solid #e1e1e1;font-size:18px;color:#111}
#subBnr .txt_area span{display:none}
}
/* 반응형 [e] */