@charset "utf-8";

html{}
body {-webkit-text-size-adjust:none;overflow-x:hidden; background-color: #282828;}
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%;background-color: #21201e;
    /* height:80px; */
    overflow:hidden;z-index:100;}
aside.fix .jackpot {margin-top:-80px;}
aside >div {height:80px;}
aside .bg{content:'';display:block;background-color: rgb(33 32 30);width:100%;/*min-width:1270px*/;max-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:-20px;}
.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;}


.marquee {
    width: 1156px;height: 40px;
    z-index: 98;top: 0px;
    overflow: hidden;
    position: relative;
    /* background-color: #0056a8; */
    margin:0 auto;
  }
  
  .marquee div {
    display: block;
    width: 200%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    animation: marquee 20s linear infinite;
  }
  
  .marquee span {
    float: left;
    width: 50%;
    font-size: 1.3rem;
    line-height: 40px;
    color:#9d8a69;
  }

  @keyframes marquee {
    0% { left: 100%; }
    100% { left: -100%; }
  }



/* 흐르는공지 */
/* .notify-wrap{position:relative;z-index: 98;top: 0px;}
.notify-wrap-inner{width: 1156px;height: 40px;line-height:40px;margin:0 auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.notify-scroll{display: inline-block;animation:text-scroll 15s linear infinite;}
.notify-scroll>ul>li>a{color:#9d8a69;font-size: 18px;font-family: 'Raleway',Sans-serif;font-weight: 500;}
@keyframes text-scroll{
from{
    transform:translateX(100%);
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);
    -o-transform:translateX(100%);
    -ms-transform:translateX(100%);
}
to{
    transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
}
}
.notify-scroll ul{display: inline;}
.notify-scroll ul li{display: inline-block;padding-right: 150px;}


aside {height: 100px;}
aside .bg {height: 100px;}
.location nav a {height: 66px;}
.location span{height:100px} */
/* 흐르는공지 */


a {
    color: #a4a4a4;
    text-decoration: none;
}
.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{top: 0px;position:relative;width:1155px;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:-578px;top: 1040px; display: none;}
.visual .txt {position:absolute;left:50%;top:50%;margin-left:-584px;/* 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: #282828; padding-top: 30px; padding-bottom: 150px;}
.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:800px;}
.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:580px;position:relative;z-index:2;}
.contents > li.intro-txt .txt-wrap strong{font-family:'roboto';font-size:50px;line-height:60px;color:#ebb078;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:#fff;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:322px;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:#ebb078;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:#ebb078;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:#a4a4a4;display:block;line-height:1;}
.contents > li.intro-txt .txt-wrap .machine-list > div{float:left;margin-right:35px;text-align:center;}
.contents > li.intro-txt .txt-wrap .machine-list > div:before{content:'';display:block;background:url('/assets/images/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:nth-child(1) {position:relative;width:100%;height:800px;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;}




div.layerPop {
    position: absolute;
    top: 8vh;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    z-index: 999;
}
div.layerPop .slides img {
    /* width: 100%; */
    width: 600%;
    /* height: 600px; */
}
div.layerPop .pop_slider {
    position: relative;
    overflow: hidden;
    width: 600px;
    /* height: 600px; */
    box-shadow: 1px 1px 15px rgba(0,0,0,0.3);
}
div.layerPop .btm_area {
    padding: 15px;
    height: 50px;
    line-height: 20px;
    background: #333;
    overflow: hidden;
}
div.layerPop .btm_area .btn02 {
    float: right;
    color: #fff;
    font-size: 16px;
}
div.layerPop .btm_area .btn02 a {
    color: #fff;
    padding: 10px;
}
div.layerPop .btn03 {
    float: right;
    color: #fff;
    font-size: 46px;
    font-weight: 100;
    height: 80px;
}
div.layerPop .btn03 a {
    color: #fff;
    margin: 0 10px;
    font-family: 'Roboto';
    font-weight: 600;
    text-shadow: 0px 0px 12px rgb(0 0 0 / 20%);
}



.swiper-pagination{
    position: absolute;
    top: 10px;
    height: 20px;
}
.swiper-pagination span{
    border: 2px solid #ffffff !important;
}