@charset "utf-8";

/* 메인영역 */
#main_banner_wrap{position:relative;width:100%;height:700px}
#main_banner_wrap .txt{position:relative;width:1200px;margin:0 auto;text-align:left;z-index:9999}
#main_banner_wrap .txt .move_txt01{position:absolute;top: 500px;color:#fff;font-family:'notokr-regular';font-size:28px;letter-spacing:-.3px;line-height:64px;opacity:0}
#main_banner_wrap .txt .move_txt01 span{font-family:'KyoboHandwriting2020A';font-size:50px;line-height:70px}
#main_banner_wrap .txt .move_txt01 span b{font-weight:600;font-size:75px}
#main_banner_wrap .txt .move_txt02{position:absolute;top:548px;width:100%;color:#fff;font-family:'Montserrat';font-size:15px;font-weight:500;letter-spacing:-.1px;opacity:0;line-height:16px}

#main_banner_wrap .bx-viewport{height:700px!important}

#main_banner_wrap .main_img li{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .4s;opacity:0}
#main_banner_wrap .main_img li.on{transition:all .5s;opacity:1}
#slide{width:100%;height:100%}
#slide li{height:100%}
#slide .img01{background:url(/sh_img/index/main_banner/main_banner01.jpg) center no-repeat}
#slide .img02{background:url(/sh_img/index/main_banner/main_banner02.jpg) center no-repeat}
#slide .img03{background:url(/sh_img/index/main_banner/main_banner03.jpg) center no-repeat}

#main_banner .bx-pager{display:inline-block;overflow:hidden;position:absolute;top:359px;left:50%;bottom:128px;width:100%;margin-left:-600px;text-align:center;z-index::999}
#main_banner .bx-pager-item{display:inline-block;float:left;width:21px;height:21px;margin-right:4px}
#main_banner .bx-pager-item a{display:block;width:7px;height:7px;border-radius:100%;background:rgba(255,255,255,0.49);transform:all .5s;text-indent:-1000px;content:''}
#main_banner .bx-pager-item a:before{position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:100%;background:#4ec2ff;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:'';opacity:0;z-index:-1}
#main_banner .bx-pager-item a.active:before{opacity:1}
#main_banner .bx-pager-item a.active{position:relative;height:20px;width:20px;margin:0;background:rgba(78,194,255,0.29);opacity:1}
#main_banner .bx-default-pager{position:absolute;top: 434px;width:1200px;height:21px;z-index:999}
#main_banner .bx-default-pager a{position:absolute;top:0;width:7px;height:7px;margin:7px;background:rgba(255,255,255,0.43);-webkit-transition:all .2s;transition:all .2s;text-indent:-9999px}