@charset "utf-8";

#main_bg{position:absolute;left:0;z-index:-1;width:100%;height:627px;background:url(/sh_img/index/main_banner/main_bg.jpg) center no-repeat;background-size:cover;opacity:0.5}
#mainVisual{position:relative;max-width:1100px;width:100%;height:520px;margin:0 auto}
#mainVisual .txt_area{position:absolute;top:55px;font-size:16px;color:#555;letter-spacing:-.3px;line-height:1.6;font-family:'notokr-regular'}
#mainVisual .txt_area .stxt{opacity:0;font-size:20px;color:#222;font-family:'notokr-medium'}
#mainVisual .txt_area .btxt{opacity:0;margin-bottom:15px;font-size:40px;color:#222;font-family:'notokr-light'}
#mainVisual .txt_area .btxt span{color:#21396b;font-family:'notokr-bold'}
#mainVisual .txt_area .btxt span b{font-weight:normal;color:#47d2ff}
#mainVisual .txt_area .txt{opacity:0;}
#mainVisual img{position:absolute;bottom:0;right:140px;z-index:-1}

@media (max-width:1100px){
#mainVisual{padding:0 20px}	
#mainVisual img{right:5%}
}
@media (max-width:768px){
#main_bg{opacity:1}
#main_bg,#mainVisual{overflow:hidden;height:400px}	
#mainVisual:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.32)}
#mainVisual .txt_area{top:50%;z-index:1;transform:translateY(-50%);width:80%;font-size:15px;color:#fff;word-break:keep-all}
#mainVisual .txt_area .stxt{color:#fff}
#mainVisual .txt_area .btxt{margin:10px 0 20px;font-size:36px;color:#fff;line-height:1.2;word-break:keep-all}
#mainVisual img{bottom:-30px;right:10%;width:250px}
}
@media (max-width:580px){
#mainVisual .txt_area .txt br{display:none}
}
@media (max-width:480px){
#main_bg,#mainVisual{height:350px}
#mainVisual .txt_area .stxt{font-size:16px}
#mainVisual .txt_area .btxt{font-size:30px}	
#mainVisual img{width:220px}
}
@media (max-width:380px){
#mainVisual .txt_area{top:65%}	
#mainVisual .txt_area .txt{display:none}
}