@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;font-family:Roboto, Noto Sans KR, NotoKr, sans-serif;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_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%;
    min-width: 1400px;
    height: 99px;
    background:rgba(0,0,0,.7);
    border-bottom: 1px solid #1a1e27;
    z-index: 100;
    position: absolute;
    top: 58px;
}


.logo{
    position: relative;
}
.new-logo {
    width: 200px;
    position: absolute;
    left: 30px;
    top: 15px;
   
}
.gnb { float: right;}
.gnb ul {display:inline-block;}
.gnb ul li{float:left; width: 130px;}
.gnb ul li a{
    float: left;
    width: 130px;
    height: 99px;
    background: url(/images/menu1.png?!) top 15px center no-repeat;
    font-family: 'NotoSansKr-Black';
    border-left: 1px solid #1a1e27;
    text-align: center;
    padding: 65px 0px 0px 0px;
    font-size: 15px;
    color: #fff;
}
.gnb ul li a.m2{
     background: url(/images/menu2.png?!) top 15px center no-repeat;
}
.gnb ul li a.m3{
     background: url(/images/menu3.png?!) top 15px center no-repeat;
}
.gnb ul li a.m4{
     background: url(/images/menu4.png?!) top 15px center no-repeat;
}
.gnb ul li a.m5{
     background: url(/images/menu5.png?!) top 15px center no-repeat;
}
.gnb ul li a.m6{
     background: url(/images/menu6.png?!) top 15px center no-repeat;
}
.gnb ul li a.m7{
     background: url(/images/menu7.png?!) top 15px center no-repeat;
}
.gnb ul li a.m8{
     background: url(/images/menu8.png?!) top 15px center no-repeat;
}
.gnb ul li a.m9{
     background: url(/images/menu9.png?!) top 15px center no-repeat;
}
.gnb ul li a:hover{color:#c1ad8b;}
.gnb ul li i{margin-right: 5px;}
.login-box {
    float: right;
   
}

.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;
}
.input_login{background:rgba(0, 0, 0, .5);box-shadow: inset 0 1px 2px #000, 0 1px 0 rgb(255 255 255 / 8%); 
    border:1px solid #282828;margin-top: -27px; padding:4px 0 4px 35px; width:160px; height:37px; color:#ffffff; font-size:14px; font-weight:500;}
.input_login::-webkit-input-placeholder{color:#666;}
.btn-submit {
   float: right;
    width: 142px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: #000000;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #ffefa6 0%,#d4a65b 50%,#5b4128 100%) 1;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px
}
.btn-join{
   float: right;
    width: 142px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #000;
    background-image: linear-gradient(to bottom, #ffefa6 0%,#d4a65b 50%,#5b4128 100%);
    border: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
}
.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;
}

/*-------------------------------------------------------------------------------------*
 *  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);}

.con_wrap{float:left; width:100%; margin:40px 0 0 0;}
.con_box{width:30%;
    height: 350px;
    float: left;
    margin: 0 40px 0 0;
    background: #262626;
    border-radius: 5px;
   }
.con_box:nth-child(4){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: #c1ad8b;
    
}
.con_title i{margin-right: 5px;color: #ff7800;}
.con{width:100%; height:300px; padding:10px 10px 0 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:#e8d2a1; 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: 500px;
}
.casinoZone{
    
    width: 100%;
   /* overflow: hidden;*/
}
.item p.gTit{
    color: #fff;
    position: absolute;
    bottom: -48px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    height: 35px;
    font-weight: bold;
}
.gameTitle{
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    font-size: 12px;
}

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

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

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

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

.toggle-btn.active {
    color: #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;
}