@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: NotoSansKr-Black, 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;
}
.banner-main {
    width: 100%;
    height: auto;
    float: left;
    text-align: center
}

.banner-main .banner-center {
    width: auto;
    height: 100%;
    display: inline-block;
    position: relative
}

.banner-main .carousel-bg {
    width: 100%
}

.cbg-img-cont {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.cbg-img-cont img {
    position: absolute
}

.cbg-img-cont .b1-girl {
    left: 7.5%;
    bottom: 0;
    width: 32.42%;
    z-index: 1;
    animation: b1_girl1_anim 6s ease infinite
}

@keyframes b1_girl1_anim {
    0% {
        bottom: -13%;
        opacity: 0
    }

    5% {
        bottom: -13%;
        opacity: 0
    }

    15% {
        bottom: 0;
        opacity: 1
    }

    20% {
        bottom: -6px;
        opacity: 1
    }

    95% {
        bottom: -6px;
        opacity: 1
    }

    100% {
        bottom: -6px;
        opacity: 0
    }
}

.cbg-img-cont .b1-confeti {
    left: 5.1%;
    bottom: 9%;
    width: 58.39%;
    z-index: 0;
    animation: b1_confeti_anim 6s ease infinite
}

@keyframes b1_confeti_anim {
    0% {
        bottom: 19%;
        opacity: 0
    }

    20% {
        bottom: 19%;
        opacity: 0
    }

    40% {
        bottom: 9%;
        opacity: 1
    }

    95% {
        bottom: 9%;
        opacity: 1
    }

    100% {
        bottom: 9%;
        opacity: 0
    }
}

.cbg-img-cont .b1-girl2 {
    right: 11%;
    bottom: 0;
    width: 24.33%;
    z-index: 1;
    animation: b1_girl2_anim 6s ease infinite
}

@keyframes b1_girl2_anim {
    0% {
        bottom: -10%;
        opacity: 0
    }

    10% {
        bottom: -10%;
        opacity: 0
    }

    20% {
        bottom: 0;
        opacity: 1
    }

    25% {
        bottom: -27px;
        opacity: 1
    }

    95% {
        bottom: -27px;
        opacity: 1
    }

    100% {
        bottom: -27px;
        opacity: 0
    }
}

.cbg-img-cont .b1-casino {
    right: 2.8%;
    bottom: 0;
    width: 21.81%;
    z-index: 0;
    animation: b1_casino_anim 6s ease infinite
}

@keyframes b1_casino_anim {
    0% {
        bottom: -10%;
        opacity: 0
    }

    25% {
        bottom: -10%;
        opacity: 0
    }

    45% {
        bottom: 0;
        opacity: 1
    }

    95% {
        bottom: 0;
        opacity: 1
    }

    100% {
        bottom: 0;
        opacity: 0
    }
}

.cbg-img-cont .b2-curtain {
    left: 0%;
    bottom: 0;
    width: 17.87%;
    z-index: 1;
    animation: b2_curtain_anim 6s ease infinite
}

@keyframes b2_curtain_anim {
    0% {
        left: -100%;
        opacity: 0
    }

    5% {
        left: -100%;
        opacity: 0
    }

    20% {
        left: 0;
        opacity: 1
    }

    95% {
        left: 0;
        opacity: 1
    }

    100% {
        left: 0;
        opacity: 0
    }
}

.cbg-img-cont .b2-hipo {
    left: 5.7%;
    bottom: 0;
    width: 35.63%;
    z-index: 0;
    animation: b2_hipo_anim 6s ease infinite
}

@keyframes b2_hipo_anim {
    0% {
        left: -100%;
        opacity: 0
    }

    10% {
        left: -100%;
        opacity: 0
    }

    30% {
        left: 2.8%;
        opacity: 1
    }

    95% {
        left: 2.8%;
        opacity: 1
    }

    100% {
        left: 2.8%;
        opacity: 0
    }
}

.cbg-img-cont .b2-right {
    right: 4%;
    bottom: -18px;
    width: 36.68%;
    z-index: 0;
    animation: b2_right_anim 6s ease infinite
}

@keyframes b2_right_anim {
    0% {
        right: 0%;
        opacity: 0
    }

    25% {
        right: 0%;
        opacity: 0
    }

    45% {
        right: 4%;
        opacity: 1
    }

    95% {
        right: 4%;
        opacity: 1
    }

    100% {
        right: 4%;
        opacity: 0
    }
}

.carousel-text-cont {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center
}

.ct-center {
    width: auto;
    height: auto;
    display: inline-block;
    position: relative;
    transform: translateY(-50%);
    top: 59%
}

.carousel-ct .item {
    animation: over_upward_anim 1s ease 1
}

@keyframes over_upward_anim {
    0% {
        transform: perspective(400px) rotate3d(1,0,0,100deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(1,0,0,-5deg);
        opacity: 1
    }

    100% {
        transform: perspective(400px);
        opacity: 1
    }
}

.carousel-ct .text-cont p {
    width: auto
}

.carousel-ct .info {
    color: #fff;
    font-size: 16px;
    font-family: NotoSansKr-Black
}

.carousel-ct .title {
    color: #fff;
    font-size: 42px;
    font-family: NotoSansKr-Black;
    position: relative
}


.carousel-ct .sub {
    color: #fff;
    font-size: 30px;
    font-family: NotoSansKr-Black
}

.carousel-ct .text-cont button {
    color: #fff;
    font-size: 16px;
    font-family: NotoSansKr-Black;
    width: 150px;
    height: 46px;
    border-radius: 3px;
    background-color: rgba(75,62,62,.35);
    border: solid 2px #fff;
    margin-top: 10px;
    transition: .5s;
    position: relative
}

.carousel-ct .text-cont button:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    height: 100%;
    width: 0;
    background-color: #fff;
    transition: .5s
}

.carousel-ct .text-cont button:hover:before {
    width: 100%;
    z-index: -1
}

.carousel-ct .text-cont button:hover {
    color: #0e9597;
    background-color: transparent
}

@media(max-width: 1490px) {
    .carousel-ct .title {
        font-size:3vw
    }

    .carousel-ct .sub {
        font-size: 2vw
    }

    .carousel-ct .text-cont button {
        font-size: 14px;
        width: 110px;
        height: 35px
    }
}

@media(max-width: 1200px) {
    .ct-center {
        top:65%
    }
}

@media(max-width: 1100px) {
    .ct-center {
        top:50%
    }
}

@media(max-width: 560px) {
    .carousel-ct .info {
        font-size:12px
    }

    .carousel-ct .title {
        font-size: 18px
    }

    .carousel-ct .sub {
        font-size: 16px
    }

    .carousel-ct .text-cont button {
        font-size: 12px;
        width: 100px;
        height: 30px;
        margin-top: 5px
    }

    .banner-main .carousel-bg {
        width: 130%;
        margin-left: -15%
    }
}

@media(max-width: 414px) {
    .carousel-ct .info {
        font-size:10px
    }

    .carousel-ct .title {
        font-size: 16px
    }

    .carousel-ct .sub {
        font-size: 14px
    }

    .carousel-ct .text-cont button {
        font-size: 10px
    }
}

.category-main {
    width: 100%;
    height: 50px;
    float: left;
    text-align: center;
    background-color: #282727;
    margin-top: -5px
}

.category-main .category-center {
    width: 900px;
    height: 100%;
    display: inline-block
}

.category-main .category-center a {
    width: 50%;
    height: 100%;
    float: left;
    display: inline-block;
    text-decoration: none;
    transition: .5s;
    position: relative;
    border: solid 1px transparent;
    background-color: transparent;
    color: #ccc;
    font-size: 14px;
    font-family: NotoSansKr-Bold;
    padding: 14px 0
}

.category-main .category-center a:before {
    content: "";
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 36px;
    width: 1px;
    background-color: #3d3c3c
}

.category-main .category-center a img {
    transition: .5s;
    opacity: 0;
    margin: 0 4px
}

.category-main .category-center a:hover {
    border: solid 1px #07416a;
    background-color: #071d2e;
    text-shadow: 0 2px 2px #000
}

.category-main .category-center a.active {
    border: solid 1px #036;
    background-color: #071d2e;
    text-shadow: 0 2px 2px #000;
    background-position: 0 center;
    background-image: url(../images/category_bg.png);
    background-size: 100% 100%
}

.category-main .category-center a.active img {
    opacity: 1
}

@media(max-width: 1200px) {
    .category-main .category-center {
        width:100%
    }

    .category-main .category-center a img {
        display: none
    }
}

@media(max-width: 414px) {
    .category-main .category-center a {
        font-size:12px
    }
}

.body-main {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    background-image: url(../images/main_bg.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}

.body-main .body-center {
    width: auto;
    height: auto;
    display: inline-block
}

.cs-title {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 35px
}

.cs-title p {
    width: auto;
    color: #ccc;
    font-size: 20px;
    font-family: NotoSansKr-Bold;
    padding: 14px 44px;
    border-bottom: solid 1px #24689b;
    display: none;
    position: relative
}

.cs-title p:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: -1px;
    margin: auto;
    height: 1px;
    width: 32px;
    background-color: #0f4974
}

.cs-title p.active {
    display: inline-block
}

.cs-container {
    width: auto;
    max-width: 1400px;
    height: auto;
    display: inline-block;
    margin-top: 14px
}

.cs-casino-slot {
   
    animation: cs_anim 1s ease 1 forwards;
    margin-top: 20px;
}



@keyframes cs_anim {
    0% {
        transform: scale(0);
        opacity: 0
    }

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

.cs-container .cs-btn {
    width: 214px;
    height: auto;
    display: inline-block;
    position: relative;
    text-decoration: none;
    margin: 0 18px;
    margin-bottom: 20px
}

.cs-container .cs-btn .circle {
    width: 100%;
    height: auto;
    float: left;
    position: relative
}

.cs-container .cs-btn .circle .circle-img {
    width: 100%
}

.cs-container .cs-btn .circle .img-cont {
    position: absolute;
    top:17px;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.cs-container .cs-btn .circle .img-cont .main-img {
    width: auto;
    height: auto;
    position: relative
}

.cs-container .cs-btn .circle .img-cont .main-img img {
    position: relative;
    z-index: 1;
    transition: .5s;
    width: 171px;
    top: 0
}

.cs-container .cs-btn .circle .img-cont .main-img img.on {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 0
}
.m20{margin-top: -20px}
.cs-container .hotel {
    padding-bottom: 20px
}

.cs-container .hotel .cs-btn {
    width: 266px
}

.cs-container .hotel .cs-btn .circle .img-cont .main-img img {
    width: 216px
}

.cs-container .hotel .cs-btn .circle .img-cont .text-cont:before {
    background-image: url(/images/cs_btn_icon_bg2.png)
}

@media(max-width: 540px) {
    .cs-title {
        margin-top:10px
    }

    .cs-container {
        width: 100%;
        max-width: 100%
    }

    .cs-container .cs-btn {
        width: 160px;
        margin: 0 10px;
        margin-bottom: 20px
    }

    .cs-container .cs-btn .circle .img-cont .main-img img {
        width: 126px
    }

    .cs-container .hotel .cs-btn {
        width: 160px
    }

    .cs-container .hotel .cs-btn .circle .img-cont .main-img img {
        width: 126px
    }

    .cs-container .hotel .cs-btn .circle .img-cont .text-cont img {
        width: 50%
    }

    .cs-container .hotel .cs-btn .circle .img-cont .text-cont:before {
        background-image: url(/images/cs_btn_icon_bg.png)
    }
}

@media(max-width: 414px) {
    .cs-container .cs-btn {
        width:160px;
        margin: 0 3px;
        margin-bottom: 20px
    }

    .cs-container .cs-btn .circle .img-cont .main-img img {
        width: 125px
    }
}

.cs-container .cs-btn .circle .img-cont .text-cont {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2
}

.cs-container .cs-btn .circle .img-cont .text-cont:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(/images/cs_btn_icon_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1
}

.cs-container .cs-btn .circle .img-cont .text-cont img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
.cs-container .cs-btn .circle .img-cont .text-cont {opacity: 0}
.cs-container .cs-btn:hover .circle .img-cont .main-img img {
    opacity: .3;
    width: 94%;
    top: -15px
}

.cs-container .cs-btn:hover .circle .img-cont .main-img img.on {
    opacity: 1
}
.cs-container .cs-btn:hover .circle .img-cont .text-cont{
opacity: 1;
}
.cs-container .cs-btn:hover .circle .img-cont .text-cont:before {
    animation: cs_icon_cont_anim 5s linear infinite
}

@keyframes cs_icon_cont_anim {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.cs-container .cs-btn .name {
    color: #999;
    font-size: 14px;
    font-family: NotoSansKr-Black;
    z-index: 10;
    position: relative;
    float: left;
    width: 100%;
    text-align: center
}

.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: 'NotoSansKr-Black';

}
.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: #4c4d46;
    color: #fff
}

.btc_login,.btc_logout {
    background: #1b5c90;
    border: none;
    color: #fff
}

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

.bts_top {
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
    font-size: 14px;
    border-radius: 0px
}
.custom-row {
    position: relative;
    width: 100%;
    max-width: 1400px;
    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: 1400px;
}
.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: 230px;
    
   
}
.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;
   }
.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 15px;
    color: #a7adb3;
    font-size: 16px;
    font-weight: 500;
    
    font-family: 'NotoSansKr-Black';
    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: #4db30e;
    background: linear-gradient(90deg,transparent 0,#145e8d 50%,transparent)
}
.gnb ul li a span {
    color: #145e8d;
    margin-right: 5px
}
.login-box {
    float: right;
   
}
.login-box li{
    font-family: 'NotoSansKr-Black'
}
.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: 'NotoSansKr-Black';
    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: #54c211;
    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;
}


.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: 'NotoSansKr-Black';
}
.jp_title h4 {
    color: #eee;
    font-size: 18px;
    font-weight: 400;
    font-family: 'NotoSansKr-Black';
}
.jackpot-number{

  position: relative;
 
  text-align: right;
}

.jackpot-odometer {
  height: 89px;
  overflow: hidden;
  position: relative;
  width: 480px;
  vertical-align: top!important;
  background: linear-gradient(#baeb43,#82c528 50%,#539500 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 70px;
  font-family: 'rocket';
}
: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: 'NotoSansKr-Black';
    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:#7d9aed; font-weight:500;}
.font15 {color:#fff; 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_inner {
    display: flex;
    height: 110px;
    margin-bottom: 20px;margin-top: 20px;
}

.toggle_inner>button {
    position: relative;
    overflow: hidden;
    flex: 1;
    margin-left: 10px;
    border: 1px solid hsla(0,0%,100%,.1);
    background: #14172c;
    border-radius: var(--radius);
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.8);
/*    transform: skewX(var(--deg));*/
    z-index: 0
}

.toggle_inner>button:first-child {
    margin-left: 0
}

.toggle_inner>button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 110px;
    filter: grayscale(100%);
    opacity: .5;
    transition: var(--trans);
    z-index: -1
}

.toggle_inner>button .toggle_title {
    line-height: 1;
    text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000;
    transition: var(--trans);
    z-index: 1;
    font-family: 'S-CoreDream'
}

.toggle_inner>button .toggle_title em {
    display: block;
    color: #aaa;
    font-size: 20px;
    font-family: 'S-CoreDream'
}

.toggle_inner>button .toggle_title span {
    display: block;
    margin: 0 0 5px;
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    font-family: 'S-CoreDream'
}

.toggle_inner>button.active em,.toggle_inner>button:hover em {
    color: #fff
}

.toggle_inner>button.active span,.toggle_inner>button:hover span {
    color: #26ccff
}

.toggle_inner>button.active:before,.toggle_inner>button:hover:before {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.1)
}

.toggle_inner>.button_casino:before {
    background: url(/images/btn_casino.e6f41122.png?3) no-repeat 50%;
    background-size: cover
}

.toggle_inner>.button_casino.active,.toggle_inner>.button_casino:hover {
    border: 1px solid #765437;
    background-color: #261911;
}

.toggle_inner>.button_casino.active span,.toggle_inner>.button_casino:hover span {
    color: #ffc24d
}

.toggle_inner>.button_slot:before {
    background: url(/images/btn_slot.7efcc357.png?3) no-repeat 50%;
    background-size: cover
}

.toggle_inner>.button_slot.active,.toggle_inner>.button_slot:hover {
    border: 1px solid #0e6ab9;
    background-color: #041b43;
}

.toggle_inner>.button_slot.active span,.toggle_inner>.button_slot:hover span {
    color: #79d1ff
}
.toggle_inner>.button_power:before {
    background: url(/images/btn_powerball.png) no-repeat 50%;
    background-size: cover
}

.toggle_inner>.button_power.active,.toggle_inner>.button_power:hover {
    border: 1px solid #7f34bf;
    background-color: #1a0346
}

.toggle_inner>.button_power.active span,.toggle_inner>.button_power:hover span {
    color: #c889ff
}
.toggle_inner>.button_mini:before {
    background: url(/images/btn_mini.3553ed83.png) no-repeat 50%;
    background-size: cover
}

.toggle_inner>.button_mini.active,.toggle_inner>.button_mini:hover {
    border: 1px solid #7f34bf;
    background-color: #1a0346
}

.toggle_inner>.button_mini.active span,.toggle_inner>.button_mini:hover span {
    color: #c889ff
}
.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: 10px 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:0px 0 20px 0;font-size:20px;color:#ccc;font-weight:500;font-family: 'NotoSansKr-Black';text-align: center}
.mtit p {
    width: auto;
    color: #ccc;
    font-size: 20px;
    font-family: NotoSansKr-Bold;
    padding: 14px 44px;
    border-bottom: solid 1px #24689b;
   display: inline-block;
    position: relative
}

.mtit p:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: -1px;
    margin: auto;
    height: 1px;
    width: 32px;
    background-color: #0f4974
}

: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;
    
    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;
   
}

.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%;
    
    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: #24689b;
    border-radius: 5px;
    font-size: 14px;
   font-family: 'NotoSansKr-Black';
    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: #fff;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-family: 'NotoSansKr-Black';
    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: #24689b
}

.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))
    }
}
.board-main {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    background-color: #131c37;
    z-index: 0;
   }

.board-main .bm-head {
    width: 100%;
    height: 55px;
    float: left;
    background-color: #152a66;
    background: linear-gradient(to bottom,#273c79,#152a66);
    box-shadow: 0 2px 2px rgba(0,0,0,.41);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.board-main .bm-body {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    position: relative;
    z-index: 1
}

.board-cont {
    width: 400px;
    height: auto;
    display: inline-block;
    margin: 0 22px;
    vertical-align: top;
    margin-bottom: 33px
}

.board-cont .head {
    width: 100%;
    height: 55px;
    float: left
}

.board-cont .head .title3 {
    float: left
}

.board-cont .head .title3 button {
    width: 32px;
    height: 36px;
    background-color: transparent;
    border: none;
    padding: 0;
    background-image: url(../images/icon/board_diamond.png)
}

.board-cont .head .title3 button img {
  width: 14px;
}

.board-cont .head .title3 .text-grp {
    display: inline-block;
    width: auto;
    height: auto;
    text-align: left;
    position: relative;
    top: 11px;
    margin-left: 3px
}

.board-cont .head .title3 .text-grp .name {
    color: #fff;
    font-size: 16px;
    font-family: NotoSansKr-Bold
}

.board-cont .head .title3 .text-grp .name span {
    color: #fff;
    font-size: 11px;
    font-family: NotoSansKr-Regular
}

.board-cont .head .title3 .text-grp .sub {
    color: #798abb;
    font-size: 10px;
    font-family: NotoSansKr-Regular
}

.board-cont .head .more-btn {
    float: right;
    margin-top: 18px;
    margin-right: 2px;
    width: auto;
    height: auto;
    padding: 4px 7px;
    color: #fff;
    font-size: 10px;
    font-family: NotoSansKr-Regular;
    border: none;
    background-color: #2d4485;
    transition: .5s
}

.board-cont .head .more-btn:hover {
    background-color: #1f3738
}

.board-cont .body {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 27px
}

.board-cont.notice .body table {
    border-collapse: collapse;
    border-collapse: separate;
    border-spacing: 0 5px;
    width: 100%
}

.board-cont.notice .body table tr {
    width: 100%;
    height: 35px;
    background-color: #152a66;
    transition: .5s
}

.board-cont.notice .body table td a {
    color: #fff;
    font-size: 12px;
    font-family: NotoSansKr-Regular;
    padding-left: 13px;
    text-decoration: none
}

.board-cont.notice .body table td:first-child {
    text-align: left
}

.board-cont.notice .body table td:last-child {
    color: #fff;
    font-size: 11px;
    font-family: NotoSansKr-Regular;
    padding-right: 13px
}

.board-cont.notice .body table tr:hover {
    background-color: #354d94;
    border: solid 1px #354d94
}

.board-cont.notice .body table tr:hover a {
    color: #000
}

.board-cont.notice .body table tr:hover td:last-child {
    color: #000
}

.board-cont .event-banner {
    display: inline-block;
    margin: 0 0;
    margin-top: 5px;
    cursor: pointer;
    background-color: #000;
    text-decoration: none
}

.board-cont .event-banner:first-child {
    margin-left: 0
}

.board-cont .event-banner:last-child {
    margin-right: 0
}

.board-cont .event-banner img {
    transition: .5s
}

.board-cont .event-banner .foot {
    width: 100%;
    height: 30px;
    background-color: #1e2d59;
    display: table;
    transition: .5s
}

.board-cont .event-banner .foot p {
    color: #fff;
    font-size: 12px;
    font-family: NotoSansKr-Bold;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    transition: .5s
}

.board-cont .event-banner:hover img {
    opacity: .5
}

.board-cont .event-banner:hover .foot {
    background-color: #121b25
}

.board-cont .event-banner:hover .foot p {
    color: #a0a0a0
}

.board-cont.dep-wit {
    width: 313px
}

.board-cont.dep-wit .head .title {
    margin-top: 9px
}

.board-cont.dep-wit .head .title .text-grp {
    top: 0
}

.board-cont.dep-wit .head .btn-grp {
    float: right;
    margin-top: 18px
}

.board-cont.dep-wit .head .btn-grp button {
    width: 30px;
    height: 19px;
    float: left;
    margin: 0 1px;
    background-color: #6c7171;
    border: none;
    color: #fff;
    font-size: 10px;
    font-family: NotoSansKr-Regular;
    padding: 0;
    transition: .5s
}

.board-cont.dep-wit .head .btn-grp button.active {
    background-color: #3e59a5
}

.board-cont.dep-wit .head .btn-grp button:hover {
    background-color: #1f3738
}

.board-cont.dep-wit .head .btn-grp button.active:hover {
    background-color: #3e59a5
}

.bank-tab {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 0px;
  
  
}

.bank-tab.active {
    display: block
}

.bank-tab table {
    width: 100%;
     border-collapse: collapse;
    border-collapse: separate;
    border-spacing: 0 5px;
}

.bank-tab table tr {
    height: 35px;
    background-color: #152a66;
}

.bank-tab table td {
    color: #7d9aed;
    font-size: 14px;
    font-family: NotoSansKr-Regular
}

.bank-tab table td:first-child {
    text-align: left;
    padding-left: 7px
}

.bank-tab table td:last-child {
    color: #fff;
    text-align: right;
    padding-right: 7px
}

.bank-tab table button {
    width: 30px;
    height: 19px;
    margin-right: 4px;
    border: none;
    color: #fff;
    font-size: 10px;
    font-family: NotoSansKr-Regular;
    background-color: #3e59a5;
    padding: 0
}
.bank-tab table td span{ font-size: 12px }
.carousel-dep-wit {
    width: 100%
}

.carousel-dep-wit .carousel-inner .item .list {
    width: 100%;
    margin-top: 0;
    animation: 1;
    animation-name: deposit_list;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    opacity: 0;
    cursor: pointer
}

.carousel-dep-wit .carousel-inner .item .list:nth-child(1) {
    animation-delay: .1s
}

.carousel-dep-wit .carousel-inner .item .list:nth-child(2) {
    animation-delay: .2s
}

.carousel-dep-wit .carousel-inner .item .list:nth-child(3) {
    animation-delay: .3s
}

.carousel-dep-wit .carousel-inner .item .list:nth-child(4) {
    animation-delay: .4s
}

.carousel-dep-wit .carousel-inner .item .list:nth-child(5) {
    animation-delay: .5s
}

.carousel-dep-wit .carousel-inner .item .list:nth-child(6) {
    animation-delay: .6s
}

@keyframes deposit_list {
    0% {
        transform: translateY(-15px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@media(max-width: 1252px) {
    .board-main {
        background-color:transparent
    }

    .board-main .bm-head {
        display: none
    }

    .board-cont {
        width: 440px;
        background-color: #131c37;
        margin: 0 10px;
        margin-bottom: 20px
    }

    .board-cont.dep-wit {
        width: 440px;
        margin-bottom: 40px
    }

    .board-cont .head {
        padding: 0 20px;
        background-color: #152a66;
        box-shadow: 0 2px 2px rgba(14,59,61,.41)
    }

    .board-cont .body {
        padding: 0 20px;
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media(max-width: 480px) {
    .board-cont {
        width:96%;
        margin: 0 0;
        margin-bottom: 15px
    }

    .board-cont .head {
        padding: 0 10px
    }

    .board-cont .body {
        padding: 0 10px
    }

    .board-cont.notice .body table td a {
        font-size: 11px
    }

    .board-cont.notice .body table td a {
        padding-left: 5px
    }

    .board-cont .event-banner {
        width: 32.33%;
        float: left;
        margin-right: 1.5%
    }

    .board-cont .event-banner img {
        width: 100%
    }

    .board-cont .event-banner .foot p {
        font-size: 10px
    }

    .board-cont.dep-wit {
        width: 96%;
        margin-bottom: 40px
    }

    .bank-tab {
        margin-top: 0
    }
}

.footer-main {
    width: 100%;
    height: auto;
    float: left;
    background-color: #0f0f0f;
    text-align: center
}

.footer-main .center {
    width: 1192px;
    height: auto;
    min-height: 102px;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 0 25px 0
}

.footer-main .company-logo {
    width: 100%;
    float: left;
    border-bottom: solid 1px #333;
    padding: 20px 0;
    text-align: center
}

.footer-main .company-logo img {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 7px;
    width: 50px
}

.footer-main .company-logo img.sm {
    width: 70px
}

.footer-main .center .logo {
    float: left;
    margin-top: 40px
}

.footer-main .center .logo * {
    display: inline-block;
    vertical-align: middle
}

.footer-main .center .logo img {
    position: relative;
    top: -5px
}

.footer-main .center .logo p {
    color: #999;
    font-size: 11px;
    font-family: NotoSansKr-Regular;
    margin-left: 5px;
    position: relative;
    top: 4px
}

.footer-main .center .contacts {
    float: right;
    margin-top: 30px
}

.footer-main .center .contacts * {
    display: inline-block
}

.footer-main .center .contacts p {
    color: #999;
    font-size: 12px;
    font-family: NotoSansKr-Regular;
    margin-right: 8px
}

.footer-main .center .contacts p span {
    color: #354d94
}

.footer-main .center .contacts button {
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: solid 2px #666;
    border-radius: 50%;
    padding: 0;
    margin: 0 2px
}

@media(max-width: 1212px) {
    .footer-main .center {
        width:96%
    }
}

@media(max-width: 840px) {
    .footer-main .center .logo {
        float:none;
        margin-top: 40px
    }

    .footer-main .center .contacts {
        float: none;
        margin-top: 20px;
        margin-bottom: 30px
    }
}

.modal-open .modal::-webkit-scrollbar {
    width: 0;
    background: transparent!important
}

.modal-open .modal::-webkit-scrollbar-thumb {
    background: transparent
}

.evolution_modal {
    height: auto;
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 20px;
    margin-bottom: 30px;
    padding: 25px 25px 30px 25px;
    background-color: #161616;
    background-image: url(../images/bg/mdl-bg.jpg);
    background-size: 100% 169px;
    background-repeat: repeat-y;
    box-shadow: 0 3px 7px rgba(0,0,0,.92);
    text-align: center;
    overflow: hidden
}

.evolution_modal:before {
    content: '';
    width: 100%;
    height: 14px;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url(../images/bg/mdl-top.jpg);
    background-repeat: repeat-x;
    pointer-events: none
}

.evolution_modal:after {
    content: '';
    width: 100%;
    height: 14px;
    bottom: 0;
    left: 0;
    position: absolute;
    background-image: url(../images/bg/mdl-bot.jpg);
    background-repeat: repeat-x;
    pointer-events: none
}

.evolution_modal .modal-head {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 30px;
    text-align: left
}

.evolution_modal .modal-head .title {
    width: auto;
    height: auto;
    float: left
}

.evolution_modal .modal-head .title p {
    color: #fff;
    font-size: 24px;
    font-family: NotoSansKr-Regular;
    margin: 0
}

.evolution_modal .modal-head .title p span {
    color: #a2e1e5;
    font-size: 14px;
    position: relative;
    top: -5px;
    margin-right: 5px
}

.evolution_modal .modal-head .title p .sm {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    vertical-align: bottom
}

.evolution_modal .modal-head .title .sub {
    color: #3682bf;
    font-size: 12px;
    font-family: NotoSansKr-Regular;
    margin-left: 18px
}

.evolution_modal .modal-head .close-btn {
    float: right;
    color: #fff;
    font-size: 30px
}

.evolution_modal .modal-head .close-btn:hover {
    color: #1b5c90
}

.evolution_modal .modal_body .form-group {
    width: 94%;
    height: auto;
    margin: 0 auto;
    position: relative;
    margin-bottom: 40px;
    display: inline-block;
    text-align: left
}

.evolution_modal .modal_body .form-group:last-child {
    margin-bottom: 30px
}

.evolution_modal .modal_body .form-group.w-ti-text {
    margin-bottom: 3px
}

.evolution_modal .modal_body .form-group.w-btn-grp {
    margin-bottom: 10px
}

.evolution_modal .modal_body .form-group {
    margin-bottom: 30px
}

.evolution_modal .modal_body .form-group label {
    position: absolute;
    left: 0;
    top: 10px;
    color: #fffbfb;
    font-size: 16px;
    font-family: NotoSansKr-Regular;
    transition: .5s
}

.evolution_modal .modal_body .form-group .info {
    color: #3682bf;
    font-size: 24px;
    font-family: NotoSansKr-Regular;
    margin: 5px 0
}

.evolution_modal .modal_body .form-group input {
    width: 100%;
    height: 44px;
    float: left;
    border: none;
    background-color: transparent;
    border-bottom: solid 1px #7b7b7b;
    position: relative;
    color: #fffbfb;
    font-size: 16px;
    font-family: NotoSansKr-Regular
}

.evolution_modal .modal_body .form-group.w-btn input {
    width: 80%
}

.evolution_modal .modal_body .form-group.w-btn button {
    width: 19%;
    height: 44px;
    float: left;
    margin-left: 1%;
    border: none;
    background-color: #777;
    position: relative;
    border-radius: 3px;
    color: #fffbfb;
    font-size: 16px;
    font-family: NotoSansKr-Regular;
    padding: 0;
    transition: .5s
}

.evolution_modal .modal_body .form-group.w-btn button:hover {
    background-color: #ccc;
    color: #000
}

.evolution_modal .modal_body .form-group select {
    width: 100%;
    height: 44px;
    float: left;
    border: none;
    background-color: transparent;
    border-bottom: solid 1px #7b7b7b;
    position: relative;
    color: #fffbfb;
    font-size: 16px;
    font-family: NotoSansKr-Regular
}

.evolution_modal .modal_body .form-group select option {
    background-color: #333
}

.evolution_modal .modal_body .form-group:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 1px;
    background-color: #3682bf;
    transition: .5s;
    z-index: 0
}

.evolution_modal .modal_body .form-group.active:after {
    width: 100%
}

.evolution_modal .modal_body .form-group.active label {
    top: -20px;
    font-size: 14px;
    color: #666
}

.fg-btn-grp {
    width: 94%;
    height: auto;
    display: inline-block;
    margin-bottom: 40px
}

.fg-btn-grp button {
    width: 16.25%;
    height: 30px;
    float: left;
    margin-right: .5%;
    border: none;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    font-family: NotoSansKr-Regular;
    transition: .5s
}

.fg-btn-grp button:last-child {
    margin-right: 0;
    background-color: #436e6f;
    color: #fff
}

.fg-btn-grp button:hover {
    background-color: #404448;
    color: #fff
}

.evolution_modal .modal_body .modal_btn_grp {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    padding: 0 18px
}

.evolution_modal .modal_body .modal_btn_grp button {
    width: 130px;
    height: 55px;
    float: left;
    background-color: #1b5c90;
    border: none;
    border-radius: 3px;
    color: #fffbfb;
    font-size: 15px;
    font-family: NotoSansKr-Bold;
    margin-right: 8px;
    transition: .5s
}

.evolution_modal .modal_body .modal_btn_grp.center button {
    display: inline-block;
    float: none;
    margin-right: 0;
    margin: 0 3px
}

.evolution_modal .modal_body .modal_btn_grp button:last-child {
    background-color: #333;
    border: solid 1px #454444
}

.evolution_modal .modal_body .modal_btn_grp button:hover {
    color: #fff;
    background-color: #2d4485
}

.evolution_modal .modal_body .modal_btn_grp button:last-child:hover {
    color: #898989;
    background-color: #221d1d
}

.login_modal {
    width: 600px
}

.joinModal .evolution_modal {
    top: 5%
}

.dep_wit_modal {
    width: 600px
}

.dep_wit_modal .modal-head .title p svg {
    position: relative;
    top: 1px;
    margin-right: 5px
}

.not_eve_modal {
    width: 650px
}

.evol-modal-tbl {
    width: 100%;
    text-align: center
}

.evol-modal-tbl tr th {
    color: #fff;
    font-size: 12px;
    font-family: NotoSansKr-Regular;
    background-color: #0f2a47;
    text-align: center;
    padding: 0 5px;
    height: 35px
}

.evol-modal-tbl tr td {
    color: #fff;
    font-size: 11px;
    font-family: NotoSansKr-Regular;
    height: 40px;
    text-align: center;
    padding: 0 5px;
    border-bottom: solid 1px #404448;
    cursor: pointer;
    transition: .5s
}

.evol-modal-tbl tr .d_btn {
    color: #fff;
    font-size: 11px;
    font-family: NotoSansKr-Regular;
    background-color: #436e6f;
    border: none
}

.evol-modal-tbl tr .w_btn {
    color: #fff;
    font-size: 11px;
    font-family: NotoSansKr-Regular;
    background-color: #6c7171;
    border: none
}

.not_eve_modal .evol-modal-tbl tr td:nth-child(2) {
    text-align: left;
    padding-left: 30px
}

.evol-modal-tbl tr:hover td {
    background-color: #252424
}

.pagination {
    margin-bottom: 10px;
    display: inline-block!important
}

.pagination>li>a {
    color: #000;
    font-size: 12px;
    font-family: NotoSansKr-Regular
}

.pagination .active {
    color: #fff;
    background-color: #354d94;
    border: 1px solid #354d94
}

.pagination .active:hover {
    color: #fff;
    background-color: #354d94
}

.pagination>li>a:hover {
    color: #2db6b8
}

.notice-see {
    width: 100%;
    height: 335px;
    float: left;
    margin-top: 2px;
    background-color: #666;
    padding: 5px;
    margin-bottom: 40px
}

.notice-see .scroll_cont {
    width: 100%;
    height: 100%;
    float: left;
    overflow-y: scroll;
    text-align: left;
    padding: 10px
}

.notice-see .scroll_cont::-webkit-scrollbar {
    background-color: #262626
}

.notice-see .scroll_cont p {
    color: #fff;
    font-size: 12px;
    font-family: NotoSansKr-Regular
}

.evolution_modal.sub-pg {
    position: relative;
    display: inline-block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 22px 10px;
    box-shadow: none
}

.mypage_modal {
    width: 650px;
    top: 1%
}

.mypage_modal button {
    white-space: nowrap!important;
    background-repeat: no-repeat!important
}

.mypage_modal .header {
    margin-bottom: 15px
}

.mypage_modal .header .btn-grp button {
    font-size: 16px;
    padding: 0 0;
    background-color: #5e91bb;
    border: none;
    transition: .5s;
    color: #0b3554;
    font-size: 12px;
    font-family: NotoSansKr-Regular;
    padding: 0 10px;
    width: auto;
    height: 35px;
    display: inline-block;
    margin-bottom: 5px
}

.mypage_modal .header .btn-grp button.active {
    color: #fff;
    background-color: #0e5c97
}

.mypage_modal .header .btn-grp button:hover {
    background-color: #b3d4ef
}

.mypage_content .mp_cont {
    display: none
}

.mypage_content .mp_cont.active {
    display: block
}

.myinfo_notice {
    display: table;
    width: 94%;
    height: auto;
    float: left;
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: 3%;
    background-color: #0f2a47;
    border-radius: 1px;
    padding: 5px
}

.myinfo_notice p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #ccc;
    font-size: 14px;
    font-family: NotoSansKr-Regular
}

.modal_body.mypage .form-group div:first-child {
    width: 171px
}

.mypage_bottom {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px
}

.mypage_bottom .modal_btn_grp {
    width: auto;
    height: auto;
    float: none;
    margin-left: 0;
    margin-top: 0;
    display: inline-block
}

.mp_table {
    width: 100%;
    max-height: 450px;
    float: left;
    margin-top: 7px;
    text-align: center;
    overflow: hidden
}

.mp_table th {
    height: 40px;
    background-color: #0f4147;
    color: #ccc;
    font-size: 14px;
    font-family: NotoSansKr-Regular;
    text-align: center
}

.mp_table tbody tr {
    height: 40px;
    background-color: rgba(41,100,127,0);
    text-shadow: 0 1px 1px #000;
    border-bottom: solid 1px #333;
    text-align: center;
    cursor: pointer
}

.mp_table tbody tr:hover {
    background-image: linear-gradient(#d23428,#e64611)
}

.mp_table tbody tr.active {
    background-color: rgba(243,186,31,.4);
    border-bottom: none
}

.mp_table td {
    color: #fff;
    font-size: 14px
}

.mp_table .d_btn {
    color: #fff;
    font-size: 12px;
    border: none;
    background-color: #333;
    border-radius: 3px;
    padding: 2px 7px
}

.mp_table .w_btn {
    color: #fff;
    font-size: 12px;
    border: none;
    background-color: #0f4147;
    border-radius: 3px;
    padding: 2px 7px
}

.mp_table td.date {
    font-size: 12px
}

.mp_table td.yellow {
    color: #ff0
}

.mp_table td.red {
    color: red
}

.mp_table td.pink {
    color: #f6f
}

.inquiry_list {
    width: 100%;
    height: 325px;
    float: left;
    overflow: hidden
}

.inquiry_table {
    width: 98%;
    height: auto;
    float: left;
    margin-left: 1%;
    margin-top: 7px
}

.inquiry_table .head {
    color: #fff;
    font-size: 12px;
    font-family: NotoSansKr-Regular;
    background-color: #0f2a47;
    text-align: center;
    padding: 0 5px;
    height: 35px;
    width: 100%;
    float: left;
    display: table
}

.inquiry_table .head p {
    display: table-cell;
    vertical-align: middle
}

.inquiry_table .head p:first-child {
    width: 10%;
    text-align: center
}

.inquiry_table .head p:last-child {
    width: 90%;
    text-align: center
}

.inquiry_table .row_tr {
    border-bottom: solid 1px #404448;
    width: 100%;
    max-height: 40px;
    float: left;
    cursor: pointer;
    transition: .3s;
    overflow: hidden
}

.inquiry_table .row_td {
    width: 100%;
    height: 40px;
    float: left;
    background-color: rgba(41,100,127,0);
    border-bottom: solid 1px #333;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 11px;
    font-family: NotoSansKr-Regular
}

.inquiry_table .row_td:hover {
    background-color: #334d4e
}

.inquiry_table .row_td:hover .note_btn {
    background-color: #666
}

.inquiry_table .row_td .note_btn.active {
    background-color: #666
}

.inquiry_table .row_td p.active {
    color: #fff;
    text-decoration: underline
}

.inquiry_table .row_td .td_btn {
    float: left;
    margin-left: 7px;
    margin-top: 7px;
    width: 60px;
    height: 25px;
    padding: 0;
    border: none;
    border-radius: 3px;
    background-color: #6c7171;
    color: #fff;
    font-size: 12px
}

.inquiry_table .row_td .arrow {
    float: left;
    margin-left: 10.5%;
    margin-right: 0;
    margin-top: 18px
}

.inquiry_table .row_td .td_btn.red {
    background-color: #436e6f
}

.inquiry_table .row_td p {
    float: left;
    margin-left: 11px;
    margin-top: 10px
}

.inquiry_table .row_td p.date {
    font-size: 12px;
    margin-left: 0
}

.inquiry_table .row_td div {
    width: 20%;
    float: right;
    margin-right: 12px
}

.inquiry_table .row_td div .delete_btn {
    float: right;
    width: 15px;
    height: 13px;
    border: none;
    background-color: transparent;
    background-image: url(../images/icon/mess_delete.png);
    background-repeat: no-repeat!important;
    transition: .3s;
    margin-top: 13px
}

.inquiry_table .row_td div .delete_btn:hover {
    background-image: url(../images/icon/mess_delete_on.png)
}

.td_view {
    width: 100%;
    height: auto;
    float: left;
    background-color: #333;
    margin-top: 1px;
    margin-bottom: 2px;
    color: #fff;
    font-size: 14px;
    text-align: left;
    padding: 20px 10px;
    overflow-y: scroll
}

.td_view::-webkit-scrollbar {
    background-color: #333
}

.pagination.inquiry {
    margin: 10px 0
}

.inquiry_form {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin-top: 10px
}

.inquiry_form input {
    width: 600px;
    height: 35px;
    border: none;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    padding-left: 20px
}

.inquiry_form textarea {
    width: 600px;
    height: 250px;
    border: none;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    padding: 15px 20px;
    margin-top: 10px
}

.inquiry_form input::-webkit-input-placeholder {
    color: #333;
    font-size: 14px
}

.inquiry_form textarea::-webkit-input-placeholder {
    color: #333;
    font-size: 14px
}

.note_list {
    width: 100%;
    height: 457px;
    float: left;
    overflow: hidden
}

.inquiry_table .row_tr.note {
    height: 40px
}

.inquiry_table .row_td.note p {
    margin-left: 5%
}

.td_view.note {
    height: 159px
}

.inquiry_table .row_td.note div {
    width: auto;
    float: right;
    margin-right: 12px
}

.inquiry_table .row_td div .note_btn {
    float: left;
    width: 40px;
    height: 25px;
    border: none;
    border-radius: 3px;
    background-color: #224b6d;
    transition: 0s;
    margin-top: 7px;
    color: #fff;
    font-size: 12px;
    margin-right: 12px;
    padding: 0
}

.inquiry_table .row_td div .delete_btn:hover {
    background-image: url(../images/icon/mess_delete_on.png)
}

.mp_table.bet_win td:first-child {
    text-align: left;
    width: 25%;
    padding-left: 7%
}

.mp_table.coupon th:first-child {
    text-align: left;
    width: 20%;
    padding-left: 5%
}

.mp_table.coupon td:first-child {
    text-align: left;
    width: 20%;
    padding-left: 5%
}

.coupon_btn {
    width: 60px;
    height: 25px;
    background-color: #666;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    padding: 0
}

.coupon_btn.red {
    width: 60px;
    height: 25px;
    background-color: #0f4147;
    border: none;
    border-radius: 3px;
    color: #fff
}

.level_notice {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
    background-color: #0f5c97;
    text-align: center
}

.level_notice .center {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0;
    position: relative
}

.level_notice .ln-cont {
    width: 25%;
    color: #f5f5f5;
    font-size: 14px;
    float: left
}

.level_notice .ln-cont span {
    font-size: 14px;
    text-shadow: none;
    position: relative;
    top: -1px
}

.level_notice .ln-cont button {
    width: auto;
    height: 36px;
    color: #fff;
    font-size: 14px;
    position: relative;
    border: none;
    border-radius: 3px;
    background-color: #164571;
    padding: 0 15px;
    margin-left: 8px
}

.level_notice .ln-cont button img {
    margin-right: 5px;
    margin-top: 1px
}

.use_point_btn {
    width: 100px;
    height: 36px;
    color: #fff;
    font-size: 14px;
    position: relative;
    border: none;
    border-radius: 3px;
    background-color: #436e6f;
    transition: .3s;
    float: right;
    margin-right: 20px
}

.use_point_btn i {
    text-shadow: none
}

.use_point_btn:hover {
    background-color: #0e9597
}

.level_table th:first-child {
    text-align: left;
    width: 20%;
    padding-left: 4%
}

.level_table tbody tr {
    height: 75px
}

.level_table td:first-child {
    text-align: left;
    width: 20%;
    padding-left: 4%;
    color: #5e91bb
}

.level_table td:first-child img {
    margin-right: 0
}



@media(max-width: 690px) {
    .body-main .body-center {
        width:100%
    }

  
}