@charset "utf-8";
*{margin:0 ;padding:0}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, button{margin:0;padding:0;border:0;font-weight:inherit;vertical-align:baseline}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block}
body{font-size:1rem;  font-family: Helvetica, sans-serif;background: #101827;
}
ol, ul{list-style:none}
a,a:hover{text-decoration:none;color:inherit}
blockquote,q{quotes:none}
blockquote:before,q:before,blockquote:after,q:after{content:''}
table{border-collapse:collapse;border-spacing:0;vertical-align:middle}
thead, tbody, tfoot, tr, th, td, img{vertical-align:middle}
table caption{position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:1px;line-height:1px;color:transparent;white-space:nowrap;overflow:hidden;z-index:-1}
input{font-family:inherit;outline: none;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=radio],
input[type=checkbox]{margin:3px 3px 3px 4px;vertical-align:middle; width: 20px; height: 20px;}
[class*=col-] {
    float: left;
    padding-right: 0
}

[class*=col-]:last-of-type {
    padding-right: 0
}
.game-tit{
    position:absolute;width: 100%;height: 35px;line-height: 15px;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, .5);color: #fff;bottom:0;z-index: 10;font-size: 16px
}
.tel{
    position: absolute;
    left: 0;
 
    color: #eb1d51;
    font-size: 24px;
    font-weight: bold;
    border: 1px solid #eb1d51;
    padding: 10px;
    border-radius: 3px;
    top: 12px;
}
.page-loader-container.centered {
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
.page-loader-container{
    position: absolute;
    left: 8px;top: 10px;
    display: none;
}
            .loader.page {
                width: 20px;
                height: 20px;
                border-radius: 50%;
            }

            .loader.page::after {
                background-color: #fff;
            }
            .loader {
                          position: relative;
                          display: inline-block;
                          font-size: 10px;
                          margin: 0;
                          width: 20px;
                          height: 20px;
                          border-radius: 50%;
                          background: #e81859;
                          background: linear-gradient(to right, #e81859 10%, rgba(115, 40, 48, 0) 42%);
                          -webkit-animation: load3 1.4s infinite linear;
                          animation: load3 1.4s infinite linear;
                          -webkit-transform: translateZ(0);
                          -ms-transform: translateZ(0);
                          transform: translateZ(0);
                        }
            .loader::before, .loader::after {
                          content: "";
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 50%;
                          height: 50%;
                          border-radius: 80% 0 0 0;
                        }
                        .loader::after {
                          right: 0;
                          bottom: 0;
                          width: 75%;
                          height: 75%;
                          margin: auto;
                          border-radius: 50%;
                          background-color: #ececec;
                        }

                        @-webkit-keyframes load3 {
                          0% {
                            -webkit-transform: rotate(0deg);
                            transform: rotate(0deg);
                          }
                          100% {
                            -webkit-transform: rotate(360deg);
                            transform: rotate(360deg);
                          }
                        }
                        @keyframes load3 {
                          0% {
                            -webkit-transform: rotate(0deg);
                            transform: rotate(0deg);
                          }
                          100% {
                            -webkit-transform: rotate(360deg);
                            transform: rotate(360deg);
                          }
                        }            

.grid:after {
    content: "";
    display: table;
    clear: both
}

.col-1 {
    width: 100%
}

.col-1-2 {
    width: 50vw
}

.col-1-4 {
    width: 25vw
}

.col-1-5 {
    width: 20vw
}

.col-1-6 {
    width: 16.6667vw
}

.col-1-8 {
    width: 12.5vw
}
/*=========spin=======*/

.games__hero__wrapper{
    width: 100%;
    background: url('/images/candy-p.png?1232') no-repeat 0 65%;background-size: cover;
    height: 520px;

}
.games__wrapper {
    width: 100%;
    position: relative;
}
.game__cat__header {
    background: #101827;
    height: 111px;
    border-bottom: 2px solid #de006f;
    padding: 0 1vw;
}
.games-wrap{
    width: 95vw;
    margin:0 auto;
}
.game__category {
    display: block;
    text-align: center;
    height: 111px;
    transition: all .2s ease;
    cursor: pointer
}

.game__category:hover {
    background: #3f4a74;
    border-bottom: 2px solid #ef9a47;
    transition: all .2s ease
}

.game__category:hover .game_category__content img {
    transition: .2s ease;
    position: relative;
    margin-top: 2px
}

.game_category__content {
    padding: 5vw 0 0
}

.game_category__content img {
    display: block;
    margin: 0 auto
}

.game_category__content a {
    display: block;
    line-height: 18px;
    color: #fff;
    font-size: 14px;
 
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'NotoSansKr-Black';
}
.game_category__content a span{
    display: block;color: #999;font-size: 12px;
}
.game__cat__header .toggle-cat {
    display: none
}
.game-cat-active a span{
    color: #fff;
}
.game-cat-active {
    background: #de006f;
    background: -moz-linear-gradient(135deg,#de006f 0%,#f73736 100%);
    background: -webkit-gradient(linear,135deg,color-stop(0%,#de006f),color-stop(100%,#f73736));
    background: -webkit-linear-gradient(135deg,#de006f 0%,#f73736 100%);
    background: -o-linear-gradient(135deg,#de006f 0%,#f73736 100%);
    background: -ms-linear-gradient(135deg,#de006f 0%,#f73736 100%);
    background: linear-gradient(135deg,#de006f 0%,#f73736 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c10',endColorstr='#00673c',GradientType=0 );
    border-bottom: 2px solid #de006f
}
header{
    position: relative;
    width: 100%;
    height: 90px;
    z-index: 999;
   
}
.header[data-themeHeader="light"] {
    background: #ffffff;
    color: #141414;
    fill: rgba(0,0,0, 0);
    stroke: rgba(0,0,0, 0.8);
}
.header-container {
    display: flex;
    align-items: center;
    justify-content:end;
    flex-direction: row;
    max-width: 95%;
    height: 84px;
    margin: 0 auto;
    padding: 0.5rem 0;
}
.logo-container {
    width: 95%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
 .brand {
        width: auto;
        height: 62px;
    }

.brand img {
            max-width: 100%;
            max-height: 100%;
        }
@media screen and (min-width: 720px) {
        .brand {
            height: 75px;
        }
    }
.sign__up {
    cursor: pointer;
}
.buttons-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    z-index: 9;
}
.buttons-container li{
    position: relative;
}
.buttons-container li i.fa {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    color: #7e7e7e;
    font-size: 14px;
}

    .buttons {
    padding: 1.2rem 1.9rem;
    border-radius: 0.5rem;
    cursor: pointer;
    margin: 0 0.6rem;
    font-family: 'NotoSansKr-Black';
    font-size: 14px;
    }

    .btn-login-desk{
    display: none;
    }

   

   
    .icon-login i {
    width: 1.8rem;
    margin-bottom: 0.3rem;
    stroke-width: 5;
    }

    .btn-register {
    color: #ffffff;
    background: var(--primary);
    border: 1.9px solid var(--primary);
    transition: all .2s ease;
   
    text-transform: uppercase;
    }

    .btn-register:hover {
    transform: scale(1.08);
    color: #fff;
    }

    .buttons-container li:nth-child(2) a {
    margin: 0 0 0 0.6rem;
    }

    .btn-add-desktop, .btn-support {
    background: none;
    border: 1.9px solid var(--primary);
    padding: 0.5rem 0.6rem;
    }

    .btn-add-desktop, .btn-support, .btn-register {
    display: none;
    }

    .secure {
    width: 1.7rem;
    height: 1.7rem;
    margin-right: 0.5rem;
    }

    .btn-add-desktop {
    transition: all .2s ease;
    }

    .btn-add-desktop:hover {
    transform: scale(1.15);
    }

    .btn-support {
    transition: all .2s ease;
    }

    .btn-support:hover {
    transform: scale(1.15);
    }

 

  

  
    /* End keyframes Chat */

    @media screen and (min-width: 720px) {
   
    .btn-login-mobile {
    font-size: 0.9rem;
    }
    }

    @media screen and (min-width: 1020px) {
         .game__cat__header .col-1-8 {
        width: 11.5vw
    }
     .game_category__content {
        padding: 10px 0
    }
    .btn-add-desktop, .btn-support {
    display: none;
    }

    .btn-register, .btn-login-desk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    }

    .btn-login-desk {
    border: 1.9px solid var(--primary);
    transition: all .2s ease;
    text-transform: uppercase;
  
    }

   /* .btn-login-desk:hover {
    color: #fff;
    background: #646464;
    border: 1.9px solid #646464;
    }
*/
    .btn-login-mobile {
    display: none;
    }

    
    }

    @media screen and (min-width: 1150px) {
    .btn-support {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    }
    }

    @media screen and (min-width: 1285px) {
    .btn-add-desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    }
    }
    .games__hero__offer__wrapper{
        position: absolute;
        width: 100%;
        padding:0 2vw;
       height: 380px;
    padding-top: 50px;
        text-align: left;
    }
    .cobranded_board {
        animation-name: lights;
        animation-duration: 0.75s;
        animation-iteration-count: infinite;
        position: absolute;
        background-image: url('/images/cobranded_board.webp');
        background-size: 100%;
        background-repeat: no-repeat;
        right: 2vw;
        display: none;
        width: 32vw;
        height: 25vw;
        
        text-align: center;
        padding-top: 4vw;
    }

    .cobranded_board {
        display: none;
    }
 .cobranded_board img{
        width: 65%;
    }
    .game__box {
    border: 1px solid #111;
    position: relative;
    background-size: cover;
    height: 40vw;
    transition: all .2s ease;
}
.game__box .game__box__img__container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.game__box .game__box__img__container img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    max-height: none;
    max-width: 10vw;
    min-height: 100%;
    min-width: 100%;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
    transition: opacity .3s,transform .3s;
}
.h-overlay {
    opacity: 0;
}
.h-overlay h4 {
    font-size: 16px;
    color: rgba(255,255,255,.8);
    padding-top: 20px;}
 .h-overlay .games__button {
    transition: all .45s ease;
    position: relative;
    top: 30%;
    width: 70%;
  
    border-radius: 3px;
    margin: 0 auto;
    padding: 15px;
}
.game__box:hover .h-overlay {
    transition: background .25s ease;
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(65,65,65,.46);
    opacity: 1;
    text-align: center
}

.game__box:hover img.transform {
    transform: translate3d(-50%,-20%,0);
    transform-origin: center center
}
.button-register {
    background: #de006f;
    background: #de006f;
    background: -moz-linear-gradient(135deg,#de006f 0%,#f73736 100%);
    background: -webkit-gradient(linear,135deg,color-stop(0%,#de006f),color-stop(100%,#f73736));
    background: -webkit-linear-gradient(135deg,#de006f 0%,#f73736 100%);
    background: -o-linear-gradient(135deg,#de006f 0%,#f73736 100%);
    background: -ms-linear-gradient(135deg,#de006f 0%,#f73736 100%);
    background: linear-gradient(135deg,#de006f 0%,#f73736 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c10',endColorstr='#00673c',GradientType=0 );
    color: #fff;
    margin: 0 .5vw
}

@media screen and (min-width: 760px){
    
    .game-list .col-1-6 {
         width:23.7vw;
        }
        .game__box {
                  height: 23.7vw;
         }
}
@media screen and (max-width: 760px){
    
    .game-list .col-1-6 {
         width:31.5vw;
        }
        .game__box {
                  height: 31.5vw;
         }
}
@media screen and (min-width: 960px){
    
    .game-list .col-1-6 {
         width: 19vw;
        }
        .game__box {
                  height: 19vw;
         }
}
@media screen and (min-width: 1000px){
    
    .game-list .col-1-6 {
         width: 15.8vw;
        }
        .game__box {
                  height: 15.8vw;
         }
}
@media screen and (min-width: 1400px){
    
    .game-list .col-1-6 {
         width: 13.5vw;
        }
        .game__box {
                  height: 13.5vw;
         }
}
 @media screen and (min-width: 1920px) {

      .cobranded_board {
            display: block;
        }
        .game-list .col-1-6 {
                 width: 10.5vw;
        }
        .game__box {
                  height: 10.5vw;
         }
         .h-overlay .games__button {
    padding: 0.8vw 1.9vw;
    font-size: calc(0.25vw + 0.5rem);
    letter-spacing: .1vw;
    border-radius: 3px;
}
 }
 
  @-webkit-keyframes lights {
        0% {
            background-image: url('/images/cobranded_board.webp');
        }

        100% {
            background-image: url('/images/cobranded_board_1.webp');
        }
    }
.button-hero {
    background: #de006f;
    background: #de006f;
    background: -moz-linear-gradient(135deg,#de006f 0%,#f73736 100%);
    background: -webkit-gradient(linear,135deg,color-stop(0%,#de006f),color-stop(100%,#f73736));
    background: -webkit-linear-gradient(135deg,#de006f 0%,#f73736 100%);
    background: -o-linear-gradient(135deg,#de006f 0%,#f73736 100%);
    background: -ms-linear-gradient(135deg,#de006f 0%,#f73736 100%);
    background: linear-gradient(135deg,#de006f 0%,#f73736 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c10',endColorstr='#00673c',GradientType=0 );
    color: #fff;
    padding: 11px 25px 15px 40px;
    font-weight: 700;
    position: relative;
    border-radius: 1vw;
    font-size: 2vw;
    display: inline-block;
    margin-top: 2vw;
    text-shadow: 0 1px 2px rgba(0,0,0,.4);
    will-change: transform;
    transition: transform 1s cubic-bezier(.22,.68,0,1)
}

.button-hero:hover {
    transform: scale(.9)
}

/*=========spin=======*/
.fl{float:left !important;}
.fr{float:right !important}
.telegram{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 15px;
    justify-content: center;
    margin-top: 10px;
}

.ios{
    background: #000;
    border:1px solid #eb1d51;
    margin-left: 4px;
    border-radius: 3px;
}
.ios:hover{
    background: #eb1d51;color:#fff;
}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
 .main_top{
        width: 100%;
        min-width: 1400px;
        height: 58px;
        background:rgba(0,0,0,.7);
        border-bottom: 1px solid #1a1e27;
        z-index: 1000;
        position: absolute;
        top: 0px;
 }
 .top_table {
    width: 95%;
    height: 38px;
    margin: auto;
    padding: 10px 0px;

}
 .header-section {
    width: 100%;
    height: 75px;
    background:rgba(0,0,0,.8);
    border-bottom: 1px solid #1a1e27;
   
}


.logo{
    position: relative;
}
.new-logo {
    width: 200px;
    position: absolute;  
    top: 5px;
   
}

.login-box {
    float: right;
   
}

.mainbutton-container{
    display: flex;
    justify-content: space-between; background: #000;padding:10px 12px;
}
.mainbutton-container .col-xs-4{
    margin:0 6px 6px 0;padding:0;
}

.main-login{
    background: #1a1818;
    height: 776px;
}
.login ul{display:inline-block;}
.login ul li{display:inline-block; margin:0 2px 0 2px; font-size:16px; color:#333;position: relative;font-weight: bold;}
.login li:hover .lay_pop{display:block}

.login form{
    padding:10px;
}
.login form h2{
    color: #88c533;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 10px;
}
.input_login{background:#ededed;  border:none;padding:1.2rem;border-radius: 0.5rem !important; margin:0 0.6rem;width:160px;color:#333; font-size:14px; font-weight:500;padding-left: 30px}
.input_login::-webkit-input-placeholder{color:#666;}
.btn-submit {
  
    width: 100%;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: #181818;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #88c533 0%,#679d1c 50%,#558512 100%) 1;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    transition: .3s;
   
}
.btn-submit:hover{
    background: #88c533;
    color: #fff;
}
.btn-join{
  
    width: 1005;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #fff;
    background: #88c533;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;display: block;
}
.login-image strong {
  font-size: 16px;
  letter-spacing: -0.06em;
  color: #ffffff;
}
.login-image span{
    color: #999;
}
.wallet-line {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #363430;
    margin:20px 0;
}
.carousel{
   
  
    width: 100%;
    color: #fff;

   
}
.carousel-indicators li{
    background: #fff;
    border:none;
}
.carousel-indicators .active{
    background: #eb1d51;
}
.item h5{
    font-size: 3.5vw;
   text-shadow:3px 3px 10px #000;
    font-family: 'NotoSansKr-Black';
    color: #fff;
}
.item p{
    font-size: 24px;
    font-weight: bold;
}


.title1 {float:left; width:100%; height:50px;line-height:50px; border-bottom:1px solid rgba(255,255,255,0.1);  background-size:cover; color:#ffffff; font-size:24px; font-weight:500; letter-spacing:-1px; padding:0 0 0 2px; margin:10px 0 0 0;}
.title2 {font-size:18px; font-weight:900; letter-spacing:0; background: linear-gradient(#ffffff 80%, #000000); color: transparent; -webkit-background-clip: text; text-shadow:1px 3px 10px rgba(0,0,0,0.5);}
.page{
    position: relative;
}

/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
#contents_wrap {float:left; width:100%; min-height:500px; margin:20px 0 40px 0;}
.contents_box {margin:0px auto; width:1400px;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left;
position: relative;z-index: 200; width:100%;min-width: 1400px;text-align:center; padding:0 0 50px 0; font-family:'GmarketSans'; font-weight:300; color:#ababab; font-size:16px; letter-spacing:0;}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_wrap{float:left; width:100%; padding:0 0 50px 0;}
.main_box{width:1400px; margin:0 auto;}

.main_game_list{float:left; width:100%; margin:50px 0 0 0;}
.main_game_list ul li{float:left; margin:0 40px 0 0;}
.main_game_list ul li:last-child{margin:0 0 0 0;}

.main_jackpot{float:left; width:100%; margin:40px 0 0 0; background:url(../images/bg-jackpot-1.png?16)center top no-repeat;}
.jackpot_won{font-family:'rocket'; font-size:64px; color:#ffea00; text-align:right; line-height:140px;height:140px;  padding:0 50px 0 0;text-shadow:5px 0 5px rgba(0,0,0,0.89);}
.jackpot-panel {
  height: 160px;
  position: relative;
  background: url(/images/game-button-jackpot.jpg?2) no-repeat;

  overflow: hidden;
}
.jackpot-container{
    padding:0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(/images/jackpot_coin.43607942.png?1) 0/480px repeat-y;
    -webkit-animation: drop_coin 5s linear infinite;
    animation: drop_coin 5s linear infinite;


}
@-webkit-keyframes drop_coin {
    0% {
        background-position: 50px -525px
    }

    to {
        background-position: 50px 0
    }
}

@keyframes drop_coin {
    0% {
        background-position: 50px -525px
    }

    to {
        background-position: 50px 0
    }
}

@-webkit-keyframes m_drop_coin {
    0% {
        background-position: center -525px
    }

    to {
        background-position: center 0
    }
}

@keyframes m_drop_coin {
    0% {
        background-position: center -525px
    }

    to {
        background-position: center 0
    }
}


.jp_title {
    padding: 18px;
    border: 1px solid #8bc534;
    background: rgba(0,0,0,.7);
    border-radius: 10px;
    box-shadow: inset 0 6px 20px 2px rgba(0,0,0,.7);
    width: 435px;
}
.jp_title h3 {
    margin: 0 0 10px 0;
    color: #8bc534;
    font-size: 32px;
    font-weight: 600;
    font-family: 'NotoSansKr-Black';
}
.jp_title h4 {
    color: #eee;
    font-size: 18px;
    font-weight: 400;
    font-family: 'NotoSansKr-Black';
}
.jackpot-number{

  position: relative;
 
  text-align: right;
}

.jackpot-odometer {
  height: 89px;
  overflow: hidden;
  position: relative;
  width: 480px;
  vertical-align: top!important;
  background: linear-gradient(#baeb43,#82c528 50%,#539500 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 70px;
  font-family: 'rocket';
}


.con_wrap{float:left; width:100%; margin:20px 0 20px 0;}
.con_box{width:32%;
  
    float: left;
  
    margin: 0 0px 0 2%;
   }
.con_box:nth-child(1){margin:0;}
.con_title{width: 100%;
    
    background:#07080a;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    padding: 0px 0 0 20px;
    font-size: 15px;
    color: #fff;
    
}
.con_title span{float: right;margin-right: 5px}
.con_title span a{
    color: #666;
}
.con_title span a:hover{
    color:#de006f;
}
.con_title i{margin-right: 5px;color: #ff7800;}
.con{width:100%; height:240px; padding:10px 10px 0 10px;background: rgba(17, 17, 17, .6);}
.con td{font-size:14px; color:rgb(211,211,211); line-height:40px;padding: 0px 5px;}
.con tr:nth-child(odd){background: #111}
.con_title button{
    width: calc(49% - 4px);height: 42px;border-radius: 5px;border: solid 1px #fff; background:transparent;
    color: #fff;
    margin: 0 2px;position: relative;overflow: hidden;font-size: 14px;
}
.con_title button.active{
    background: #ff7800;
    border: none;
    color: #fff;
}
.con_mar_box{
   border: 1px solid #c28d46;border-radius:10px
}
.custom_wrap{float:left; width:100%; margin:50px 0 0 0; text-align:center;}
.custom_wrap ul{display:inline-block; font-size:0;}
.custom_wrap ul li{display:inline-block; font-size:20px; font-weight:600; color:#ffffff;}
.custom_wrap ul li:first-child{margin:0 20px 0 0; padding:0 100px 0 100px; background:url(../images/bg_custom.png)center top; border-radius:76px; line-height:76px;}


.popup_none              {display:none;}
.popup_wrap              {width:1300px;}
.close_box               {width:100%; float:left; text-align:center; padding:10px 0 10px 0;}
.popupbox                {width:100%; float:left; background:#1c1d31; min-height:calc(100vh - 200px); border-radius:10px; padding:40px; position:relative; box-shadow:0px 0px 70px rgba(0,0,0,0.7);}

.popup_tab_wrap          {width:100%;}
.popup_tab               {float:left; width:100%; background:rgba(0,0,0,0.3); }
.popup_tab li            {float:left; min-width:120px; border-right:solid 1px rgba(255,255,255,0.05);}
.popup_tab li span       {display:inline-block; width:100%; height:40px; line-height:40px; font-size:12px; text-align:center; font-weight:500;}
.popup_tab li span:hover {display:inline-block; width:100%; height:40px; line-height:40px; font-size:12px; text-align:center; font-weight:500; background:url("../images/btn1.jpg"); background-size:100% 100%; color:#ffffff;}


.sk_tab_active_01 span   {color:#ffffff; background:url("../images/btn1.jpg"); background-size:100% 100%;}
.sk_tab_con_01           {display:block; clear:both;}
.sk_tab_hidden_01        {display:none;}


.sk_tab_active_02 span   {color:#ffffff; background:url("../images/btn1.jpg"); background-size:100% 100%;}
.sk_tab_con_02           {display:block; clear:both;}
.sk_tab_hidden_02        {display:none;}


.sk_tab_active_04 span   {color:#ffffff; background:url("../images/btn1.jpg"); background-size:100% 100%;}
.sk_tab_con_04           {display:block; clear:both;}
.sk_tab_hidden_04        {display:none;}


.sk_tab_active_00 span   {display:inline-block; width:140px; height:40px; line-height:38px; text-align:center; font-weight:600; color:#ffffff; background:url("../images/btn1.jpg"); background-size:100% 100%;}
.sk_tab_con_00           {display:block; clear:both;}
.sk_tab_hidden_00        {display:none}


.slot_list {float:left; width:100%; margin:0px 0 0 0; color:#fff}
.slot_list table tr td {color:#ffffff}
.slot_list table tr td table tr td {background:rgba(0,0,0,0.4); text-align:center;}
.slot_list table tr td table tr td:nth-child(2),
.slot_list table tr td table tr td:nth-child(4),
.slot_list table tr td table tr td:nth-child(6),
.slot_list table tr td table tr td:nth-child(8),
.slot_list table tr td table tr td:nth-child(10),
.slot_list table tr td table tr td:nth-child(12),
.slot_list table tr td table tr td:nth-child(14){background:none}
.slot_list table tr td table tr td:hover {background:rgba(255,255,255,0.1);}
.slot_list table tr td table tr td:nth-child(2):hover,
.slot_list table tr td table tr td:nth-child(4):hover,
.slot_list table tr td table tr td:nth-child(6):hover,
.slot_list table tr td table tr td:nth-child(8):hover,
.slot_list table tr td table tr td:nth-child(10):hover,
.slot_list table tr td table tr td:nth-child(12):hover,
.slot_list table tr td table tr td:nth-child(14):hover {background:none}


.game_tit {width:100%; float:left; margin:0 0 10px 0;}
.game_list_wrap {float:left; width:1216px; padding:46px; background:rgba(0,0,0,0.3);}
.game_list_wrap ul li {float:left; margin:0 10px 5px 0; position:relative;}
.game_list_wrap ul li:nth-child(4n){margin:0 0 5px 0;}
.game_list_wrap ul li img {display:inline-block; cursor:pointer;}


.check {float:left; width:272px; height:120px; background:rgba(0,0,0,0.8); position:absolute; z-index:10000; text-align:center; font-size:14px; letter-spacing:-1px; font-weight:400; color:#ffffff; line-height:18px; padding:22px 0 0 0; top:0px; left:0px; margin:0 0 0 0;}

.box_wrap01    {background:rgba(39,40,65,0.7); border:1px solid rgba(0,0,0,0.4); padding:4px; float:left; width:100%; }
.box_box01     {background:rgba(39,40,65,0.5); float:left; width:100%; padding:10px 0 10px 0; text-align:center;} 
.box_font01    {float:left; width:100%; line-height:40px; font-weight:600; color:#f9f9f9; padding:0 0 0 0; font-size:18px; letter-spacing:-1px;}
.box_font02    {float:left; width:100%; line-height:20px; padding:0 0 3px 0; color:#ae98ff; letter-spacing:-1px; font-size:16px; font-weight:900; font-family:Arial, sans-serif; letter-spacing:-1pt;}


.box_wrap02    {background:linear-gradient(#9f062c 0%, #31346a 100%); border:1px solid #222222; float:left; width:20%; cursor:pointer;}
.box_wrap02:hover    {background:linear-gradient(-45deg, #9f062c 0%, #31346a 100%);}
.box_wrap02_on {border:solid 1px #ffd198;}
.box_box02     {float:left; width:100%; padding:5px 0 5px 0; text-align:center; border:solid 3px #110902; } 
.box02         {float:left; width:100%; line-height:34px; font-weight:600; color:#dddddd; padding:0 0 0 0; font-size:14px; letter-spacing:-1px;}
.box022       {float:left; width:100%; line-height:20px; padding:0 0 3px 0; color:#ffffff; letter-spacing:-1px; font-size:14px; letter-spacing:0pt;}


.box_wrap03    {background:rgba(39,40,65,0.7); border:1px solid rgba(0,0,0,0.6); padding:6px; float:left; width:100%; }
.box_box03     {background:rgba(39,40,65,0.5); float:left; width:100%; padding:5px 0 5px 0; text-align:center;} 
.box03         {float:left; width:100%; line-height:40px; font-weight:400; color:#dddddd; padding:0 0 0 0; font-size:20px; letter-spacing:-1px;}

.money  {background:#272841; border:1px solid rgba(0,0,0,0.1); float:left; width:100%; text-align:center; padding:10px 0 10px 0;}
.money li { display:inline-block; padding:0 10px 0 10px; font-size:14px; letter-spacing:-1px;}

.out_login_wrap  {float:left; width:100%; height:100vh; background:url("../images/bg_login.jpg") center top no-repeat; background-size:cover; padding:250px 0 0 0}
.out_login_box_wrap {width:360px; margin:0px auto;}
.out_login_tit {width:100%; float:left; text-align:center; position:relative;}
.out_login {width:100%; float:left; margin:30px 0 50px 0;}
.out_login_table {width:100%}
.out_login_td1 {width:100%; padding:0 0 5px 0}
.out_login_td2 {width:100%; padding:0 0 10px 0}
.out_login_td3 {width:100%; padding:0 0 5px 0}
.out_input_login  {background-color:#3a0e19; border:1px solid #120307;  width:100%; height:50px; color:#ffffff; padding:0 0 0 15px; font-size:16px; font-weight:500;}
.out_input_login::-webkit-input-placeholder{color:#b5445f;}


.notice_popup1 {position:absolute; z-index:1000000000; top:150px; left:350px;}
.notice_popup2 {position:absolute; z-index:1000000000; top:150px; left:920px;}
.notice_popup_wrap {float:left; width:550px;}
.notice_popup_btn_wrap {float:right; margin:0 5px 0 0;}
.notice_popup_btn_wrap ul li {float:left; margin:0 0 0 5px;}
.notice_popup_btn {float:right; background:linear-gradient(#9f062c 0%, #31346a 100%); min-width:60px; height:36px; line-height:40px; padding:0 15px 0 15px; text-align:center; display:inline-block; color:#ffffff; font-size:12px; font-weight:600;}
.notice_popup_box {float:left; width:550px; height:550px; border:5px solid #31346a; background:#111111;}
.notice_popup_text {float:left; width:100%; padding:30px;}
.notice_popup_font1 {float:left; width:100%; font-size:22px; letter-spacing:-1px; font-weight:700; color:#ffffff; line-height:40px;}
.notice_popup_font2 {float:left; width:100%; font-size:16px; letter-spacing:-1px; font-weight:400; color:#d4d4d4; line-height:28px;}


.loding_wrap {float:left; width:1100px; height:1520px; background:url("../images/bg_loding.jpg") center top no-repeat; }
.loding {float:left; width:100%; line-height:40px; font-size:30px; letter-spacing:-1px; font-weight:500; color:#ffffff; margin:170px 0 0 0; text-align:center;}


.slot_loding_wrap {float:left; width:100%; height:100vh; background:url("../images/bg_loding.jpg") center top no-repeat; background-size:cover;}
.slot_loding {float:left; width:100%; line-height:40px; font-size:30px; letter-spacing:-1px; font-weight:700; color:#ffffff; margin:150px 0 0 0; text-align:center;}
@media (min-width: 1200px){
    .demo-2 {
    width: 1440px;
}
}
.font01 {color:#ffffff; font-weight:500;}
.font02 {color:#000000; font-weight:500;}
.font03 {color:#929292;}
.font04 {color:#484848;}
.font05 {color:#b4ff23; font-weight:500;}
.font06 {color:#d3d1d2; font-weight:500;}
.font07 {color:#ae98ff; font-weight:500;}
.font08 {color:#b4ff23; font-weight:500;}
.font09 {color:#ff5400;}
.font10 {color:#4ec4af; font-weight:500;}

.font11 {color:#b4ff23; font-weight:900; font-size:20px; font-family:Arial; letter-spacing:-1pt; font-style:italic;}
.font12 {color:#f9f9f9; font-weight:900; font-size:26px; font-family:Arial; letter-spacing:-1pt; font-style:italic;}
.font13 {color:#b0977f; font-weight:500;}
.font14 {color:#eb1d51; font-weight:500;}
.font15 {color:#898989; font-weight:500;}
.heartbeat {
    -webkit-animation: shake-horizontal 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
            animation: shake-horizontal 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  5%,15%{
    -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
  }
  10%,20%{
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
  25% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }

}

.mouseover2:hover {
    -webkit-animation: heartbeat 1.5s ease-in-out  both;
            animation: heartbeat 1.5s ease-in-out  both;
}

@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.pop01_popup1 {position:absolute; z-index:1000000000;}
.pop01_popup2 {position:absolute; z-index:1000000000;}
.pop01_popup_wrap {float:left;z-index:1000000000;}
.pop01_popup_btn_wrap {float:right;z-index:1000000000;}
.pop01_popup_btn_wrap ul li {float:left; margin:0 0 0 5px;}
.pop01_popup_btn {float:right;background:linear-gradient(#9f062c 0%, #31346a 100%); min-width:60px; height:36px; line-height:40px; padding:0 15px 0 15px; text-align:center; display:inline-block; font-family:nanumgothic, sans-serif; color:#fff; font-size:12px; font-weight:600;}
.pop01_popup_box {float:left; border:5pxsolidlinear-gradient(#9f062c 0%, #31346a 100%);clear:both;z-index:1000000000;background:#000 url("/images/bg_popup.jpg") left top no-repeat; background-size:cover;}
.pop01_popup_text {float:left; width:100%;z-index:1000000000;}
.pop01_popup_font1 {float:left; width:100%; font-family:'nanumsquare', sans-serif; font-size:22px; letter-spacing:-1px; font-weight:700; color:#ffffff; line-height:40px;}
.pop01_popup_font2 {float:left; width:100%; font-family:'nanumgothic', sans-serif; font-size:16px; letter-spacing:-1px; font-weight:400; color:#ffffff; line-height:28px;}
.boxflex{
    background-color: #101010;
    color: #fff;
    border: 1px solid #403f3f;
    width: 98%;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 10px;

}
.boxflex h2{
    color: #fff;
    font-size: 14px;
    background-color: #000;
    height: 32px; line-height: 32px;
}
.boxflex p{
    padding: 10px 0;
}
.company-main {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
}
.company-main .company-container {
    width: 100%;
    /*height: 544px;*/
    height: auto;
    float: left;
    overflow: hidden;
    text-align: center;
}

.company-main .cc-center {
    height: auto;
  
    display: none;
    position: relative;
    top: -100%;
    animation: cc_anim 1s ease 1 forwards;
}

@keyframes cc_anim {
    0% {
        top: -100%;
    }
    100% {
        top: 0;
    }
}

.company-main .cc-center.active {
    display: inline-block;
  
}
.casinoTitle{
    color: #bd9672;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
    margin: 20px 0 10px 0
}
.casinoTitle a{
  height: 90px;width: 580px;display: inline-block;
}
.casinoTitle a.active{
   background: url(/images/tab-active.png) no-repeat 460px 55px;
}
.casinoTitle a.sloTab{
    background-position: 50px 55px;
}
.page-content {
   
    position: relative;
    z-index: 2;
    padding: 0 0 30px;
    margin-top: 500px;
}
.casinoZone{
    
    width: 100%;
   /* overflow: hidden;*/
}
.item p.gTit{
    color: #fff;
    position: absolute;
    bottom: -48px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    height: 35px;
    font-weight: bold;
}
.gameTitle{
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    font-size: 12px;
}

.company-btn img {
    transition: 1s;
    width: 100%;
    height:100%;
     border-radius: 10px;

}
.company-btn button,.company-btn-s button {
    width: 100px;
    height: 35px;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #ffefa6 0%,#d4a65b 50%,#5b4128 100%);
    box-shadow: inset 0 0 0 1px #1d160e;
    border-radius: 3px;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #000;
    font-size: 16px;
    font-family: NotoSansKr-Bold;
    box-shadow: 0px 0px 20px #000;
    transition: 0.5s;
    z-index: 3;
    opacity: 0;
}
.company-btn:hover button,.company-btn-s:hover button {
    opacity: 1;
}
.company-btn:hover img{
    animation: move .5s linear forwards;
}
@keyframes move {
            0% {
                transform: scale(1);
            }
 
            100% {
                transform: scale(1.1);
            }
        }

.company-btn,.company-btn-s {
    width: 210px;
    height: 210px;

    display: inline-block;
    /*background-image: url(/images/logo-game.png?222);
    background-size: 150px 150px;*/
    background-color: #4f4f4f;
    border-radius: 10px;
    /*border: 2px solid transparent;
    border-image: url(/images/company_border.png) 10 round;
    border-image-width: 10px;
    border-image-repeat: repeat;*/
    cursor: pointer;
    position: relative;
 
    margin: 0 5px;
    margin-bottom: 50px;
    box-shadow: 0 5px 15px #000;
    padding: 1px;
}

.toggle-btn.active {
    color: #eb1d51;
   
}
.toggle-btn {
    width:350px;
    height: 72px;
    background-color: transparent;
    border: none;
    color: #fff;
    font-family: noto sans kr,sans-serif;
    font-weight: 700;
    font-size: 24px;
    transition: 0s;padding: 0;
}
.dflex-ac-je{
    justify-content: end;
}
.toggle-btn:last-child{
   
}
.ml-1{margin-left: 10px;}
.mr-1{margin-right: 10px;}
.toggle-btn .btn-panel {
    width:100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-image:linear-gradient(to bottom, #de006f 0%,#ff62b0 50%,#660234 100%) 1;
   background: rgba(0, 0, 0, .5);
    filter: drop-shadow(0 5px 5px rgba(0,0,0,0.5));
    flex-wrap: nowrap;
    display: flex;
    position: relative;
    align-items: center;
    font-size: 24px;justify-content: center;
}
.toggle-btn .btn-panel:before {
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 5px;
/*    background-color: #582d43;*/
}

.toggle-btn:first-child .icon-panel {
    margin-left: -15px;
    margin-right: 25px;
}
.toggle-btn:last-child .icon-panel {
    margin-right: -15px;
    margin-left: 25px;
}
.toggle-btn .icon-panel {
    width: 152px;
    height: 120px;
}

.toggle-btn .btn-panel .category {
    position: relative;
  
    white-space: nowrap;
}

.toggle-btn .indicator {
    font-size: 30px;
    opacity: 0;
    animation: indicatorAnim 1s ease infinite;
}
.toggle-btn.active .indicator {
    opacity: 1;
}
.toggle-btn:first-child .btn-panel:after {
    right: -29px;
}

.w-ba:before, .w-ba:after {
    content: "";
    pointer-events: none;
    z-index: -1;
    position: absolute;
}
.w-ba {
    position: relative;
    z-index: 1;
}
.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.mr-auto{
     margin-right: auto!important;
}

.board-section:before {
    background-image: url(/images/board-bg.png);
    background-position: top center;
    background-size: cover;
    mix-blend-mode: screen;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    pointer-events: none;
    z-index: -1;
    position: absolute;
}