@charset "utf-8";

/* 메인영역 */
#main_banner_wrap{position:relative;z-index:1;width:100%;background:#000}
#main_banner_wrap .txt{position:absolute;top:255px;left:50%;z-index:999;width:1200px;margin-left:-600px}
#main_banner_wrap .move_txt01{font-size:64px;letter-spacing:-1px;font-weight:100;line-height:85px;color:#fff;opacity:0;font-family:'Montserrat', sans-serif}
#main_banner_wrap .move_txt01 span{font-weight:700}
#main_banner_wrap .move_txt02{margin-top:47px;font-size:15px;line-height:25px;color:#fff;opacity:0;font-family:'notokr-regular'}

.main_index{position:absolute;bottom:0;left:50%;z-index:20;overflow:hidden;width:675px;height:225px;margin-left:-75px}
.main_index li{float:left;width:225px;height:225px;border-right:1px solid rgba(255,255,255,0.1);transition:all 0.3s}
.main_index li:last-child{border-right:none}
.main_index li a{display:block;width:100%;height:100%;padding:34px 40px;font-size:16px;font-weight:500;color:#fff;/* opacity: 1; */transition:all 0.3s;font-family:'Montserrat', sans-serif}
.main_index li a span{display:inline-block;margin-bottom:21px;font-size:12px;font-weight:600}
.main_index li:hover{background:rgba(255,255,255,0.1)}
.main_index li:hover a{opacity:1}

.main_index li:nth-child(1) a{background:url('/sh_img/index/main_banner/icon01.png') no-repeat 159px 149px}
.main_index li:nth-child(2) a{background:url('/sh_img/index/main_banner/icon02.png') no-repeat 156px 155px}
.main_index li:nth-child(3) a{background:url('/sh_img/index/main_banner/icon03.png') no-repeat 169px 150px}

/* 메인 */
#main_banner {position:relative;width:100%}

#main_banner_wrap ul>li>img {background-size:cover}

#main_banner_wrap .main_slide li{width:100%;height:886px;background-repeat:no-repeat;background-position:center}

.main_slide{text-align:center;background-color:#fff}
.main_slide .main_banner01{width:100%;height:100%;background-image:url(/sh_img/index/main_banner/main_banner01.jpg)}
.main_slide .main_banner02{width:100%;height:100%;background-image:url(/sh_img/index/main_banner/main_banner02.jpg)}
.main_slide .main_banner03{width:100%;height:100%;background-image:url(/sh_img/index/main_banner/main_banner03.jpg)}


.bx-pager{position:absolute;bottom:302px;left:50%;margin-left:-613px;z-index:999}
.bx-pager-item{float:left}
.bx-pager-item a{display:block;width:10px;height:10px;border-radius:50px;text-indent:-1000px;margin-left:14px;overflow:hidden;content:"";opacity:0.4;background:#fff;transition:all 0.3s}
.bx-pager-item a.active{width:25px;opacity:1}