@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;background:#03070c; font-family: Helvetica, sans-serif
}
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;}
.fl{float:left !important;}
.fr{float:right !important}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
 .main_hero{
    position: relative;overflow: hidden;
 }
   .main_hero .video_wrap {position: absolute; z-index: -1; width: 100%;}
    .main_hero video {width: 100%; opacity: 0.75;}
    .main_hero .wheel {
        width: 800px;
        height: 800px;
        position: relative;
        top: 135px;
        left: 50%;
        margin-left: -400px;
        z-index: 0;
    }
      .main_hero .game_tabs {width: 1400px; margin: 0 auto; text-align: center; top: -130px; position: relative;}
    .main_hero .game_tabs li {display: inline-block; vertical-align: bottom; width: 132px; height: 132px; background: url(/images/el_tabs.png?111) no-repeat; transition: all .3s ease; cursor: pointer; margin: 0 15px;}
    .main_hero .game_tabs li.new {background-position: 0 0; transform: skewX(10deg);}
    .main_hero .game_tabs li.rec {background-position: -132px 0; transform: skewX(10deg);}
    .main_hero .game_tabs li.pop {background-position: -264px 0; transform: skewX(10deg);}
    .main_hero .game_tabs li.live {background-position: -396px 0; transform: skewX(-10deg);}
    .main_hero .game_tabs li.slot {background-position: -528px 0; transform: skewX(-10deg);}
    .main_hero .game_tabs li.fav {background-position: -660px 0; transform: skewX(-10deg);}
    .main_hero .game_tabs li.tabs_center {width: 400px; height: 98px; background: url(/images/tabs_center.png?11) no-repeat; margin: 0 10px; color: #dbc24f; animation: ani_tabs_center 1s steps(3) infinite;}
    
    .main_hero .game_tabs li.tabs_center marquee {width: 368px; height: 67px; margin: 15px 16px; line-height: 67px; font-family: digital;}
    .main_hero .game_tabs li.tabs_center marquee span {margin-left: 50px;}
    .main_hero .game_tabs li.tabs_center marquee .en {font-family: digital; font-size: 40px;}
    .main_hero .game_tabs li.tabs_center marquee .ko {font-family: 'Nanum Gothic', sans-serif; font-size: 27px;}

    .game_tabs li .hover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/el_tabs_hover.png?11) no-repeat; opacity: 0;}
    .game_tabs li.new .hover {background-position: 0 0;}
    .game_tabs li.rec .hover {background-position: -132px 0;}
    .game_tabs li.pop .hover {background-position: -264px 0;}
    .game_tabs li.live .hover {background-position: -396px 0;}
    .game_tabs li.slot .hover {background-position: -528px 0;}
    .game_tabs li.fav .hover {background-position: -660px 0;}

    .game_tabs li .border {width: 132px; height: 132px; position: absolute; padding: 1px; border-radius: 5px; animation: border-dance 4s infinite linear; animation-play-state:paused;}

    .game_tabs li:hover .hover {opacity: 1; transition: all .3s ease;}
    .game_tabs li:hover .border { animation-play-state:running;}
    .game_tabs li.active .hover {opacity: 1; transition: all .3s ease;}
    .game_tabs li.active .border { animation-play-state:running;}

    .game_tabs li.new .border {background: linear-gradient(90deg, #56ca4e 50%, transparent 50%), linear-gradient(90deg, #56ca4e 50%, transparent 50%), linear-gradient(0deg, #56ca4e 50%, transparent 50%), linear-gradient(0deg, #56ca4e 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
    background-position: 0px 0px, 132px 132px, 0px 132px, 132px 0px;}
    .game_tabs li.rec .border {background: linear-gradient(90deg, #5ea4f0 50%, transparent 50%), linear-gradient(90deg, #5ea4f0 50%, transparent 50%), linear-gradient(0deg, #5ea4f0 50%, transparent 50%), linear-gradient(0deg, #5ea4f0 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
    background-position: 0px 0px, 132px 132px, 0px 132px, 132px 0px;}
    .game_tabs li.pop .border {background: linear-gradient(90deg, #ff5176 50%, transparent 50%), linear-gradient(90deg, #ff5176 50%, transparent 50%), linear-gradient(0deg, #ff5176 50%, transparent 50%), linear-gradient(0deg, #ff5176 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
    background-position: 0px 0px, 132px 132px, 0px 132px, 132px 0px;}
    .game_tabs li.live .border {background: linear-gradient(90deg, #ff5176 50%, transparent 50%), linear-gradient(90deg, #ff5176 50%, transparent 50%), linear-gradient(0deg, #ff5176 50%, transparent 50%), linear-gradient(0deg, #ff5176 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
    background-position: 0px 0px, 132px 132px, 0px 132px, 132px 0px;}
    .game_tabs li.slot .border {background: linear-gradient(90deg, #f90ef4 50%, transparent 50%), linear-gradient(90deg, #f90ef4 50%, transparent 50%), linear-gradient(0deg, #f90ef4 50%, transparent 50%), linear-gradient(0deg, #f90ef4 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
    background-position: 0px 0px, 132px 132px, 0px 132px, 132px 0px;}
    .game_tabs li.fav .border {background: linear-gradient(90deg, #ff8b03 50%, transparent 50%), linear-gradient(90deg, #ff8b03 50%, transparent 50%), linear-gradient(0deg, #ff8b03 50%, transparent 50%), linear-gradient(0deg, #ff8b03 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
    background-position: 0px 0px, 132px 132px, 0px 132px, 132px 0px;}
    .main_hero .wheel:after {background-image: url(/images/wheel_pre.png); width: 100%; height: 100%; position: absolute; content: ""; z-index: -1;background-size: cover;}
    .main_hero .wheel:before {background-image: url(/images/wheel.png);width: 100%;height: 100%;position: absolute;content: "";z-index: 1;animation: ani_wheel 8s steps(90) infinite;background-size: cover;}
    @keyframes ani_tabs_center{
        from{background-position-y:0px;}
        to{background-position-y:-294px;}
    }

    @keyframes border-dance {
        0% {
            background-position: 0px 0px, 132px 132px, 0px 132px, 132px 0px;
        }
        100% {
            background-position: 132px 0px, 0px 132px, 0px 0px, 132px 132px;
        }
    }

   /* @keyframes ani_logo{
        from{background-position-y:0px;}
        to{background-position-y:-600px;}
    }*/
    @keyframes logo {
    90% {
        opacity: 0;
        bottom: -82px;
        transform: scale(0)
    }

    10%,30%,50%,70% {
        opacity: 1;
        bottom: 0;
        transform: scale(.94)
    }

    0%,20%,40%,60%,80%,to {
        opacity: 1;
        bottom: 0;
        transform: scale(1)
    }
}

    @keyframes ani_wheel{
        from{background-position-y:0px;}
        to{background-position-y:-72000px;}
    }
 .main_top{
        width: 100%;
      
        height: 83px;
        background:rgba(0,0,0,.8);
       
        z-index: 1000;
        position: absolute;
        top: 0px;
 }
 .top_table {
    width: 1280px;
    height: 83px;
    margin: 0 auto;
    padding: 0px 0px;

}
 .header-section {
    width: 100%;
    min-width: 1400px;
    height: 55px;
    background:rgba(22,22,22,0.75);
    
 
    position: absolute;
    top: 83px;
}


.logo{
    position: relative;
}
.new-logo {
    width: 300px;
    height: 150px;
    position: absolute;
    left: 0;
    margin-top: -90px;
    z-index: 5000;
    transition: all 0.3s ease;cursor: pointer
   

   
}

/*.new-logo:before{
    background: url(/images/logo-pre.png) no-repeat;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
}*/
.new-logo img{
 
    
    transform: scale(1.2);animation: logo 3s;
   
}
.gnb { float: right;z-index: 600}
.gnb ul {display:inline-block;}
.gnb ul li{float:left; width: 130px;}
.gnb ul li a{
    float: left;
    width: 130px;
    height: 55px;
    font-family: 'NotoSansKr-Black';
    text-align: center;
    padding: 0px 0px 0px 0px;
    font-size: 18px;
    line-height: 13px;
    color: #fff;
    display: flex;
    align-items: center;justify-content: center;
}

.gnb ul li a:hover{color:#dbc24f;}
.gnb ul li i{margin-right: 5px;}
.login-box {
    float: right;
   
}

.login ul{display:inline-block;}
.login ul li{display:inline-block;  font-size:16px; color:#ffffff;position: relative;}
.login li:hover .lay_pop{display:block}
.login ul.unlogin li i{
    display: inline-block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: -7px;
    left: 10px;
    z-index: 2;
    color: #7e7e7e;
    font-size: 14px;
}
.input_login{background:#373737; 
    border:none;margin-top: 18px; padding:0px 10px; width:180px; height:50px; color:#ffffff; font-size:14px; font-weight:500;border-radius: 5px !important}
.input_login::-webkit-input-placeholder{color:#666;}
.btn-set{
    width: 140px; height: 80px; cursor: pointer; vertical-align: top; text-indent: -9999px; margin: 0px -15px 0 5px;background: url(/images/el_main.png?5) no-repeat;display: inline-block;
}
.btn-submit {
  background-position:0 0;
}
.btn-join{
  background-position: -140px 0;
}
.btn-user{
  background-position: -280px 0;
}
.btn-logout{
  background-position: -420px 0;
}
.btn-part{
  background-position: -420px -72px;
}
.page-w,.item1,.item2,.item3{
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     min-width: 1400px;
     height: 1800px;
     overflow: visible;
     z-index: 0;
}
.carousel{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 454px;
    color: #fff;

    text-align: center;
}
.item h5{
    font-size: 70px;
    font-weight: bold;
}
.item p{
    font-size: 40px;
    font-weight: bold;
}

.item1 {
    background: url(/images/bgBlack.png) #000000 no-repeat top center fixed;
    background-size: cover;
    padding: 250px 0px;
    line-height: 50px;
}
.item2 {
    background: url(/images/bgBlack2.png) #000000 no-repeat top center fixed;
    background-size: cover;
    padding: 250px 0px;
    line-height: 50px;
}
.item3 {
    background: url(/images/bgBlack3.png?1) #000000 no-repeat top center fixed;
    background-size: cover;
    padding: 250px 0px;
    line-height: 50px;
}
.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;
}
.game-outer {
            position: absolute;
            width: 205px;
            height: 205px;
            top: 0;
            left: 0;
        }

        .game,
        .game-inner {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            
            -webkit-flex-direction: column;
            flex-direction: column;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
        }


        .game-inner {
            text-align: center;
            z-index: 150;
            overflow: hidden;
            background: rgba(0, 0, 0, 0.8);
            opacity: 0;
            transition: opacity .3s;
            -webkit-justify-content: space-around;
            justify-content: space-around;
            -webkit-align-items: center;
            align-items: center;
            padding: 5% 0 4%
        }

        .game-inner .frow {
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
            -ms-flex-grow: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
            width: 100%;
            height: 70%;
            
            -webkit-flex-direction: row;
            flex-direction: row;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
        }




        .game .play {
            width: 70%;
            position: relative;
            margin: 0 auto;
        }

        .game .play:before {
            content: '';
            display: block;
            padding-top: 100%
        }

        .game .play * {
            -moz-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            will-change: transform
        }

        .game .play .play-symbol {
            position: absolute;
            left: 38.8888888889%;
            top: 38.8888888889%;
            right: 38.8888888889%;
            bottom: 38.8888888889%
        }

        .game .play .play-circle {
            position: absolute;
            left: 13.3333333333%;
            top: 13.3333333333%;
            right: 13.3333333333%;
            bottom: 13.3333333333%
        }

        .game .play .play-dashes {
            position: absolute;
            left: 3.3333333333%;
            top: 3.3333333333%;
            right: 3.3333333333%;
            bottom: 3.3333333333%
        }

        .game .play .play-dial {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0
        }

        .game .play .play-pentagon {
            position: absolute;
            left: 3.3333333333%;
            top: 3.3333333333%;
            right: 3.3333333333%;
            bottom: 3.3333333333%
        }

        .game:hover .game-inner{
            opacity: 1
        }


        .game:hover .game-inner .play-symbol {
            background-image: url(/images/play-symbol.svg);
            background-position-x: 100%;
            -webkit-animation: play-symbol 1.2s linear 1;
            -moz-animation: play-symbol 1.2s linear 1;
            -o-animation: play-symbol 1.2s linear 1;
            animation: play-symbol 1.2s linear 1;
            opacity: 1
        }

        .game:hover .game-inner .play-circle {
            background-image: url(/images/play-circle.svg);
            -webkit-animation: play-circle 1.2s linear 1;
            -moz-animation: play-circle 1.2s linear 1;
            -o-animation: play-circle 1.2s linear 1;
            animation: play-circle 1.2s linear 1
        }

        .game:hover .game-inner .play-dashes {
            background-image: url(/images/play-dashes.svg);
            -o-transform: scale(1) rotate(-245deg);
            -moz-transform: scale(1) rotate(-245deg);
            -webkit-transform: scale(1) rotate(-245deg);
            transform: scale(1) rotate(-245deg);
            -webkit-animation: play-dashes 1.2s linear 1;
            -moz-animation: play-dashes 1.2s linear 1;
            -o-animation: play-dashes 1.2s linear 1;
            animation: play-dashes 1.2s linear 1
        }

        .game:hover .game-inner .play-dial {
            background-image: url(/images/play-dial.svg);
            -webkit-animation: play-dial 1.2s linear 1;
            -moz-animation: play-dial 1.2s linear 1;
            -o-animation: play-dial 1.2s linear 1;
            animation: play-dial 1.2s linear 1
        }

        .game:hover .game-inner .play-pentagon {
            background-image: url(/images/play-pentagon.svg);
            -webkit-animation: play-pentagon 0.3s linear 1;
            -moz-animation: play-pentagon 0.3s linear 1;
            -o-animation: play-pentagon 0.3s linear 1;
            animation: play-pentagon 0.3s linear 1;
            opacity: 0
        }
        
    .bx-wrapper {margin-left: 15px;}



    @keyframes ani_tabs_center{
        from{background-position-y:0px;}
        to{background-position-y:-294px;}
    }

    @keyframes border-dance {
        0% {
            background-position: 0px 0px, 132px 132px, 0px 132px, 132px 0px;
        }
        100% {
            background-position: 132px 0px, 0px 132px, 0px 0px, 132px 132px;
        }
    }
    /* game btn */
    @-webkit-keyframes play-symbol {

        0%,
        16% {
            opacity: 0
        }

        32%,
        100% {
            opacity: 1
        }
    }

    @-moz-keyframes play-symbol {

        0%,
        16% {
            opacity: 0
        }

        32%,
        100% {
            opacity: 1
        }
    }

    @-o-keyframes play-symbol {

        0%,
        16% {
            opacity: 0
        }

        32%,
        100% {
            opacity: 1
        }
    }

    @keyframes play-symbol {

        0%,
        16% {
            opacity: 0
        }

        32%,
        100% {
            opacity: 1
        }
    }

    @-webkit-keyframes play-circle {
        0% {
            opacity: 1;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        16% {
            opacity: .8;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(360deg);
            -moz-transform: scale(1) rotate(360deg);
            -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg)
        }
    }

    @-moz-keyframes play-circle {
        0% {
            opacity: 1;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        16% {
            opacity: .8;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(360deg);
            -moz-transform: scale(1) rotate(360deg);
            -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg)
        }
    }

    @-o-keyframes play-circle {
        0% {
            opacity: 1;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        16% {
            opacity: .8;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(360deg);
            -moz-transform: scale(1) rotate(360deg);
            -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg)
        }
    }

    @keyframes play-circle {
        0% {
            opacity: 1;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        16% {
            opacity: .8;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(360deg);
            -moz-transform: scale(1) rotate(360deg);
            -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg)
        }
    }

    @-webkit-keyframes play-dashes {
        0% {
            opacity: 0;
            -o-transform: scale(0.9) rotate(0deg);
            -moz-transform: scale(0.9) rotate(0deg);
            -webkit-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg)
        }

        16%,
        33% {
            opacity: .5;
            -o-transform: scale(1) rotate(-98deg);
            -moz-transform: scale(1) rotate(-98deg);
            -webkit-transform: scale(1) rotate(-98deg);
            transform: scale(1) rotate(-98deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(-245deg);
            -moz-transform: scale(1) rotate(-245deg);
            -webkit-transform: scale(1) rotate(-245deg);
            transform: scale(1) rotate(-245deg)
        }
    }

    @-moz-keyframes play-dashes {
        0% {
            opacity: 0;
            -o-transform: scale(0.9) rotate(0deg);
            -moz-transform: scale(0.9) rotate(0deg);
            -webkit-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg)
        }

        16%,
        33% {
            opacity: .5;
            -o-transform: scale(1) rotate(-98deg);
            -moz-transform: scale(1) rotate(-98deg);
            -webkit-transform: scale(1) rotate(-98deg);
            transform: scale(1) rotate(-98deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(-245deg);
            -moz-transform: scale(1) rotate(-245deg);
            -webkit-transform: scale(1) rotate(-245deg);
            transform: scale(1) rotate(-245deg)
        }
    }

    @-o-keyframes play-dashes {
        0% {
            opacity: 0;
            -o-transform: scale(0.9) rotate(0deg);
            -moz-transform: scale(0.9) rotate(0deg);
            -webkit-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg)
        }

        16%,
        33% {
            opacity: .5;
            -o-transform: scale(1) rotate(-98deg);
            -moz-transform: scale(1) rotate(-98deg);
            -webkit-transform: scale(1) rotate(-98deg);
            transform: scale(1) rotate(-98deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(-245deg);
            -moz-transform: scale(1) rotate(-245deg);
            -webkit-transform: scale(1) rotate(-245deg);
            transform: scale(1) rotate(-245deg)
        }
    }

    @keyframes play-dashes {
        0% {
            opacity: 0;
            -o-transform: scale(0.9) rotate(0deg);
            -moz-transform: scale(0.9) rotate(0deg);
            -webkit-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg)
        }

        16%,
        33% {
            opacity: .5;
            -o-transform: scale(1) rotate(-98deg);
            -moz-transform: scale(1) rotate(-98deg);
            -webkit-transform: scale(1) rotate(-98deg);
            transform: scale(1) rotate(-98deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(-245deg);
            -moz-transform: scale(1) rotate(-245deg);
            -webkit-transform: scale(1) rotate(-245deg);
            transform: scale(1) rotate(-245deg)
        }
    }

    @-webkit-keyframes play-dial {
        0% {
            opacity: 0;
            -o-transform: rotate(55deg);
            -moz-transform: rotate(55deg);
            -webkit-transform: rotate(55deg);
            transform: rotate(55deg)
        }

        33%,
        100% {
            opacity: 1;
            -o-transform: rotate(0);
            -moz-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }

    @-moz-keyframes play-dial {
        0% {
            opacity: 0;
            -o-transform: rotate(55deg);
            -moz-transform: rotate(55deg);
            -webkit-transform: rotate(55deg);
            transform: rotate(55deg)
        }

        33%,
        100% {
            opacity: 1;
            -o-transform: rotate(0);
            -moz-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }

    @-o-keyframes play-dial {
        0% {
            opacity: 0;
            -o-transform: rotate(55deg);
            -moz-transform: rotate(55deg);
            -webkit-transform: rotate(55deg);
            transform: rotate(55deg)
        }

        33%,
        100% {
            opacity: 1;
            -o-transform: rotate(0);
            -moz-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }

    @keyframes play-dial {
        0% {
            opacity: 0;
            -o-transform: rotate(55deg);
            -moz-transform: rotate(55deg);
            -webkit-transform: rotate(55deg);
            transform: rotate(55deg)
        }

        33%,
        100% {
            opacity: 1;
            -o-transform: rotate(0);
            -moz-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }

    @-webkit-keyframes play-pentagon {
        0% {
            -o-transform: scale(3) rotate(0deg);
            -moz-transform: scale(3) rotate(0deg);
            -webkit-transform: scale(3) rotate(0deg);
            transform: scale(3) rotate(0deg);
            opacity: .7
        }

        100% {
            -o-transform: scale(0) rotate(-5deg);
            -moz-transform: scale(0) rotate(-5deg);
            -webkit-transform: scale(0) rotate(-5deg);
            transform: scale(0) rotate(-5deg);
            opacity: 0
        }
    }

    @-moz-keyframes play-pentagon {
        0% {
            -o-transform: scale(3) rotate(0deg);
            -moz-transform: scale(3) rotate(0deg);
            -webkit-transform: scale(3) rotate(0deg);
            transform: scale(3) rotate(0deg);
            opacity: .7
        }

        100% {
            -o-transform: scale(0) rotate(-5deg);
            -moz-transform: scale(0) rotate(-5deg);
            -webkit-transform: scale(0) rotate(-5deg);
            transform: scale(0) rotate(-5deg);
            opacity: 0
        }
    }

    @-o-keyframes play-pentagon {
        0% {
            -o-transform: scale(3) rotate(0deg);
            -moz-transform: scale(3) rotate(0deg);
            -webkit-transform: scale(3) rotate(0deg);
            transform: scale(3) rotate(0deg);
            opacity: .7
        }

        100% {
            -o-transform: scale(0) rotate(-5deg);
            -moz-transform: scale(0) rotate(-5deg);
            -webkit-transform: scale(0) rotate(-5deg);
            transform: scale(0) rotate(-5deg);
            opacity: 0
        }
    }

    @keyframes play-pentagon {
        0% {
            -o-transform: scale(3) rotate(0deg);
            -moz-transform: scale(3) rotate(0deg);
            -webkit-transform: scale(3) rotate(0deg);
            transform: scale(3) rotate(0deg);
            opacity: .7
        }

        100% {
            -o-transform: scale(0) rotate(-5deg);
            -moz-transform: scale(0) rotate(-5deg);
            -webkit-transform: scale(0) rotate(-5deg);
            transform: scale(0) rotate(-5deg);
            opacity: 0
        }
    }



/*-------------------------------------------------------------------------------------*
 *  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: 1280px;text-align:center; padding:0 0 0px 0; font-family:'GmarketSans'; font-weight:300; color:#ababab; font-size:16px; letter-spacing:0;background: #222222;}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
 #game_list_live,#game_list_live1{
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 1000000px;
 }
 #game_list_live,.slideprev1 a,.slidenext1 a,#game_list_live1{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }
.main_wrap{float:left; width:100%; padding:0 0 20px 0;}
.main_box{width:1280px; 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;}
.game_list{
    margin: 0 auto;
    width: 1280px;
    margin-top: -70px;
}
.game_title{
    height: 50px;
}
 .wrap_text {
    height: 50px;
    color: #fff;
    text-align: left;
    padding-left: 45px;
    position: relative;
    float: left;
    left: 10px;
}
.wrap_text:before {
    position: absolute;
    width: 40px;
    height: 40px;
    background-size: cover !important;
    content: "";
    left: 0;
    top: 5px;
}
.live .game_title .wrap_text:before {background: url(/images/sort_icon_live.png) no-repeat; height: 33px;}
.slot .game_title .wrap_text:before {background: url(/images/sort_icon_slot.png) no-repeat; }
.game_list .game_title .wrap_text dt {
    font-size: 18px;
    font-weight: bold;
    padding-top: 12px;
}
.game_list .game_title .wrap_text dd {
    font-size: 9px;
    padding-top: 3px;
}
 .game_list .game_title .wrap_controls {float: right; position: relative; right: 0px; top: 7px;}
   .game_list .game_title .wrap_controls div {display: inline-block; vertical-align: top; background: #373737; border-radius: 5px; font-size: 13px; cursor: pointer; color: #fff;}
   .game_list .game_title .wrap_controls div.all {padding: 10px 15px; }
   .game_list .game_title .wrap_controls div a { color: #fff; font-weight: bold; padding: 10px 15px; display: block; text-decoration: none}
   .game_list .game_title .wrap_controls div a.disabled { color: #999;}
.game_list ul li {display: inline-block; vertical-align: top; background: #1c1d27; width: 205px !important; border-radius: 10px; margin: 0 10px 10px 0}
.game_list ul li:nth-child(6n){
    
}

    .game_list ul li .game_img {width: 100%; height:205px; border-radius: 10px; overflow:hidden; background-image:url('/img/gamelist_img_bg.jpg'); background-repeat:no-repeat;}
    .game_list ul li img {width: 100%; min-height:205px; border-radius: 10px; }
    .game_list ul li .text {padding: 10px 0; text-align: center;}
    .game_list ul li .text b {display: block; font-size: 11px; color: #7a7b91; padding-bottom: 3px;}
    .game_list ul li .text span {font-size: 13px;color: #fff;}
    .game_list ul li .text span.provider {position: absolute; text-shadow: 1px 1px 1px #000; left: 5px; top: 5px; font-size: 11px;}

    .game_list ul li .favBtn {position: absolute; width: 40px; height: 40px; background: url('/img/icon/sort_icon_fav_off.png') no-repeat; background-size: cover; top: 3px; right: 3px; z-index: 500;}
    .game_list ul li[fav="0"] .favBtn {background: url('/img/icon/sort_icon_fav_off.png') no-repeat; background-size: cover;}
    .game_list ul li[fav="1"] .favBtn,
    .game_list ul li .favBtn:hover {background: url('/img/icon/sort_icon_fav.png') no-repeat; cursor: pointer; background-size: cover;}
     .game_list ul li .text span {
    font-size: 13px;
    color: #fff;
}
.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);}

.con_wrap{float:left; width:100%; margin:20px 0 0 0;background: #1c1d27;border-radius: 10px;}
.con_box{width:32%;
    height: 350px;
    float: left;
    margin-right: 2%;
  
   
  
   
   }
.con_box:nth-child(3){margin:0;}
.con_title{width: 100%;
    
    background:transparent;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    padding: 0px 0 0 20px;
    font-size: 18px;
    color: #fff;
  
    
}
.con_title i{margin-right: 5px;color: #ff7800;}
.con{width:100%; height:300px; padding:10px 10px 0 10px;background: #1c1d27;border-radius: 10px}
.con td{font-size:14px; color:rgb(211,211,211); line-height:40px;padding: 0px 5px;}
.con tr:nth-child(odd){background: #000}
.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:#dbc24f; 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: 40px 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: -120px;
}
.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: 160px;
    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: #c1ad8b;
    text-shadow: 0 1px 1px #000, 0 0 15px rgb(255 255 255 / 40%);
}
.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, #ffefa6 0%,#d4a65b 50%,#5b4128 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;
}
.toggle-btn .btn-panel:before {
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 5px;
    background-color: #281b10;
}

.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: 132px;
    height: 120px;
}

.toggle-btn .btn-panel .category {
    position: relative;
    top: -3px;
    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;
}