@charset "utf-8";

html{}
body {-webkit-text-size-adjust:none;overflow-x:hidden;}
button {border:0;background:none;cursor:pointer;outline:0;}
.loadImg {position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;z-index:-1}
.wrapper {position:relative;height:100%;min-width:1200px;}

#wrap{height:100%;min-width:1200px;}
aside {position:fixed;left:0;bottom:0;width:100%;height:80px;overflow:hidden;z-index:100;background-color:#21201e;}
aside.fix .jackpot {margin-top:-80px;}
aside >div {height:80px;}
/*aside:before{content:'';display:block;background-color:rgba(0,0,0,0.7);width:85%;min-width:1270px;max-width:1540px;height:80px;position:absolute;top:0;left:0;z-index:-1;}
aside.fix:before{background-color:#21201e;}*/
aside .bg{content:'';display:block;background-color:#21201e;width:100%;height:80px;position:absolute;top:0;left:0;overflow:hidden;}
aside .bg button{position:absolute;top:80px;right:0;z-index:99;transition:0.5s top ease-out;}
aside.fix .bg{background-color:#21201e;}
aside.fix .bg button{top:0;}
.jackpot {width:70%;max-width:1180px;margin:0 auto;transition:0.5s margin ease-out;position:relative;}
.jackpot:before{}
.jackpot .count {font-size:0;margin-right:25px;position:absolute;top:0;right:0;}
.jackpot .count span {display:inline-block;position:relative;width:54px;line-height:54px;height:54px;font-size:34px;color:#fff;text-align:center;font-family:roboto;font-weight:600;background-color:#000;margin-top:13px;margin-left:2px;border-radius:4px;}
.jackpot .count span.won{font-size:20px;background-color:transparent;}
@media screen and (max-width: 1650px){
	.jackpot{width:1180px;}
	.jackpot .count{right:5%;}
}
/*.jackpot .count span:before {content:"";position:absolute;left:0;top:31px;width:1px;height:20px;background-color:rgba(255,255,255,0.14);}*/
.jackpot .count span.comma{width:20px;}
.jackpot .count span.comma:after {content:",";font-family:roboto;font-weight:300;font-size:20px;margin:0 3px}

.location{position:relative;width:1176px;margin:0 auto;color:#fff;font-size:0;white-space:nowrap}
.location .btn_up {position: absolute;right:0;top:0;}
.location span{display:inline-block;width:300px;height:80px;line-height:80px;color:#fff;font-size:16px;font-family:'roboto',malgun,'Malgun Gothic','Dotum','Gulim',sans-serif;font-weight:900;}
.location nav {display:inline-block;overflow:hidden;}
.location nav a {float:left;height:80px;line-height:80px;position:relative;font-family: roboto;font-weight:500;font-size:14px;color:#999;cursor:pointer;transition:0.7s color ease-out;}
.location nav a + a {margin-left:60px;}
.location nav a:before {content:"";position:absolute;left:50%;bottom:0;width:0%;height:4px;background-color:#9c836a;transition:0.7s all ease-out;transform:translateX(-50%)}

.location nav a.on {color:#9c836a}
.location nav a.on:before {content:"";width:100%;}

.visual {position:relative;height:100%;}
.visual .view {position:relative;height:100%;overflow:hidden;}
.visual .view li {display:none;position:fixed;left:0;top:0;width:100%;height:100%;}
.visual .view li img {position:relative;left:0;top:0;width:100%;}
.visual .view li span{background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;width:100%;height:100%;display:block;}
.visual .btn-scroll-down {position:absolute;left:50%;bottom:140px;z-index:10;margin-left:-600px}
.visual .txt {position:absolute;left:50%;top:50%;margin-left:-600px;transform:translateY(-50%);z-index:10;color:#fff;}
.visual .txt img {display:block;opacity:0;}
.visual .txt p, .visual .txt strong, .visual .txt em{display:block;opacity:0;font-size:20px;}
.visual .txt strong{font-size:100px;line-height:96px;font-family:roboto;font-weight:700;}
.visual .txt p{font-size:76px;line-height:100px;font-family:roboto;}
.visual .txt em{line-height:30px;letter-spacing:-0.4px;margin-top:35px;}
.visual .txt.shadow {text-shadow:1px 1px 2px #000;}

.visual .control {position:absolute;right:60px;top:50%;transform:translateY(-50%);font-size:0;z-index:10;}
.visual .control .num {display:inline-block;font-family: roboto;font-weight:700;font-size:14px;color:#fff;padding:0 30px;vertical-align:middle;}
.visual .control .num span {margin:0 3px}
.visual .control button {width:11px;height:11px;border-bottom:2px solid #fff;vertical-align:middle;}
.visual .control button.prev {border-left:2px solid #fff;transform:rotate(45deg)}
.visual .control button.next {border-right:2px solid #fff;transform:rotate(-45deg)}

.visual .control:before {content:"";position:absolute;width:768px;height:1px;background-color:rgba(255,255,255,0.2);
    left:-827px;top:50%;
}

.contents {position:relative;background:#fff;}
.contents > li {position:relative;}
.contents > li .cell {display:table-cell;vertical-align:middle;font-size:0;}
.contents > li .cell >div {display:inline-block;position:relative;vertical-align:top}
.contents > li .item {opacity:0}
.contents .txt {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'roboto';color:#fff;font-size:120px;letter-spacing:30px;font-weight:900;}
.contents > li.intro-txt{display:table;width:100%;text-align:center;height:860px;}
.contents > li.intro-txt .swiper-container{width:580px;}
.contents > li.intro-txt .txt-wrap{font-size:20px;text-align:left;width:580px;}
.contents > li.intro-txt .txt-wrap.right{padding-left:80px;width:500px;position:relative;z-index:2;}
.contents > li.intro-txt .txt-wrap.right:before {content:"";position:absolute;width:60px;height:1px;
    background-color:#21201e;left:-20px;top:434px;}
.contents > li.intro-txt .txt-wrap strong{font-family:'roboto';font-size:50px;line-height:60px;color:#7c6c5d;display:block;margin-bottom:32px;font-weight:900;letter-spacing:3px;}
.contents > li.intro-txt .txt-wrap strong span{color:#000;}
.contents > li.intro-txt .txt-wrap p{color:#666;font-size:16px;line-height:24px;letter-spacing:-1px;}
.contents > li.intro-txt .txt-wrap .btn-wrap{margin-top:32px;border:1px solid #8e8270;width:320px;font-size:0;}
.contents > li.intro-txt .txt-wrap .btn-wrap a{font-family:'roboto',malgun,'Malgun Gothic','Dotum','Gulim',sans-serif;font-size:13px;line-height:50px;color:#7c6c5d;font-weight:600;width:160px;text-align:center;display:inline-block;box-sizing:border-box;}
[lang='en'] .contents > li.intro-txt .txt-wrap .btn-wrap{width:360px;}
[lang='en'] .contents > li.intro-txt .txt-wrap .btn-wrap a{width:180px;}
.contents > li.intro-txt .txt-wrap .btn-wrap a:first-child{border-right:1px solid #8e8270;}
.contents > li.intro-txt .txt-wrap em{color:#000;font-size:14px;font-weight:700;margin-top:34px;display:block;line-height:1;}
.contents > li.intro-txt .txt-wrap .machine-list{font-size:12px;margin-top:40px;}
.contents > li.intro-txt .txt-wrap .machine-list span{font-family:'roboto';font-weight:900;font-size:24px;color:#333;display:block;line-height:1;}
.contents > li.intro-txt .txt-wrap .machine-list > div{float:left;margin-right:68px;text-align:center;}
.contents > li.intro-txt .txt-wrap .machine-list > div:before{content:'';display:block;background:url('../images/main_new/spr-list.png') 0 0 no-repeat;width:42px;height:46px;margin:0 auto 20px auto;}
.contents > li.intro-txt .txt-wrap .machine-list > div:nth-child(2):before{background-position:-50px 0;}
.contents > li.intro-txt .txt-wrap .machine-list > div:nth-child(3):before{background-position:-100px 0;width:46px;}
.contents > li.intro-txt .txt-wrap .machine-list > div:nth-child(4):before{background-position:-150px 0;width:43px;}
.contents > li.intro-txt .txt-wrap .machine-list > div:last-child{margin-right:0;}
.contents > li.intro-txt .txt-wrap .machine-list:after{content:'';display:block;clear:both;}
.contents > li.intro-txt .cell >div:first-child:before {content:"";position:absolute;width:60px;height:1px;
    background-color:#21201e;left:-100px;top:434px;}
.contents > li:nth-child(1) {position:relative;width:100%;height:860px;text-align:center;}
.contents > li:nth-child(1) .swiper-container {width:581px;}
.swiper-container .swiper-pagination {bottom:30px}
.swiper-container .swiper-pagination span {opacity:1 !important;background-color:transparent;width:12px;height:12px;border-radius:6px;border:2px solid #fff;box-sizing:border-box;margin:0 5px}
.swiper-container .swiper-pagination span.swiper-pagination-bullet-active {background-color:#fff;}

.swiper-container .swiper-button-prev {width:10px;height:18px;background-size:100% auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");opacity:0.8;left:40px;z-index:10;}
.swiper-container .swiper-button-next {width:10px;height:18px;background-size:100% auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");opacity:0.8;right:40px;z-index:10;}



.contents > li.hill {position:relative;height:1080px;/* background-image:url(../img/img_02.png);background-repeat:no-repeat;background-attachment:fixed;background-position:center */}
.contents > li.hill .float_bar {position:absolute;left:0;top:0;width:960px;height:120px;background-color:#fff;z-index:10}

/*.contents > li.hill:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;transition:1s all ease-out;background-image:url(../images/main_new/img_02.png);background-attachment:fixed;background-size:cover;}

.contents > li.hill.vip:before {content:"";background-image:url(../images/main_new/img_hill_vip.png);}
.contents > li.hill.bar:before {content:"";background-image:url(../images/main_new/img_hill_bar.png);}*/
.contents > li.hill .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;transition:1s all ease-out;background-image:url(../images/main_new/img_02.png);background-attachment:fixed;background-size:cover;}
.contents > li.hill .bg.vip{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;transition:1s all ease-out;background-attachment:fixed;background-size:cover;background-image:url(../images/main_new/img_hill_vip.png);}
.contents > li.hill .bg.bar{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;transition:1s all ease-out;background-attachment:fixed;background-size:cover;background-image:url(../images/main_new/img_hill_bar.png);}
.contents > li.hill .text {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.contents > li.hill .text a {display:block;position:relative;opacity:0;cursor:pointer;color:#fff;font-family:'roboto';font-weight:900;font-size:40px;text-align:center;letter-spacing:5px;line-height:1;margin-bottom:50px;line-height:1;}
.contents > li.hill .text a:last-child{margin-bottom:0;}
.contents > li.hill .text a.on .desc {opacity:1;transform:translateX(0)}


.contents > li.hill .text a.bar .desc {top:10px}
.contents > li.hill .desc {position:absolute;top:5px;left:100%;margin-left:50px;opacity: 0;transition:0.5s all;transform:translateX(100px)}

.contents > li:nth-child(3) {width:100%;height:940px;text-align:center}
/*.contents > li:nth-child(3) .cell >div:nth-child(2) img {position:relative;left:-20px;}*/

/*.contents > li.hill.busan:before{background-image:url(../images/main_new/bg_busan.png);}
.contents > li.hill.busan.vip:before {content:"";background-image:url(../images/main_new/bg_busan_vip.png);}
.contents > li.hill.busan.bar:before {content:"";background-image:url(../images/main_new/bg_busan_bar.png);}*/
.contents > li.hill.busan .bg{background-image:url(../images/main_new/bg_busan.png);}
.contents > li.hill.busan .bg.vip{background-image:url(../images/main_new/bg_busan_vip.png);}
.contents > li.hill.busan .bg.bar{background-image:url(../images/main_new/bg_busan_bar.png);}
/*.contents > li.hill.jeju:before{background-image:url(../images/main_new/bg_jeju.png);}
.contents > li.hill.jeju.vip:before {content:"";background-image:url(../images/main_new/bg_jeju_vip.png);}
.contents > li.hill.jeju.bar:before {content:"";background-image:url(../images/main_new/bg_jeju_bar.png);}*/
.contents > li.hill.jeju .bg{background-image:url(../images/main_new/bg_jeju.png);}
.contents > li.hill.jeju .bg.vip{background-image:url(../images/main_new/bg_jeju_vip.png);}
.contents > li.hill.jeju .bg.bar{background-image:url(../images/main_new/bg_jeju_bar.png);}
.contents > li.hill.jeju .txt{width:1016px;}


.contents > li.city {position:relative;height:1080px;/* background-image:url(../img/img_city.png);background-repeat:no-repeat;background-attachment:fixed;background-position:center */}
.contents > li.city .float_bar {position:absolute;right:0;top:0;width:960px;height:120px;background-color:#fff;z-index:1}
/*.contents > li.city:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;transition:1s background-image ease-out;background-image:url(../images/main_new/img_city.png);background-attachment:fixed;background-size:cover;}*/

.contents > li.city .txt{width:1218px;}
/*.contents > li.city.vip:before {content:"";background-image:url(../images/main_new/img_city_vip.png);}
.contents > li.city.sky:before {content:"";background-image:url(../images/main_new/img_city_sky.png);}
.contents > li.city.bar:before {content:"";background-image:url(../images/main_new/img_city_bar.png);}*/

.contents > li.city .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;transition:1s all ease-out;background-image:url(../images/main_new/img_city.png);background-attachment:fixed;background-size:cover;}
.contents > li.city .bg.vip{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;transition:1s all ease-out;background-attachment:fixed;background-size:cover;background-image:url(../images/main_new/img_city_vip.png);}
.contents > li.city .bg.sky{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;transition:1s all ease-out;background-attachment:fixed;background-size:cover;background-image:url(../images/main_new/img_city_sky.png);}
.contents > li.city .bg.bar{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;transition:1s all ease-out;background-attachment:fixed;background-size:cover;background-image:url(../images/main_new/img_city_bar.png);}

.contents > li.city .text {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.contents > li.city .text a {display:block;position:relative;opacity:0;cursor:pointer;color:#fff;font-family:'roboto';font-weight:900;font-size:40px;text-align:center;letter-spacing:5px;margin-bottom:50px;line-height:1;}
.contents > li.city .text a:last-child{margin-bottom:0;}
.contents > li.city .text a.on .desc {opacity:1;transform:translateX(0)}

.contents > li.city .text a.vip .desc {top:6px}
.contents > li.city .text a.sky .desc {top:6px}
.contents > li.city .text a.bar .desc {top:5px}

.contents > li.city .desc {position:absolute;top:0;left:100%;margin-left:50px;opacity: 0;transition:0.5s all;transform:translateX(100px)}


/* .contents > li.city.last {background-attachment:scroll;background-position:center 60px}
.contents > li.city.last:before {background-attachment:scroll;background-position:center 60px} */