@charset "utf-8";

/* 메인 텍스트 */
#main_banner_wrap {position:relative;width:100%;min-width:1400px;height:100%}
.arrow{position:absolute;bottom:45px;left:50%;width:17px;height:20px;transform:translateX(-50%);font-size:14px;color:#fff;letter-spacing:-0.5px;text-align:center;z-index:99}
.arrow i{position:absolute;left:50%;transform:translateX(-50%);-webkit-animation:arr 1.6s infinite linear;-ms-animation:arr 1.6s infinite linear;animation:arr 1.6s infinite linear;font-size:20px}
.mouse{position:absolute;behavior: url(/js/PIE.htc);bottom:60px;left:50%;transform:translateX(-50%);box-sizing:border-box;width:30px;height:45px;border-radius:20px;border:2px solid #fff;z-index:1000}
.mouse .mouse_wheel{position:absolute;top:4px;left:50%;margin-left:-2px;box-sizing:border-box;width:3px;height:7px;border-radius:10px;background:#fff;z-index:1000}
.main_banner {position:relative;width:100%;height:100%}

.main_banner .bx-wrapper{height:100%}
.main_banner .bx-viewport{height:100% !important}
.main_banner .bx-viewport ul{height:100%}
.main_banner .bx-viewport ul li{height:100%}
.main_banner .bx-viewport ul li:nth-child(1){background:url('/sh_img/index/main_banner/img/main_banner01.jpg') no-repeat center;background-size:cover}

.main_banner .banners{/*position:absolute;left:50%;bottom:165px;margin-left:-535px;*/width:1070px;margin:40px auto 0;z-index:999}
.main_banner .banners:after{display:block;clear:both;content:""}
.main_banner .banners .notice{float:left;width:410px;height:265px;box-sizing:border-box;margin-right:10px;padding:30px;background-color:rgba(255,255,255,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff);}
.main_banner .banners .notice .tit{padding-bottom:15px;border-bottom:1px solid #ccc}
.main_banner .banners .notice .tit:after{display:block;clear:both;content:""}
.main_banner .banners .notice .tit p{float:left;font-size:18px;color:#333;font-weight:800}
.main_banner .banners .notice .tit a{float:right;font-size:13px;color:#333;font-weight:500}
.main_banner .banners > ul{display:flex;flex-wrap:wrap;gap:10px;width:90%;margin:0 auto}
.main_banner .banners > ul:after{display:block;clear:both;content:""}
.main_banner .banners > ul li{width:calc(100%/3 - 10px);background:#123c7b}
.main_banner .banners > ul li.li01{background:url('/sh_img/index/main_banner/img/img01_off.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li02{background:url('/sh_img/index/main_banner/img/img02_off.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li03{background:url('/sh_img/index/main_banner/img/img03_off.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li04{background:url('/sh_img/index/main_banner/img/img04_off.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li05{background:url('/sh_img/index/main_banner/img/img05_off.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li06{background:url('/sh_img/index/main_banner/img/img06_off.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li07{background:url('/sh_img/index/main_banner/img/img07_off.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li08{background:url('/sh_img/index/main_banner/img/img08_off.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li09{background:url('/sh_img/index/main_banner/img/img09_off.png') 0 0 no-repeat;background-size:cover}

.main_banner .banners > ul li.li01:hover{background:url('/sh_img/index/main_banner/img/img01_on.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li02:hover{background:url('/sh_img/index/main_banner/img/img02_on.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li03:hover{background:url('/sh_img/index/main_banner/img/img03_on.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li04:hover{background:url('/sh_img/index/main_banner/img/img04_on.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li05:hover{background:url('/sh_img/index/main_banner/img/img05_on.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li06:hover{background:url('/sh_img/index/main_banner/img/img06_on.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li07:hover{background:url('/sh_img/index/main_banner/img/img07_on.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li08:hover{background:url('/sh_img/index/main_banner/img/img08_on.png') 0 0 no-repeat;background-size:cover}
.main_banner .banners > ul li.li09:hover{background:url('/sh_img/index/main_banner/img/img09_on.png') 0 0 no-repeat;background-size:cover}

.main_banner .banners > ul li a{display:block;width:100%;height:115px;box-sizing:border-box;padding:45px 0 0 25px}
.main_banner .banners > ul li:hover{transition:all .3s}
.main_banner .banners > ul li.last{margin-right:0}
.main_banner .banners > ul li p{position:relative;font-size:15px;color:#fff;letter-spacing:-0.3px;font-family:'notokr-medium'}
.main_banner .banners > ul li p:after{display:block;position:absolute;top:-18px;width:25px;height:2px;clear:both;content:"";background:#fff}

.main_banner .main_txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;width:100%;margin:0 auto}
.main_banner .move_txt01{/*position:absolute;top:150px;left:50%;transform:translateX(-50%);*/width:100%;margin-top:-20px;opacity:0;font-weight:600;font-size:20px;text-align:center;letter-spacing:2px;color:#fff;font-family:'Poppins'}
/*.main_banner .move_txt01:after{display:block;position:absolute;left:-420px;top:92px;width:365px;height:1px;clear:both;content:"";background:#fff;}*/
.main_banner .move_txt02 {/*position:absolute;top:200px;left:50%;transform:translateX(-50%);*/width:100%;margin:20px 0;font-size:47px;text-align:center;color:#fff;opacity:0;font-family:'notokr-light'}
.main_banner .move_txt02 span{font-family:'notokr-bold'}
/*.main_banner .move_txt02:after{display:block;position:absolute;bottom:0;clear:both;content:"";width:100%;height:20px;z-index:-1;background:#123c7b}*/
.main_banner .move_txt03{/*position:absolute;top:285px;left:50%;transform:translateX(-50%);*/width:100%;margin-top:-10px;font-size:18px;text-align:center;color:rgba(255,255,255,.7);opacity:0;font-family:'notokr-medium'}
.bx-controls{display:none}
@-webkit-keyframes arr{from{top:20px}30%{top:25px}60%{top:20px}100%{top:25px}}
@-ms-keyframes arr{from{top:20px}30%{top:25px}60%{top:20px}100%{top:25px}}
@keyframes arr{from{top:20px}30%{top:25px}60%{top:20px}100%{top:25px}}