
#main_banner .main_visual{max-width:1200px;margin:0 auto}
#main_banner .main_visual .title{position:absolute;top:86px;font-size:27px; color:#fff}
#main_banner .main_visual .txt{position:relative;width:100%;height:620px;margin-left:30px;letter-spacing:-.4px;opacity:0}
#main_banner .main_visual .txt .txt1{position:absolute;left:0;top: 123px;font-size: 47px;font-weight: 700;letter-spacing: -1px;line-height: 57px;color:#fff}
#main_banner .main_visual .txt .txt1 span{font-size: 27px;line-height: 73px;color:#ffb52a;}
#main_banner .main_visual .txt .txt2{position:absolute;left:0;top: 332px;font-size: 17px;line-height:25px;font-weight:300;color: rgba(255,255,255,.8)}
#main_banner .main_visual .txt .txt3{position:absolute;left:0;bottom:70px;font-size: 16px;color:#fff;}
#main_banner .main_visual .txt .txt3 span{display:block;font-size: 32px;line-height: 52px;color:#ffb52a;font-weight: 700}

#main_banner .main_idx > div{position:absolute;width: 340px;z-index:99;font-size: 14px;line-height:24px;color: rgba(255,255,255,.8);letter-spacing:-.3px;opacity:0}
#main_banner .main_idx > div .tit{padding-bottom: 20px;font-size:22px;line-height:30px;letter-spacing:-1px;font-weight: 700;color:#fff}
#main_banner .main_idx .idx1{right: 340px;top: 300px;height:500px;padding: 66px 40px;margin-top:30px;background-color:#281d19}
#main_banner .main_idx .idx1 .tit span{display:block;font-size: 14px;font-weight: 300}
#main_banner .main_idx .r_txt{right:0;height: 340px;padding: 70px 40px;font-size: 15px;font-weight: 300}
#main_banner .main_idx .idx2{top: 92px;height: 430px;padding: 	90px 40px;margin-top:30px;background: #d64903 url(/sh_img/index/main_banner/idx2_bg.png) center no-repeat;background-size:cover}
#main_banner .main_idx .idx2 .info{display:block;color:#fff}
#main_banner .main_idx .idx2 .go_btn{width:178px}
#main_banner .main_idx .idx3{top: 522px;margin-top:30px;border: solid 1px #e1e1e1;color:#777;background:#fff url(/sh_img/index/main_banner/idx3_bg.png) right bottom no-repeat}
#main_banner .main_idx .idx3 .tit{color:#222}

#main_banner .main_idx .go_btn{display:block;position:relative;width:146px;margin-top:66px;padding-bottom:10px;border-bottom:solid 3px #fff;font-size: 15px;font-weight: 400;color:#fff}
#main_banner .main_idx .go_btn span{position:absolute;right:0;bottom:9px;width:15px;height:15px;overflow:hidden}
#main_banner .main_idx .go_btn span:before,#main_banner .main_idx .go_btn span:after{position:absolute;bottom:-1px;width:15px;height:25px;content:'\f178';color:#fff;font-family:FontAwesome;transition:all .2s}
#main_banner .main_idx .go_btn span:before{left:0}
#main_banner .main_idx .go_btn span:after{left:-15px;opacity:0} 
#main_banner .main_idx .go_btn:hover span:before{left:15px;opacity:0;transition-delay:0s}
#main_banner .main_idx .go_btn:hover span:after{left:0;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}  

#main_banner .main_idx .idx3 .go_btn{border-color:#222;color:#222}
#main_banner .main_idx .idx3 .go_btn span:before,#main_banner .main_idx .idx3 .go_btn span:after{color:#222}

#main_banner .scroll_txt{position:absolute;left:0;bottom:0;width:100%;height:96px;font-size:16px;color:#222;line-height:96px;cursor:pointer;background-color:#f5af2b;display:none}
#main_banner .scroll_txt .inner{max-width:1200px;margin:0 auto}

#main_banner .scroll_txt .arr{display:inline-block;position:relative;width:38px;height:38px;margin-right:15px;border-radius:50%;background-color:#281d19;vertical-align:middle;transition:all .2s}
#main_banner .scroll_txt .arr:after{position:absolute;left: 14px;top: -28px;content:'\f078 ';width: 38px;height: 38px;font-size: 11px;color:#fff;font-family:'FontAwesome';transition:all .2s}
#main_banner .scroll_txt:hover .arr:after{top:-24px}

/*ë©”ì¸ ë°•ìŠ¤ 2ê°œì¼ë•Œ*/
#main_banner{background-position:center top}
#main_banner .main_idx .idx2{top:0;height: 370px;padding:42px 40px 30px 40px}
#main_banner .main_idx .idx3{top: 370px;height: 330px;padding:63px 40px}
#main_banner .main_idx .r_txt{right:auto;left:50%;margin-left:326px;width:370px;display:none}

@media (max-width: 1758px){
#main_banner .main_idx > div{width:23%} 
#main_banner .main_idx .idx1{right:23%}
}

@media (max-width: 1200px){
#main_banner .main_visual .txt .txt1{top: 100px;left:20px;font-size:50px;line-height:60px}
#main_banner .main_visual .txt .txt2{top: 317px;left:20px;}
#main_banner .main_visual .txt .txt3{left:20px}
#main_banner .main_idx .idx1{right:20px;width:400px;top:59px;background:#eba205}
#main_banner .main_idx .idx2{display:none}
#main_banner .main_idx .idx3{display:none}
#main_banner .main_visual .txt,#main_banner .scroll_txt .inner{padding:0 20px}	
#main_banner .scroll_txt{display:none}
#main_banner .main_idx > div .tit{color:#222}
}

@media (max-width:1023px){
#main_banner{height:530px;background-size:cover}
#main_banner .main_visual .title{top:66px}
#main_banner .main_visual .txt .txt1{top:96px;font-size:35px;line-height:47px}
#main_banner .main_visual .txt .txt2{top:278px}
#main_banner .main_visual .txt .txt3{bottom:auto;top:370px}
#main_banner .main_idx .idx1{top:0;right:0;width:40%;height:100%;padding-top:73px}

}
@media (max-width:768px){
#main_banner{height:auto;background-position:bottom center}
#main_banner .main_visual{background: url(/sh_img/index/main_banner/main_img_b.jpg) top center no-repeat;background-size:cover}
#main_banner .main_visual .txt{height:360px}
#main_banner .main_visual .txt .txt3{display:none}
#main_banner .main_idx .idx1{position:relative;right:auto;top:auto;width:100%;padding:40px 20px}
#main_banner .main_idx{display:none}
} 
@media (max-width:540px){
#main_banner .main_visual .txt{height:300px}
#main_banner .main_visual .title{top:38px;font-size:22px}
#main_banner .main_visual .txt .txt1{top:64px;font-size:28px;line-height:37px}
#main_banner .main_visual .txt .txt1 span{line-height:40px;font-size:15px}
#main_banner .main_visual .txt .txt2{top: 193px;font-size:15px}
}
