@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:url(/images/content_bg.e5680d33.jpg?1)  no-repeat top,url(/images/footer_bg.2213d5b1.jpg?1) no-repeat bottom #0f1012; font-family: SCDream, 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}
.font-bold{
    font-size: 14px;
    font-weight: bold;
}
.top_inner {
    background: #1e2024;
    border-bottom: 2px solid #1a1c20
}

.top_inner .top_row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 70px
}

.top_inner .top_row .member_row {
    position: relative
}

.top_inner .top_row .member_row .mb_btn {
    display: flex;
    align-items: center
}

.top_inner .top_row .member_row .mb_btn a {
    margin: 0 0 0 10px;
    font-family: 'SCDream';

}
.nav_inner {
    background: #24262b;
    border-bottom: 1px solid #1a1c20
}

.custom-btn {
    display: inline-block;
    min-width: 60px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0,0,0,.5)
}

.btc_join {
    background: #368109;
    color: #fff
}

.btc_login,.btc_logout {
    background: transparent;
    border: 1px solid #3d9209;
    color: #5ed316
}

.btc_mypage {
    background: #368109;
    color: #fff
}

.bts_top {
    height: 40px;
    line-height: 38px;
    padding: 0 26px;
    font-size: 15px;
    border-radius: 30px
}
.custom-row {
    position: relative;
    width: 100%;
    max-width: 1260px;
    min-width: 280px;
    margin: 0 auto
}
.nav_row{
     display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px
}
.telegram{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 15px;
    justify-content: center;
    margin-top: 10px;
}
.main-container{
    margin: 0 auto;
    position: relative;
    width: 1260px;
}
.ios{
    background: #000;
    border:1px solid #8bc534;
    margin-left: 4px;
    border-radius: 3px;
}
.ios:hover{
    background: #8bc534;color:#fff;
}
.CS_menu {
    display: flex;
    padding: 20px 0;
    border: 1px solid #1a1a1a;
    background: #111;
    box-shadow: 0 3px 6px rgba(0,0,0,.7)
}

.CS_menu .CS_m_row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 0 10px;
    border-left: 1px dashed #282828
}

.CS_menu .CS_m_row:first-child {
    border-left: none
}

.CS_menu .CS_m_row .cs_m_icon {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    border-radius: 100%
}

.CS_menu .CS_m_row .cs_m_icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 32px;
    transform: translate(-50%,-50%)
}

.CS_menu .CS_m_row .cs_m_box h3 {
    color: #ddd;
    font-size: 22px;
    font-weight: 500;
    text-shadow: 0 2px 2px rgba(0,0,0,.6);
    cursor: pointer
}

.CS_menu .CS_m_row .cs_m_box h3 span {
    margin: 0 5px
}

.CS_menu .CS_m_row .cs_m_box h4 {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    text-shadow: 0 2px 2px rgba(0,0,0,.6);
    margin-bottom: 6px
}

.CS_menu .CS_m_row.theme_trg .cs_m_icon {
    background: #8bc534
}

.CS_menu .CS_m_row.theme_trg .cs_m_box h3 span {
    color: #8bc534
}

.CS_menu .CS_m_row.theme_faq .cs_m_icon {
    background: #8bc534
}

.CS_menu .CS_m_row.theme_faq .cs_m_box h3 {
    color: #8bc534
}

.CS_menu .CS_m_row.theme_game .cs_m_icon {
    background: #8bc534
}

.CS_menu .CS_m_row.theme_game .cs_m_box h3 span {
    color: #8bc534
}

.CS_menu .CS_m_row.theme_payment .cs_m_icon {
    background: #8bc534
}

.CS_menu .CS_m_row.theme_payment .cs_m_box h3 span {
    color: #8bc534
}

@media (max-width: 1259px) {
    .CS_menu {
        flex-direction:column;
        padding: 13px 0 13px 0
    }

    .CS_menu .CS_m_row {
        justify-content: flex-start;
        padding: 10px 0 0 0;
        margin: 10px 10px 0 10px;
        border-top: 1px solid #1a1a1a;
        border-left: none
    }

    .CS_menu .CS_m_row:first-child {
        padding: 0;
        margin: 0 10px 0 10px;
        border-top: none
    }

    .CS_menu .CS_m_row .cs_m_icon {
        width: 42px;
        height: 42px;
        border-radius: 6px
    }

    .CS_menu .CS_m_row .cs_m_icon img {
        width: 24px
    }

    .CS_menu .CS_m_row .cs_m_box h3 {
        font-size: 20px;
        font-weight: 400
    }

    .CS_menu .CS_m_row .cs_m_box h4 {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 3px
    }
}
/*-------------------------------------------------------------------------------------*
 *  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;
    
   
}
.gnb { float: right;}
.gnb ul {   
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none}
.gnb ul li{  
    position: relative;
    float: left;
    margin: 0 8px}
.gnb ul li:before{
     content: "";
    position: absolute;
    bottom: -20px;
    display: block;
    width: 100%;
    height: 1px;
    transition: .3s;
    transform: scaleX(0)
}
.gnb ul li a{
      display: block;
    line-height: 50px;
    padding: 0 20px;
    color: #a7adb3;
    font-size: 18px;
    font-weight: 500;
    
    font-family: 'SCDream';
    text-decoration: none;

}
.gnb ul li:hover a{
      background: #31353a;
    border-radius: 5px;
    color: #fff
}
.gnb ul li:hover:before {
    content: "";
    transform: scaleX(1);
    background: #ee2d24;
    background: linear-gradient(90deg,transparent 0,#ee2d24 50%,transparent)
}
.login-box {
    float: right;
   
}
.login-box li{
    font-family: 'SCDream'
}
.scroll_inner {
    background: #1f2125;
    border-bottom: 1px solid #1f2125
}

.scroll_inner .scroll_row {
    display: flex;
    align-items: center;
    height: 70px
}

.scroll_inner .scroll_row .scrolling_box {
    position: relative;
    overflow: hidden;
    height: 50px;
    padding: 0 0 0 50px;
    background: #16181b;
    width: 100%
}

.scroll_inner .scroll_row .scrolling_box .scr_svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #16181b;
    z-index: 1
}

.scroll_inner .scroll_row .scrolling_box .svg_scroll {
    width: 25px;
    height: 22px;
    margin: 13px
}

.scroll_inner .scroll_row .scrolling_box .scr_box {
    display: inline-block;
    line-height: 50px;
     font-family: 'SCDream';
    padding-left: 100%;
    white-space: nowrap;
    -webkit-animation: scrolling linear infinite;
    animation: scrolling linear infinite
}

.scroll_inner .scroll_row .scrolling_box .scr_box span {
    display: inline-block;
    margin: 0 40px 0 0;
    color: #fff;
    font-size: 18px
}

@-webkit-keyframes scrolling {
    0% {
        transform: translate(0)
    }

    99%,to {
        transform: translate(-100%)
    }
}

@keyframes scrolling {
    0% {
        transform: translate(0)
    }

    99%,to {
        transform: translate(-100%)
    }
}
.left-main {
    float: left;
    width: 1004px;
}
.right-main {
    float: right;
    width: 256px;
}
.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;
}
.gamebutton {
  height: 288px;
  position: relative;
  transition: .3s;
}
.gamebutton-1 {
  background: url('/images/main-button-1.jpg?1') no-repeat;
 
}

.gamebutton-2 {
  background: url('/images/main-button-2.jpg?1') no-repeat;
 
}

.gamebutton-3 {
  background: url('/images/main-button-3.jpg?5') no-repeat;
 
}
.gamebutton-1:hover {
  background: url('/images/main-button-1-hover.png?2') no-repeat;
 

}
.gamebutton-2:hover {
  background: url('/images/main-button-2-hover.png?2') no-repeat;
 

}
.gamebutton-3:hover {
  background: url('/images/main-button-3-hover.png?5') no-repeat;
 

}
 .gamebutton-play {
    position: absolute;
    bottom: 12px;
    right: 10px;
}
.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:#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;
}
.login form{
    padding:10px;
}
.login form h2{
    color: #88c533;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 10px;
}
.input_login{background:#303030;  border:1px solid #464646;padding:4px 0 4px 4px; width:100%; height:37px; color:#ffffff; font-size:14px; font-weight:500;}
.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%;
    margin-top: 160px;
    color: #fff;

    text-align: center;
}
.carousel-indicators li{
    background: #999;
    border:none;
}
.carousel-indicators .active{
    background: #8bc534;
}
.item h5{
    font-size: 36px;
    font-weight: bold;
    font-family: 'SCDream';
    background-image: linear-gradient(to right, #cdcdcd, #fff);
   -webkit-background-clip: text;
   color: transparent;
}
.item p{
    font-size: 24px;
    font-weight: bold;
}
.item button{
    background: #8bc534;
    width: 200px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    border-radius: 40px;
    color: #fff;
    margin-top: 40px;
}

.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 #377692;
    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: #d4a500;
    font-size: 32px;
    font-weight: 600;
    font-family: 'SCDream';
}
.jp_title h4 {
    color: #eee;
    font-size: 18px;
    font-weight: 400;
    font-family: 'SCDream';
}
.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';
}
:root {
    --side_hg: 400px!important
}

.side_model {
    position: relative;
    width: 100%;
    height: var(--side_hg)
}

.side_model img {
    position: absolute
}

.side_model .md_woman {
    top: 0;
    right: 80px;
    width: auto;
    height: 400px
}

.side_model .md_bg1 {
    top: 0;
    right: 70px;
    width: auto;
    height: 340px;
    -webkit-animation: bounce 3s linear infinite;
    animation: bounce 3s linear infinite
}

.side_model .md_bg2 {
    top: 20px;
    right: 5px;
    width: auto;
    height: 300px;
    -webkit-animation: bounce 4s linear infinite;
    animation: bounce 4s linear infinite
}

@-webkit-keyframes bounce {
    0%,to {
        top: 0
    }

    50% {
        top: -20px
    }
}

@keyframes bounce {
    0%,to {
        top: 0
    }

    50% {
        top: -20px
    }
}

.con_wrap{float:left; width:100%; margin:20px 0 0 0;}
.con_box{width:32%;

    float: left;
    border:1px solid #2e3239;
    background: #1f2125;
    box-shadow: 0 3px 6px rgba(0,0,0,.7);
    margin: 0 2% 0 0;
   }
.con_box:nth-child(3){margin:0;}
.con_title{width: 100%;
    
   
   
    font-weight: bold;
    padding: 15px;
    font-size: 22px;
     font-family: 'SCDream';
    color: #8bc534;
    display: flex;
    align-items: center;
    
}
.con_title img{
    width: auto;
    height: 30px;
    margin: 0 10px 0 0;
}
.con_title span{float: right;margin-right: 5px}
.con_title span a{
    color: #666;
}
.con_title span a:hover{
    color:#8bc534;
}
.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:#8bc534; 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: 0px;
}
.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: #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: 152px;
    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;
}
.slot-container{
    padding: 20px 0;
    animation: cc_anim-data-v-643031c2 2s ease 1;
    -webkit-animation: cc_anim-data-v-643031c2 2s ease 1
}
@-webkit-keyframes cc_anim-data-v-643031c2 {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes cc_anim-data-v-643031c2 {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}
.slot-container .mtit{width:100%;height:auto;overflow:hidden;padding:40px 0 20px 0;font-size:30px;color:#f55148;font-weight:500;font-family: 'SCDream'}
:root {
    --gap: 15px!important;
    --game_bor: 15px!important
}

.game_list {
    display: flex;
    flex-wrap: wrap;
    margin: calc(0px - var(--gap)) 0 0 calc(0px - var(--gap));
    text-align: center
}
.item_game {
    width: calc(16.6% - var(--gap));
    margin: var(--gap) 0 0 var(--gap)
}

.item_game a {
    position: relative;
    overflow: hidden;
    display: block;
    cursor: pointer;
    border-radius: var(--game_bor);
    box-shadow: 0 2px 4px rgba(0,0,0,.8);
    transition: .2s
}

.item_game a .thumb_game {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 104%;
    border: 2px solid transparent;
    border-radius: var(--game_bor)
}

.item_game a .thumb_game>img {
    top: 0;
    height: 100%
}

.item_game a .thumb_game .thumb_cover,.item_game a .thumb_game>img {
    position: absolute;
    left: 0;
    width: 100%;
    border-radius: var(--game_bor);
    transition: .2s
}

.item_game a .thumb_game .thumb_cover {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: transparent;
    transform: scale(0);
    z-index: 0
}

.item_game a .thumb_game .thumb_cover .icon_play {
    display: block;
    width: 30%;
    height: 30%;
    margin: 0 auto 5px auto;
    -webkit-animation: icon_play 1s linear infinite;
    animation: icon_play 1s linear infinite
}

.item_game a .thumb_game .thumb_cover>span {
    display: block;
    line-height: 38px;
    padding: 2px 25px 0 25px;
    background: #ee2d24;
    border-radius: 50px;
    font-size: 18px;
   font-family: 'SCDream';
    color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.8)
}

.item_game a .thumb_game .thumb_cover>h3 {
    overflow: hidden;
    line-height: 30px;
    margin-bottom: 10px;
    color: #ee2d24;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-family: 'SCDream';
    text-shadow: 6px 6px 16px rgba(0,0,0,.9),6px 6px 16px rgba(0,0,0,.9)
}

.item_game a:hover .thumb_game {
    border-color: #ee2d24
}

.item_game a:hover .thumb_game>img {
    transform: scale(1.2)
}

.item_game a:hover .thumb_game .thumb_cover {
    height: 100%;
    transform: scale(1);
    background: rgba(0,0,0,.7);
    z-index: 1
}

@-webkit-keyframes icon_play {
    0% {
        transform: scale(1);
        opacity: .8
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: .8
    }
}

@keyframes icon_play {
    0% {
        transform: scale(1);
        opacity: .8
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: .8
    }
}
@media (max-width: 1024px) {
    #game_wrap {
        margin-bottom:15px
    }

    .item_game {
        width: calc(25% - var(--gap))
    }

    .item_game a .thumb_game {
        border: 1px solid transparent
    }

    .item_game a .thumb_game img {
        transition: 0s
    }
}

@media (max-width: 767px) {
    .item_game {
        width:calc(33.33333% - var(--gap))
    }

    .item_game a .thumb_game .thumb_cover>h3 {
        margin-bottom: 2px
    }

    .item_game a .thumb_game .thumb_cover>span {
        line-height: 30px;
        padding: 2px 20px 0 20px;
        font-size: 16px
    }
}

@media (max-width: 460px) {
    .item_game {
        width:calc(50% - var(--gap))
    }
}

@media (max-width: 319px) {
    .item_game {
        width:calc(100% - var(--gap))
    }
}