@charset "utf-8";
.main_banner {position:relative;width:1200px;margin:0 auto;top:0;z-index:60}
.main_banner p{width:1200px}
.main_banner .move_txt01 {position:absolute;top:175px;margin-top:-10px;opacity:0;font-size:13px;color:#333;letter-spacing:2.6px;font-weight:700;font-family:'Poppins', sans-serif}
.main_banner .move_txt02 {position:absolute;z-index:90;top:210px;margin-top:-10px;opacity:0;font-size:55px;line-height:65px;color:#333;font-family:'notokr-light'}
.main_banner .move_txt02 span{font-family:'notokr-bold'}
.main_banner .move_txt02 .color{color:var(--primary)}
.main_banner .move_txt03 {display:none;position:absolute;top:375px;font-size:15px;line-height:26px;color:#777;font-family:'notokr-regular'}

#main_banner_wrap{margin-top:95px}
#main_banner_wrap .main_banner_bg ul li{background-repeat:no-repeat;background-position:right center;background-size:cover}
#main_banner_wrap .main_banner_bg ul .n1{width:100%;height:650px;background-image:url(/sh_img/index/main_banner/main_banner01_.jpg)}
#main_banner_wrap .main_banner_bg ul .n2{width:100%;height:650px;background-image:url(/sh_img/index/main_banner/main_banner02_.jpg)}

.info{position:absolute;left:0;right:0;bottom:0;z-index:60;padding:22px 0;color:#fff;background:-webkit-linear-gradient(var(--gra-color));background:linear-gradient(var(--gra-color));font-family:'notokr-regular'}
.info .info_wrap{overflow:hidden;width:1105px;margin:0 auto}
.info_wrap p{float:left;width:40%;font-family:'notokr-medium'}
.info_wrap ul{overflow:hidden;float:left}
.info_wrap ul li{float:left}
.info_wrap ul li + li{position:relative;margin-left:15px;padding-left:15px}
.info_wrap ul li + li:after{position:absolute;top:5px;left:0;content:'';width:1px;height:10px;background:rgba(255,255,255,.4)}
.info_wrap ul li span{margin-right:10px;font-family:'notokr-bold'}

@media (max-width:1240px){
.main_banner{width:100%;padding:0 20px}
.main_banner p{width:calc(100% - 40px)}
/*#main_banner_wrap .main_banner_bg ul li{background-position:30% !important}*/
.info{padding:22px 20px}
.info .info_wrap{text-align:center}
.info_wrap p,.info_wrap ul{width:100%;float:none}
.info_wrap ul{display:flex;justify-content:center;margin-top:5px}
.info_wrap ul li{float:none}
}
@media (max-width:1105px){
.info .info_wrap{width:100%}
}
@media (max-width:1024px){
#main_banner:before{position:absolute;left:0;top:0;content:'';z-index:10;width:100%;height:100%;background:rgba(255,255,255,.5)}
#main_banner_wrap{margin-top:0}
.main_banner{padding:0 15px}
.main_banner p{width:calc(100% - 30px)}
}
@media (max-width:670px){
#main_banner_wrap{margin-top:0}
.main_banner{padding:0;text-align:center}
.main_banner p{width:100%;padding:0 15px}
.main_banner .move_txt02{font-size:45px;line-height:55px}
.info_wrap ul{flex-direction:column}
.info_wrap ul li + li{margin-left:0;padding-left:0}
.info_wrap ul li + li:after{display:none}
#main_banner_wrap .main_banner_bg ul .n1{background-image:url(/sh_img/index/main_banner/main_banner01_m.jpg)}
#main_banner_wrap .main_banner_bg ul .n2{background-image:url(/sh_img/index/main_banner/main_banner02_m.jpg)}
}
@media (max-width:400px){
#main_banner_wrap{margin-top:0}
#main_banner_wrap .main_banner_bg ul li{height:550px!important}
.main_banner{padding:0;text-align:center}
.main_banner .move_txt01{top:105px}
.main_banner .move_txt02{top:140px;font-size:35px;line-height:45px}
.main_banner .move_txt03{top:255px;font-size:14px;line-height:24px}
}