.slot-container {
    padding: 20px 0;
    animation: cc_anim-data-v-5e2c2ea3 2s ease 1;
    -webkit-animation: cc_anim-data-v-5e2c2ea3 2s ease 1
}

.item {
    position: relative;
    padding: 5px;
    cursor: pointer;
    width: 20%
}

.item img {
    width: 100%
}

@-webkit-keyframes cc_anim-data-v-5e2c2ea3 {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes play_anim-data-v-5e2c2ea3 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes play_anim-data-v-5e2c2ea3 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@media (max-width: 576px) {
    .item {
        width:50%
    }
}

.item-slot {
    cursor: pointer;
    width: 16.6%;
    padding: .5rem
}

.item-slot img {
    width: 100%
}

.item-slot.off {
    display: none;
}

.slot-title.text-center {
    background-color: #505050;
    padding: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 991px) {
    .item-slot {
        width:33.3%
    }
}

.slot-info {
    color: #fff
}

.slot-info .title {
    font-size: 30px;
    padding-left: 5px
}

.slot-info .back-btn {
    font-size: 30px;
    padding-right: 20px;
    cursor: pointer
}

.slot-list-detail {
    max-height: 70vh;
    overflow-y: scroll
}

.game-over-bg {
    background-color: rgba(43,43,43,.8196078431372549);
    position: absolute;
    top: 5px;
    left: 5px
}

.game-over-name {
    background-color: #131313;
    border: 2px solid #ac8022;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 25px;
    left: 0
}

.game-over {
    -webkit-animation: img_blink-data-v-5e2c2ea3 2s infinite;
    animation: img_blink-data-v-5e2c2ea3 2s infinite
}

@-webkit-keyframes img_blink-data-v-5e2c2ea3 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes img_blink-data-v-5e2c2ea3 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.slot-container {
    padding: 20px 0;
    animation: cc_anim-data-v-643031c2 2s ease 1;
    -webkit-animation: cc_anim-data-v-643031c2 2s ease 1
}

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

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
}

 /* #modal-slot-detail .modal-dialog {
    max-width: 1000px!important;
    margin: 1.75rem auto
}

 #modal-slot-detail .modal-dialog .modal-header {
    background-color: #181818;
    color: #fff;
    border: 0
} */

 /* #modal-slot-detail .modal-dialog .modal-body {
    background-color: #181818;
    color: #fff;
    border: 0;
    max-height: 100vh
}

 #modal-slot-detail .modal-dialog .modal-header .modal-title {
    color: #0091ff!important;
}

 #modal-slot-detail .modal-header .close {
    padding: 5px 20px 10px 10px;
    color: #fff;
    text-shadow: none;
    font-size: 40px;
    opacity: 1
}

 #modal-slot-detail .modal-header .close:hover {
    color: #0091ff!important
} */

@media (max-width: 576px) {
     #modal-slot-detail .modal {
        padding:0!important
    }

     #modal-slot-detail .modal-dialog {
        max-width: 100%!important;
        margin: 0!important;
        margin-top: 0!important;
        min-height: 100%;
        height: 100%
    }
}

.cursor-pointer {
    cursor: pointer
}

.text_name {
    color: #fff
}

.text_money {
    color: #eab506
}

.text_mesage {
    color: #43c2d9
}

.text_point {
    color: #e63076
}

.text_in {
    color: #1ea3f7
}

.text_out {
    color: #f53535
}

.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: #0091ff;
    color: #fff
}

.btc_login,.btc_logout {
    background: transparent;
    border: 1px solid #0091ff;
    color: #FFF
}

.btc_enter {
    background: transparent;
    border: 1px solid #0091ff;
    color: #FFF
}

.btc_mypage {
    background: #0091ff;
    color: #fff
}

.bts_top {
    height: 40px;
    line-height: 38px;
    padding: 0 26px;
    font-size: 15px;
    border-radius: 30px
}

#app,#content {
    position: relative
}

#content {
    padding: 30px 0 100px 0;
    min-height: 1500px;
    background: url(../img/content_bg02.jpg) no-repeat top,url(../img/footer_bg.jpg) no-repeat bottom;
    box-shadow: inset 0 6px 20px 2px rgba(0,0,0,.7)
}

#footer {
    clear: both;
    padding: 20px 0 20px 0;
    text-align: center
}

.custom-row {
    position: relative;
    width: 100%;
    max-width: 1260px;
    min-width: 280px;
    margin: 0 auto
}

.custom-row:after {
    content: "";
    clear: both;
    display: block
}

@media (max-width: 1024px) {
    #content {
        padding:30px 0 40px 0;
        background-size: auto 180px
    }

    #footer {
        padding: 20px 0 90px 0
    }

    .custom-row {
        position: relative;
        width: calc(100% - 10px);
        min-width: 270px;
        margin: 0 5px
    }
}

#PC_HD {
    display: block
}

.top_inner {
    background: #01243f;
    border-bottom: 2px solid #0091ff
}

.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
}

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

.top_inner .top_row .member_row .mb_info a {
    margin: 0 0 0 10px
}

.top_inner .top_row .member_row .mb_info em {
    margin: 0 2px
}

.top_inner .top_row .member_row .mb_info span {
    display: block;
    margin: 0 15px 0 0;
    color: #818b94;
    font-size: 15px
}

/* 0091ff */
.nav_inner {
    background: #0e0e0e;
    border-bottom: 1px solid #0091ff
}

.nav_inner .nav_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px
}

.nav_inner .nav_row h1 {
    cursor: pointer
}

.nav_inner .nav_row h1 a {
    display: block
}

.nav_inner .nav_row h1 img {
    width: auto;
    height: 70px
}

.nav_inner .nav_row .nav li {
    position: relative;
    float: left;
    margin: 0 8px
}

.nav_inner .nav_row .nav li:before {
    content: "";
    position: absolute;
    bottom: -20px;
    display: block;
    width: 100%;
    height: 1px;
    transition: .3s;
    transform: scaleX(0)
}

.nav_inner .nav_row .nav li a {
    display: block;
    line-height: 50px;
    padding: 0 20px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500
}

.nav_inner .nav_row .nav li:hover a {
    background: #31353a;
    border-radius: 5px;
    color: #fff
}

.nav_inner .nav_row .nav li:hover:before {
    content: "";
    transform: scaleX(1);
    background: #0091ff;
    background: linear-gradient(90deg,transparent 0,#0091ff 50%,transparent)
}

.scroll_inner {
    background: #0091ff;
    border-bottom: 1px solid #0091ff
}

.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: #01243f;
    width: 100%
}

.scroll_inner .scroll_row .scrolling_box .scr_svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #01243f;
    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;
    padding-left: 100%;
    white-space: nowrap;
    -webkit-animation: scrolling linear infinite;
    animation: scrolling linear infinite
}

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

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

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

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

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

@media (max-width: 1024px) {
    #PC_HD {
        display:none!important
    }

    #MB_HD {
        display: block!important
    }
}

#MB_HD {
    display: none
}

.m_head_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0 8px;
    background: #0091ff;
    border-bottom: 1px solid #141519
}

.m_head_row h1 {
    cursor: pointer
}

.m_head_row h1 a {
    display: block
}

.m_head_row h1 img {
    width: auto;
    height: 46px;
    margin: 10px 0 0 0
}

.m_head_row .mb_btn {
    flex-shrink: 1
}

.m_head_row .mb_btn a {
    height: 38px;
    line-height: 39px;
    padding: 0 12px;
    margin: 0 0 0 5px;
    font-size: 14px;
    vertical-align: middle
}

.m_head_row .mb_btn a:first-child {
    margin: 0
}

.m_member_row {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 8px;
    background: #1e2024;
    border-bottom: 1px solid #141519
}

.m_member_row span {
    flex: 1;
    color: #818b94;
    font-size: 14px;
    text-align: center
}

.m_member_row span em {
    display: block;
    margin: 5px 0 0 0;
    font-size: 15px
}

:root {
    --side_hg: 400px!important
}

.main_row {
    position: relative;
    height: var(--side_hg)
}

@media (max-width: 576px) {
    .main_row .item {
        width:50%
    }
}

.swiper_banner {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 630px;
    height: var(--side_hg)
}

.swiper_banner .swp_box {
    display: flex;
    align-items: center;
    height: var(--side_hg);
    padding-left: 30px;
    letter-spacing: -2px
}

.swiper_banner .swp_box h2 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    text-shadow: 0 0 8px #000,0 0 8px #000
}

.swiper_banner .swp_box h3 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 28px;
    font-weight: 400
}

.swiper_banner .swp_box .btn_link {
    display: inline-block;
    line-height: 42px;
    padding: 0 30px;
    margin: 10px 0 0 0;
    background: #368008;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0
}

.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
    }
}

@media (max-width: 1024px) {
    :root {
        --side_hg:220px!important
    }

    .swiper_banner {
        width: 100%
    }

    .swiper_banner .swp_box {
        justify-content: left;
        height: var(--side_hg);
        padding-left: 0;
        letter-spacing: -1px;
        padding: 10px
    }

    .swiper_banner .swp_box h2 {
        margin-bottom: 5px;
        font-size: 26px;
        text-shadow: 0 0 8px #000,0 0 8px #000
    }

    .swiper_banner .swp_box h3 {
        margin-bottom: 5px;
        font-size: 20px;
        text-shadow: 0 0 8px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.8)
    }

    .swiper_banner .swp_box .btn_link {
        line-height: 40px;
        padding: 0 15px
    }

    .side_model .md_woman {
        right: 20px;
        height: 220px
    }

    .side_model .md_bg1 {
        top: 20px;
        right: 20px;
        height: 180px
    }

    .side_model .md_bg2 {
        top: 20px;
        right: 5px;
        height: 140px
    }
}

:root {
    --bnr_time: 0.3s!important
}

.game_banner {
    margin-bottom: 20px
}

.game_banner:after {
    content: "";
    clear: both;
    display: block
}

.game_banner .bnr_item {
    position: relative;
    float: left;
    width: 625px;
    height: 260px;
    padding: 1px;
    margin: 0 0 10px 10px;
    transition: var(--bnr_time);
    box-shadow: 0 4px 4px rgba(0,0,0,.8);
    cursor: pointer;
    z-index: 1
}

.game_banner .bnr_item:hover {
    padding: 1px;
    transform: translateY(-10px);
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.9);
    z-index: 3
}

.game_banner .bnr_item:nth-child(odd) {
    margin: 0 0 10px 0
}

.game_banner .bnr_item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    transition: opacity var(--bnr_time)
}

.game_banner .bnr_item:hover:before {
    opacity: 1
}

.game_banner .bnr_item .bnr_box {
    height: 100%;
    transition: var(--bnr_time);
    box-shadow: inset 0 6px 20px 2px rgba(0,0,0,.7)
}

.game_banner .bnr_item .bnr_box span {
    position: absolute;
    left: 10px;
    bottom: 5px;
    display: block;
    width: 298px;
    height: 114px;
    transition: var(--bnr_time)
}

.game_banner .bnr_casino .bnr_box {
    background: url(../img/bnr_casino.9ef98295.png) no-repeat 50%
}

.game_banner .bnr_casino:hover .bnr_box {
    background: url(../img/bnr_casino_over.b94a2e4b.png) no-repeat 50%
}

.game_banner .bnr_casino .bnr_box span {
    background: url(../img/bnr_title_casino.c413e3bb.png) no-repeat 50%
}

.game_banner .bnr_casino:hover .bnr_box span {
    background: url(../img/bnr_title_casino_over.87980d2c.png) no-repeat 50%
}

.game_banner .bnr_slot .bnr_box {
    background: url(../img/bnr_slot.42981d0d.png) no-repeat 50%
}

.game_banner .bnr_slot:hover .bnr_box {
    background: url(../img/bnr_slot_over.0a80b8d1.png) no-repeat 50%
}

.game_banner .bnr_slot .bnr_box span {
    background: url(../img/bnr_title_slot.79924504.png) no-repeat 50%
}

.game_banner .bnr_slot:hover .bnr_box span {
    background: url(../img/bnr_title_slot_over.38a6ac80.png) no-repeat 50%
}

.game_banner .bnr_sports .bnr_box {
    background: url(../img/bnr_sports.690c1377.png) no-repeat 50%
}

.game_banner .bnr_sports:hover .bnr_box {
    background: url(../img/bnr_sports_over.2d1685b8.png) no-repeat 50%
}

.game_banner .bnr_sports .bnr_box span {
    background: url(../img/bnr_title_sports.2d4e8406.png) no-repeat 50%
}

.game_banner .bnr_sports:hover .bnr_box span {
    background: url(../img/bnr_title_sports_over.21f5390e.png) no-repeat 50%
}

.game_banner .bnr_minigame .bnr_box {
    background: url(../img/bnr_minigame.25276c75.png) no-repeat 50%
}

.game_banner .bnr_minigame:hover .bnr_box {
    background: url(../img/bnr_minigame_over.0585437c.png) no-repeat 50%
}

.game_banner .bnr_minigame .bnr_box span {
    background: url(../img/bnr_title_minigame.18e068f0.png) no-repeat 50%
}

.game_banner .bnr_minigame:hover .bnr_box span {
    background: url(../img/bnr_title_minigame_over.6cc26a04.png) no-repeat 50%
}

.grd_bnr {
    background: #1e2024;
    background: linear-gradient(0deg,#1e2024 0,#393f46)
}

.bnr_casino:before {
    background: #cd711e;
    background: linear-gradient(0deg,#1e2024 0,#cd711e)
}

.bnr_slot:before {
    background: #0c91e6;
    background: linear-gradient(0deg,#1e2024 0,#0c91e6)
}

.bnr_sports:before {
    background: #1ea809;
    background: linear-gradient(0deg,#1e2024 0,#1ea809)
}

.bnr_minigame:before {
    background: #e0261b;
    background: linear-gradient(0deg,#1e2024 0,#e0261b)
}

@media (max-width: 1024px) {
    .game_banner .bnr_item {
        float:none;
        width: 100%;
        height: 120px
    }

    .game_banner .bnr_item,.game_banner .bnr_item:nth-child(odd) {
        margin: 0 auto 10px auto
    }

    .game_banner .bnr_item .bnr_box {
        background-size: cover;
        background-position: top
    }

    .game_banner .bnr_item:hover .bnr_box {
        background-size: cover;
        background-position: 50%
    }

    .game_banner .bnr_item .bnr_box span {
        left: 0;
        bottom: 5px;
        width: 183px;
        height: 70px;
        background-size: 183px 70px
    }

    .game_banner .bnr_item:hover .bnr_box span {
        background-size: 183px 70px
    }
}

.jackpot_wrap {
    position: relative;
    padding: 1px;
    margin-bottom: 10px;
    box-shadow: 0 4px 4px rgba(0,0,0,.8)
}

.jackpot_wrap_h {
    height: 220px;
}

.jackpot_wrap .jackpot_row {
    background: url(../img/jackpot_bg.cf1cd1b5.png) no-repeat 50%;
    box-shadow: inset 0 -60px 60px 0 rgba(0,0,0,.7)
}

.jackpot_wrap .jackpot_row .jpt_box {
    display: flex;
    align-items: center;
    padding: 25px 20px;
    background: url(../img/jackpot_coin.43607942.png) 0/480px repeat-y;
    -webkit-animation: drop_coin 5s linear infinite;
    animation: drop_coin 5s linear infinite
}

.jackpot_wrap .jackpot_row .jpt_box .jp_title {
    padding: 18px;
    border: 1px solid #0091ff;
    background: rgba(21,23,26,.8);
    border-radius: 10px;
    box-shadow: inset 0 6px 20px 2px rgba(0,0,0,.7)
}

.jackpot_wrap .jackpot_row .jpt_box .jp_title h3 {
    margin: 0 0 10px 0;
    color: #0091ff;
    font-size: 42px;
    font-weight: 600
}

.jackpot_wrap .jackpot_row .jpt_box .jp_title h4 {
    color: #ddd;
    font-size: 20px;
    font-weight: 400
}

.jackpot_wrap .jackpot_row .jpt_box .jp_num {
    flex-grow: 1;
    padding: 0 10px;
    text-align: right;
    letter-spacing: -3px
}

.jackpot_wrap .jackpot_row .jpt_box .jp_num em {
    margin: 0 15px 0 0;
    font-size: 84px;
    font-weight: 500
}

.jackpot_wrap .jackpot_row .jpt_box .jp_num span {
    font-size: 86px;
    font-weight: 600
}

.jp_grd_num {
    filter: drop-shadow(4px 6px 3px rgba(0,0,0,.6));
    background: linear-gradient(#0091ff,#0091ff 50%,#0091ff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.grd_jpt {
    background: #0091ff;
    background: linear-gradient(0deg,#0091ff 0,#0091ff)
}

@-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
    }
}

@media (max-width: 1024px) {

    .jackpot_wrap_h {
        height: 30px;
    }

    .slot-container {
        margin-top: -100px;
    }

    #modal-slot-detail .slot-container {
        margin-top: 0;
    }

    .jackpot_wrap {
        margin-bottom:20px
    }

    .jackpot_wrap .jackpot_row .jpt_box {
        flex-direction: column;
        padding: 15px 10px;
        background: url(../img/jackpot_coin.43607942.png) 0/80% repeat-y;
        -webkit-animation: m_drop_coin 5s linear infinite;
        animation: m_drop_coin 5s linear infinite
    }

    .jackpot_wrap .jackpot_row .jpt_box .jp_title {
        width: 100%;
        padding: 14px 8px 10px 8px;
        text-align: center
    }

    .jackpot_wrap .jackpot_row .jpt_box .jp_title h3 {
        margin: 0 0 5px 0;
        font-size: 24px;
        font-weight: 600
    }

    .jackpot_wrap .jackpot_row .jpt_box .jp_title h4 {
        font-size: 14px
    }

    .jackpot_wrap .jackpot_row .jpt_box .jp_num {
        margin: 13px 0 0 0;
        text-align: center;
        letter-spacing: -2px;
    }

    .jackpot_wrap .jackpot_row .jpt_box .jp_num em {
        margin: 0 10px 0 0;
        font-size: 46px
    }

    .jackpot_wrap .jackpot_row .jpt_box .jp_num span {
        font-size: 46px
    }
}

.latest_row {
    position: relative;
    margin-bottom: 30px
}

.latest_row:after {
    content: "";
    clear: both;
    display: block
}

.mb_latest_row {
    position: relative;
    display: none;
    margin-bottom: 30px
}

.mb_latest_row:after {
    content: "";
    clear: both;
    display: block
}

.latest_board {
    float: left;
    width: 624px;
    margin: 0 0 0 10px;
    border: 1px solid #2e3239;
    background: #01243f;
    box-shadow: 0 3px 6px rgba(0,0,0,.7)
}

.latest_board:first-child {
    margin: 0
}

.latest_board h3 {
    display: flex;
    align-items: center;
    padding: 15px;
    font-size: 22px;
    font-weight: 500
}

.latest_board h3 img {
    width: auto;
    height: 30px;
    margin: 0 10px 0 0
}

.latest_board .latest_tab {
    display: flex
}

.latest_board .latest_tab .btn_tab {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 50px;
    padding: 2px 0 0 0;
    border-left: 1px solid #2e3239;
    border-bottom: 1px solid #2e3239;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -1px;
    cursor: pointer
}

.latest_board .latest_tab .btn_tab:first-child {
    border-left: none
}

.latest_board .latest_tab .btn_tab>img {
    width: auto;
    height: 22px;
    margin: 0 5px 0 0;
    vertical-align: middle
}

.latest_board .latest_tab .tab_notice {
    color: #5ccb17
}

.latest_board .latest_tab .tab_event {
    color: #0091ff
}

.latest_board .latest_tab .tab_notice.on {
    border-bottom: 1px solid #588b1e
}

.latest_board .latest_tab .tab_event.on {
    border-bottom: 1px solid #178cc9
}

.latest_board .latest_tab_cont {
    display: none
}

.latest_board .latest_tab_cont.on {
    display: block
}

.latest_board .list_group {
    width: 100%
}

.latest_board .list_group li:nth-child(odd) {
    background: #141518
}

.latest_board .list_group li a {
    display: flex;
    align-items: center;
    min-width: 0;
    height: 45px;
    padding: 0 10px
}

.latest_board .list_group li a span {
    padding: 0 6px;
    font-size: 16px;
    text-align: center
}

.latest_board .td_notice {
    flex-shrink: 0;
    color: #5ccb17
}

.latest_board .td_event {
    flex-shrink: 0;
    color: #0091ff
}

.latest_board .td_subject {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    text-align: left!important
}

.latest_board .td_date {
    flex-shrink: 0;
    color: #999
}

.latest_board .td_money {
    flex-grow: 1;
    color: #0091ff
}

.latest_board .td_name {
    flex-shrink: 0;
    color: #fff
}

.latest_board.bd_notice h3 {
    color: #47b006
}

.latest_board.bd_event h3 {
    color: #0091ff
}

.latest_board.bd_banktop h3 {
    color: #0091ff
}

@media (max-width: 1024px) {
    .latest_row {
        display:none
    }

    .mb_latest_row {
        display: block
    }

    .latest_board {
        float: none;
        width: 100%
    }

    .latest_board,.latest_board:first-child {
        margin: 0 0 10px 0
    }

    .latest_board h3 {
        padding: 10px;
        font-size: 18px;
        letter-spacing: -2px
    }

    .latest_board h3 img {
        height: 24px
    }

    .latest_board .list_group li a {
        height: 40px;
        padding: 0 5px
    }

    .latest_board .list_group li a span {
        padding: 0 6px;
        font-size: 14px
    }
}

.cs_center {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.cs_center>div {
    display: flex;
    align-items: center;
    width: 413px;
    height: 90px;
    padding: 12px 15px;
    box-shadow: 0 3px 6px rgba(0,0,0,.7)
}

.cs_center .cs_icon {
    position: relative;
    width: 64px;
    height: 64px;
    margin: 0 15px 0 0;
    border-radius: 10px
}

.cs_center .cs_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.cs_center .cs_text {
    flex-grow: 1
}

.cs_center .cs_text h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 8px
}

.cs_center .cs_text h3,.cs_center .cs_text h4 {
    color: #eee;
    text-shadow: 0 2px 2px rgba(0,0,0,.6)
}

.cs_center .cs_text h3 {
    font-size: 26px;
    font-weight: 500
}

.cs_center .cs_text span {
    margin: 0 0 0 8px
}

.cs_center .cs_trg {
    border: 1px solid #00517b
}

.cs_center .cs_trg .cs_icon {
    background: #0d89c7
}

.cs_center .cs_trg .cs_icon img {
    width: 60px;
    height: 60px
}

.cs_center .cs_trg .cs_text h3 span {
    color: #ffc600
}

.cs_center .cs_kakao {
    border: 1px solid #552f2c
}

.cs_center .cs_kakao .cs_icon {
    background: #ccb607
}

.cs_center .cs_kakao .cs_icon img {
    width: 46px;
    height: 46px
}

.cs_center .cs_kakao .cs_text h3 span {
    color: #ffc600
}

.cs_center .cs_mtm {
    border: 1px solid #0c5800
}

.cs_center .cs_mtm .cs_icon {
    background: #1d900b
}

.cs_center .cs_mtm .cs_icon img {
    width: 42px;
    height: 42px
}

.cs_center .cs_mtm .cs_text h3 span {
    color: #ffc600
}

.grd_trg {
    background: #00517b;
    background: linear-gradient(0deg,#00273c 0,#00517b)
}

.grd_kakao {
    background: #552f2c;
    background: linear-gradient(0deg,#241514 0,#552f2c)
}

.grd_mtm {
    background: #0c5800;
    background: linear-gradient(0deg,#062e00 0,#0c5800)
}

@media (max-width: 1024px) {
    .cs_center {
        flex-direction:column;
        margin-bottom: 20px
    }

    .cs_center>div:first-child {
        margin: 0
    }

    .cs_center>div {
        width: 100%;
        height: 70px;
        padding: 10px 10px;
        margin: 10px 0 0 0
    }

    .cs_center .cs_icon {
        position: relative;
        width: 50px;
        height: 50px;
        margin: 0 10px 0 0;
        border-radius: 6px
    }

    .cs_center .cs_text h4 {
        font-size: 16px;
        margin-bottom: 6px
    }

    .cs_center .cs_text h3 {
        font-size: 22px
    }

    .cs_center .cs_text span {
        margin: 0 0 0 10px
    }

    .cs_center .cs_trg .cs_icon img {
        width: 44px;
        height: 44px
    }

    .cs_center .cs_kakao .cs_icon img {
        width: 36px;
        height: 36px
    }

    .cs_center .cs_mtm {
        display: none
    }

    .cs_center .cs_mtm .cs_icon img {
        width: 34px;
        height: 34px
    }
}

.brand_logo {
    text-align: center
}

.copy_row {
    display: flex;
    align-items: center
}

.copy_row .cp_text {
    flex-grow: 1;
    min-width: 200px;
    color: grey;
    font-size: 14px
}

.copy_row .cp_text span {
    color: #5ccb17
}

.copy_row .cp_19 {
    width: 120px
}

@media (max-width: 1024px) {
    .brand_logo img {
        width:100%
    }

    .copy_row .cp_19,.copy_row .cp_19 img {
        width: 60px
    }
}

#MB_menu {
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    padding: 10px 5px;
    background: #25262b;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    z-index: 99
}

.m_nav {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.m_nav li {
    flex: 1 1 25%;
    pointer-events: auto
}

.m_nav li>a {
    display: block;
    text-align: center
}

.m_nav li>a p {
    color: #fff;
    font-size: 14px
}

.m_nav li>a img {
    display: inline-block;
    margin: 0 auto 5px auto;
    transition: .3s
}

.m_nav li:hover>a img {
    transform: scale(1.15)
}

.m_nav li:first-child>a img,.m_nav li:nth-child(2)>a img,.m_nav li:nth-child(3)>a img {
    width: 32px
}

.m_nav li:nth-child(4)>a img {
    width: 30px;
    padding: 0 0 2px 0
}

@media (max-width: 1024px) {
    #MB_menu {
        display:block
    }
}

: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(20% - var(--gap));
    margin: var(--gap) 0 0 var(--gap)
}

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

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

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

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

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

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

.item_game a .thumb_game .thumb_cover>span {
    display: block;
    line-height: 38px;
    padding: 2px 25px 0 25px;
    background: #0091ff;
    border-radius: 50px;
    font-size: 18px;
    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: #0091ff;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    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: #0091ff
}

.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))
    }
}

body.on {
    overflow: hidden
}

.modal_cover {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.7);
    z-index: 9998
}

.modal_cover.on {
    display: block
}

.modal_wrap {
    position: fixed;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 9999;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.modal_wrap.on {
    display: block
}

.modal_wrap .md_box {
    display: flex;
    align-items: center;
    width: calc(100% - 40px);
    min-height: calc(100% - 40px);
    margin: 20px auto
}

.modal_wrap .md_box.md_S {
    max-width: 320px
}

.modal_wrap .md_box.md_M {
    max-width: 600px
}

.modal_wrap .md_box.md_L {
    max-width: 1000px
}

@media (max-width: 1024px) {
    .modal_wrap .md_box {
        width:calc(100% - 20px);
        min-height: calc(100% - 40px);
        margin: 20px auto
    }
}

.md_row {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 15px 15px 15px;
    border: 10px solid #25262b;
    background: #0f1012;
    box-shadow: inset 0 0 4px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.5)
}

.md_row .md_head {
    position: relative;
    height: 60px;
    line-height: 54px;
    margin-bottom: 10px;
    border-bottom: 1px solid #282828
}

.md_row .md_head h2 {
    display: inline-block;
    color: #eee;
    font-size: 24px;
    font-weight: 500;
    text-shadow: 0 0 5px rgba(0,0,0,.8),0 0 5px rgba(0,0,0,.8)
}

.md_row .md_head h2 span {
    position: absolute;
    bottom: -1px;
    display: block;
    padding: 0 10px;
    border-bottom: 1px solid #289301
}

.md_row .md_head .md_btn_close {
    float: right;
    display: block;
    padding: 5px 10px;
    margin: 8px 0 0 0;
    cursor: pointer
}

.md_row .md_head .md_btn_close>img {
    width: 36px;
    height: 36px
}

.md_row .md_content {
    line-height: 1.5;
    padding: 10px 0
}

@media (max-width: 1024px) {
    .md_row {
        padding:5px 10px 10px 10px;
        border: 5px solid #25262b
    }

    .md_row .md_head {
        height: 50px;
        line-height: 50px;
        margin-bottom: 10px
    }

    .md_row .md_head h2 {
        font-size: 18px
    }

    .md_row .md_head h2 span {
        padding: 0 5px
    }

    .md_row .md_head .md_btn_close {
        padding: 5px 5px;
        margin: 4px 0 0 0;
        cursor: pointer
    }

    .md_row .md_head .md_btn_close>i {
        font-size: 28px
    }
}

.CS_menu {
    display: flex;
    padding: 20px 0;
    border: 1px solid #2e3239;
    background: #0091ff;
    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;
    border-left: 1px dashed #3b404a;
    cursor: pointer
}

.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: 5px
}

.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: #eee;
    font-size: 24px;
    font-weight: 500;
    text-shadow: 0 2px 2px rgba(0,0,0,.6)
}

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

.CS_menu .CS_m_row .cs_m_box h4 {
    color: #ccc;
    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: #0b719f
}

.CS_menu .CS_m_row.theme_trg .cs_m_box h3 span {
    color: #23b3f4
}

.CS_menu .CS_m_row.theme_faq .cs_m_icon {
    background: #2e7601
}

.CS_menu .CS_m_row.theme_faq .cs_m_box h3 {
    color: #70ce35
}

.CS_menu .CS_m_row.theme_game .cs_m_icon {
    background: #9d0356
}

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

.CS_menu .CS_m_row.theme_payment .cs_m_icon {
    background: #9b3c11
}

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

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

    .CS_menu .CS_m_row {
        justify-content: flex-start;
        border-left: none;
        margin: 15px 0 0 15px
    }

    .CS_menu .CS_m_row:first-child {
        margin-top: 0;
        border-left: none
    }

    .CS_menu .CS_m_row .cs_m_icon {
        width: 40px;
        height: 40px;
        border-radius: 5px
    }

    .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
    }
}

.odometer {
    vertical-align: top!important;
    background: linear-gradient(#0091ff,#0091ff 50%,#0091ff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.odometer .odometer-inside {
    display: inline
}

.odometer .odometer-value {
    background: linear-gradient(#0091ff,#0091ff 50%,#0091ff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.slide-in-bottom {
    -webkit-animation: slide-in-bottom 1.5s cubic-bezier(.55,.085,.68,.53) both;
    animation: slide-in-bottom 1.5s cubic-bezier(.55,.085,.68,.53) both
}

@-webkit-keyframes slide-in-bottom {
    0% {
        transform: translateY(30px);
        opacity: 0
    }

    to {
        transform: translateY(-10px);
        opacity: 1
    }
}

@keyframes slide-in-bottom {
    0% {
        transform: translateY(10px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.popup {
    font-size: 16px;
    position: absolute;
    width: 400px;
    height: 700px;
    /* left: 50%; */
    background-color: rgba(0,0,0,.8);
    border: 0;
    overflow: hidden
}

.popup .title {
    color: #fff;
    background-color: rgba(46,46,46,.596);
    padding: 10px
}

.popup .title button {
    float: right
}

.popup .popup-close {
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.popup .popup-close:before {
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif;
    background: transparent;
    border-radius: 3px;
    color: #fff;
    content: "\00D7";
    font-size: 35px;
    font-weight: 400;
    height: 30px;
    line-height: 26px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 30px
}

.popup .popup-close:hover:before {
    color: #0091ff
}

.popup .bottom {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    background-color: #171717;
    color: #fff;
}

.popup .bottom:hover {
    background-color: #0091ff
}

.contents {
    color: #fff
}

.popup-enter-active,.popup-leave-active {
    transition: opacity .5s
}

.popup-enter,.popup-leave-to {
    opacity: 0
}

@media (max-width: 991.98px) {
    .popup {
        width:100%!important;
        height: 100%!important;
        top: 0!important;
        margin-left: 0!important;
        left: 0!important
    }

    .container {
        padding-left: 0;
        padding-right: 0
    }
}

/* 2026-01-26 요소 못찾음
.modal-container {
    width: 100%;
    font-size: 13px;
    font-weight: 600
} */

.login-page .btn-red {
    border-radius: 0;
    font-weight: 600
}

.login-page p.text-center.text-white {
    color: #a2a5aa;
    cursor: pointer;
    margin-top: 20px
}

.login-page p.text-center.text-white span {
    color: #08bbff
}

.login-page p.text-center.text-white span:hover {
    color: #fff
}

.ngdialog.ngdialog-theme-default.ngdialog-login .ngdialog-close:before {
    font-size: 35px;
    line-height: 30px;
    right: 10px;
    top: 18px;
    width: 30px
}

.login-page .login-title {
    color: #0091ff;
    font-size: 16px;
    margin-bottom: 20px
}

.login-page .btn-gray {
    border-radius: 0
}

.login-page .login-header {
    padding: 21px 10px
}

.login-page .login-content {
    padding: 10px 54px 20px
}

.input-group {
    margin-bottom: 10px
}

.login-content p.text-center.text-white:hover {
    color: #fff
}

.login-content input::-moz-placeholder {
    color: #898989;
    opacity: 1
}

.login-content input:-ms-input-placeholder {
    color: #898989;
    opacity: 1
}

.login-content input::placeholder {
    color: #898989;
    opacity: 1
}

.login-content input::-ms-input-placeholder {
    color: #898989
}

.btn-login {
    border: 1px solid #0091ff;
    color: #ccc
}

.btn-login:hover {
    background-color: rgba(106,199,204,.09019607843137255);
    color: #fff
}

/* 2026-01-26 요소 못찾음
p {
    margin: 0
}

.modal-container {
    width: 100%
} */

.signup-header {
    padding: 5px 10px;
    text-align: center;
    height: 67px
}

.signup-header img {
    width: 150px
}

.signup-content {
    padding: 1rem
}

.select-bank {
    background-color: #1e1e1e;
    color: #d4d0d0
}

 /* 2026-01-26 요소 못찾음
.label {
    color: #fff;
    font-size: 12px;
    text-align: left
}

@media (min-width: 576px) {
     .label {
        text-align:right;
    }
} */

@media (max-width: 576px) {
    .signup-header {
        height:30px
    }

    .signup-header h2 {
        font-size: 20px
    }
}

.text-muted {
    color: #a3a3a3!important
}

.btn-signup,.btn-signup:active {
    background-color: #0091ff!important;
    border-color: #01243f;
    color: #fff
}

.btn-signup:hover {
    background-color: rgba(106,199,204,.09019607843137255)!important
}

.btn-sms {
    background-color: #0091ff;
    border: 0
}

.logo img {
    width: 160px
}

.notice-container {
    padding: 20px 20px;
    margin: 20px 30px 30px 20px;
    background-color: rgba(10,9,9,.6705882352941176);
    border: 1px solid #242424;
    animation: cc_anim-data-v-315a58bc 2s ease 1;
    -webkit-animation: cc_anim-data-v-315a58bc 2s ease 1;
    font-family: Noto Sans KR,sans-serif!important;
    font-weight: 600!important;
    letter-spacing: 0
}

@-webkit-keyframes cc_anim-data-v-315a58bc {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
}

 .table-responsive .table th {
    padding: 5px;
    text-align: center;
    background: #222;
    color: #b6b6b6;
    border: 0;
    font-size: 14px
}

 .table-responsive .table th:first-child {
    border-radius: 5px 0 0 5px
}

 .table-responsive .table th:last-child {
    border-radius: 0 5px 5px 0
}

 .table tr {
    line-height: 32px;
    font-weight: 600
}

 .table td {
    padding: 5px;
    color: #959595;
    border-top: 0;
    border-bottom: 1px solid #302f39;
    font-size: 13px
}

 .table td:nth-child(3) {
    width: 20%;
    text-align: center
}

a {
    color: #959595
}

a:hover {
    color: #fff
}

#btn_write_form .row {
    margin-left: 0;
    margin-right: 0
}

.card {
    width: 100%;
    border-radius: 0;
    font-size: 13px;
    margin-bottom: 10px;
    border: 1px solid #0091ff
}

.card-header {
    background-color: #2d2c2c;
    border-radius: 0!important
}

.card-body {
    background-color: #222;
    color: #fff
}

 .card-body p {
    margin-bottom: 5px
}

.notice-type {
    color: #0091ff;
    margin-right: 10px
}

@media (max-width: 576px) {
     .table th {
        font-size:12px
    }

     .table td:nth-child(3) {
        width: 25%;
        text-align: center
    }

    .notice-container {
        padding: 5px;
        margin: 0;
        border: 0
    }
}

/* .notice-container {
    padding: 20px 20px;
    margin: 20px 30px 30px 20px;
    background-color: rgba(10,9,9,.6705882352941176);
    border: 1px solid #242424;
    animation: cc_anim-data-v-20f81a36 2s ease 1;
    -webkit-animation: cc_anim-data-v-20f81a36 2s ease 1;
    font-family: Noto Sans KR,sans-serif!important;
    font-weight: 600!important;
    letter-spacing: 0
}

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

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
} */

 /* 2026-01-26 요소 못찾음
 .table th {
    padding: 5px;
    text-align: center;
    background: #222;
    color: #b6b6b6;
    border: 0;
    font-size: 14px
}


.table tr {
    line-height: 32px;
    font-weight: 600
}

 .table td {
    padding: 5px;
    color: #959595;
    border-top: 0;
    border-bottom: 1px solid #302f39;
    font-size: 13px
} */

 /* .table td:nth-child(3) {
    width: 20%;
    text-align: center
} */

a {
    color: #959595
}

a:hover {
    color: #fff
}

/* 2026-01-26 요소 못찾음
.row {
    margin-left: 0;
    margin-right: 0
} */

.card {
    width: 100%;
    border-radius: 0;
    font-size: 13px;
    margin-bottom: 10px;
    border: 1px solid #0091ff
}

.card-header {
    background-color: #2d2c2c;
    border-radius: 0!important
}

.card-body {
    background-color: #222;
    color: #fff
}

 .card-body p {
    margin-bottom: 5px
}

.event-type {
    color: #0091ff;
    padding: 5px 10px;
    margin-right: 10px
}

@media (max-width: 576px) {
     .table th {
        font-size:12px
    }

     .table td:nth-child(3) {
        width: 25%;
        text-align: center
    }

    .notice-container {
        padding: 5px;
        margin: 0;
        border: 0
    }
}

.message-container {
    padding: 20px 20px;
    margin: 20px 30px 30px 20px;
    background-color: rgba(10,9,9,.6705882352941176);
    border: 1px solid #242424;
    animation: cc_anim-data-v-0d4e323a 2s ease 1;
    -webkit-animation: cc_anim-data-v-0d4e323a 2s ease 1;
    font-family: Noto Sans KR,sans-serif!important;
    font-weight: 600!important;
    letter-spacing: 0
}

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

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
}

.table-comp .table td:first-child {
    width: 50%
}

.table-comp .delete {
    padding: 1px 15px;
    background: #fff;
    border-radius: 15px;
    cursor: pointer;
    color: #181722
}

 /* 2026-01-26 요소 못찾음
 .table th {
    padding: 5px;
    text-align: center;
    background: #222;
    color: #b6b6b6;
    border: 0;
    font-size: 14px
}


.table tr {
    line-height: 32px;
    font-weight: 600
}

 .table td {
    padding: 5px;
    color: #959595;
    border-top: 0;
    border-bottom: 1px solid #302f39;
    font-size: 13px
} */

 /* .table td:nth-child(3) {
    width: 20%;
    text-align: center
}

 .table td:nth-child(2), .table td:nth-child(4) {
    text-align: center
} */

@media (max-width: 991.98px) {
    .table-comp .table td:nth-child(2) {
        width:20%
    }

    .table-comp .table td:nth-child(3),.table-comp .table td:nth-child(4) {
        width: 15%
    }
}

a {
    color: #fff
}

/* 2026-01-26 요소 못찾음
.row {
    margin-left: 0;
    margin-right: 0
} */

.card {
    width: 100%;
    border-radius: 0;
    font-size: 13px;
    margin-bottom: 10px;
    background-color: transparent
}

.card-header {
    border-bottom: 2px solid #0091ff;
    color: #fff
}

.card-body {
    color: #fff
}

 .card-body p {
    margin-bottom: 5px
}

@media (max-width: 576px) {
     .table td, .table th {
        font-size:12px
    }

    .table-comp .table td:first-child {
        width: auto
    }

    .table-comp .table td:nth-child(2) {
        width: 20%
    }

    .table-comp .table td:nth-child(3) {
        width: 20%;
        font-size: 10px
    }

    .table-comp .table td:nth-child(4) {
        width: 10%
    }

    .message-container {
        padding: 5px;
        margin: 0;
        border: 0
    }
}

.delete-icon {
    cursor: pointer
}

.delete-icon:hover {
    color: #0091ff
}

.all-delete,.all-delete:active {
    background-color: #121212!important;
    border-color: #0091ff;
    color: #fff
}

.all-delete:hover {
    background-color: rgba(106,199,204,.09019607843137255)!important
}

/* .message-container {
    padding: 20px 20px;
    margin: 20px 30px 30px 20px;
    background-color: rgba(10,9,9,.6705882352941176);
    border: 1px solid #242424;
    animation: cc_anim-data-v-9cd39680 2s ease 1;
    -webkit-animation: cc_anim-data-v-9cd39680 2s ease 1;
    font-family: Noto Sans KR,sans-serif!important;
    font-weight: 600!important;
    letter-spacing: 0
}

@-webkit-keyframes cc_anim-data-v-9cd39680 {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
} */

.table-comp .table td:first-child {
    width: 50%
}

 /* 2026-01-26 요소 못찾음
 .table th {
    padding: 5px;
    text-align: center;
    background: #222;
    color: #b6b6b6;
    border: 0;
    font-size: 14px
}


.table tr {
    line-height: 32px;
    font-weight: 600
}

 .table td {
    padding: 5px;
    color: #959595;
    border-top: 0;
    border-bottom: 1px solid #302f39;
    font-size: 13px
} */

 /* .table td:nth-child(3) {
    width: 20%;
    text-align: center
}

 .table td:nth-child(2), .table td:nth-child(4) {
    text-align: center
} */

@media (max-width: 991.98px) {
    .table-comp .table td:nth-child(2) {
        width:20%
    }

    .table-comp .table td:nth-child(3),.table-comp .table td:nth-child(4) {
        width: 15%
    }
}

a {
    color: #959595
}

a:hover {
    color: #fff
}

/* 2026-01-26 요소 못찾음
.row {
    margin-left: 0;
    margin-right: 0
} */

.card {
    width: 100%;
    border-radius: 0;
    font-size: 13px;
    margin-bottom: 10px;
    border: 0;
    background-color: transparent
}

.card-header {
    background-color: #222
}

.card.answer .card-header {
    background-color: transparent!important;
    color: #0091ff;
    font-size: 18px;
    font-weight: 700
}

.card.answer {
    border: 1px solid #0091ff
}

.card-body {
    color: #fff
}

 .card-body p {
    margin-bottom: 5px
}

.p-message {
    display: block;
    width: 100%;
    color: #fff;
    border-bottom: 2px solid #0091ff;
    padding-bottom: 5px
}

.complete {
    background-color: #3a3a3a;
    padding: 3px 10px;
    border-radius: 5px;
    color: #0091ff
}

.btn-write-cancel,.btn-write-ok,.btn-write {
    font-weight: 700;
    background-color: #121212;
    border: 1px solid #0091ff;
    color: #ccc;
    padding: .5rem 3rem
}

.btn-write-cancel:hover,.btn-write-ok:hover,.btn-write:hover {
    background-color: rgba(106,199,204,.09019607843137255);
    color: #fff;
    padding: .5rem 3rem
}

.form-question {
    border: 1px solid #0091ff
}

@media (max-width: 576px) {
     .table td, .table th {
        font-size:12px
    }

    .table-comp .table td:first-child {
        width: auto
    }

    .table-comp .table td:nth-child(2) {
        width: 20%
    }

    .table-comp .table td:nth-child(3) {
        width: 20%;
        font-size: 10px
    }

    .table-comp .table td:nth-child(4) {
        width: 10%
    }

    .message-container {
        padding: 5px;
        margin: 0;
        border: 0
    }

    .card.answer .card-header {
        font-size: 16px
    }
}

.delete-icon {
    cursor: pointer
}

.delete-icon:hover {
    color: #0091ff
}

.modal-container-header {
    padding-top: 5px;
    padding-bottom: 5px
}

 .nav-tabs {
    border-bottom: 0
}

.modal .nav-tabs .nav-item {
    width: 20%;
    text-align: center
}

.board-container {
    padding: 20px;
    background-color: #181722
}

.logo img {
    width: 160px
}

.money-transfer-container {
    padding: 20px 20px;
    margin: 20px 30px 30px 20px;
    background-color: rgba(10,9,9,.6705882352941176);
    border: 1px solid #242424;
    animation: cc_anim-data-v-6bda177e 2s ease 1;
    -webkit-animation: cc_anim-data-v-6bda177e 2s ease 1
}

@-webkit-keyframes cc_anim-data-v-6bda177e {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
}

 .alert {
    padding: 20px;
    background-color: #232122;
    border-color: #818181;
    color: #bbb
}

 .alert p {
    margin-bottom: .5rem
}

 input {
    border-radius: 0;
    border: 1px solid #302f39;
    color: #ffbe5d!important;
    background: #1e1e1e
}

.form-control:disabled {
    background: #1e1e1e
}

.renew {
    background-color: #121212!important;
    border-color: #0091ff
}

.renew:active,.renew:hover {
    background-color: rgba(106,199,204,.09019607843137255)!important
}

.arrow-1 {
    color: #5381b9;
    font-weight: 700
}

.arrow-2 {
    color: #3e93fe;
    font-weight: 700
}

.money-transfer-process .money-btn:active, .money-transfer-process .money-btn {
    padding: 5px 10px;
    margin-right: 5px;
    border: 0;
    color: #fff;
    background-color: #99211f;
    flex: auto;
    border-radius: 0;
    box-shadow: none
}

 .money-transfer-process .btn-red {
    color: #fff;
    background: linear-gradient(180deg,#0091ff,#0091ff);
    border: 1px solid #0091ff;
    border-radius: 5px
}

 .money-transfer-process .btn-clear {
    color: #fff;
    background: linear-gradient(180deg,#5b5b5b,#272727);
    border-radius: 5px
}

.bank-info {
    color: #b8860b;
    font-weight: 700
}

@media (max-width: 576px) {
     .alert p, .money-transfer-process .money-btn {
        font-size:12px
    }

     #bank-info {
        padding: 1px
    }

    .money-transfer-container {
        padding: 5px;
        margin: 0;
        border: 0
    }
}

.select-game {
    background-color: #302f39;
    color: #fff
}

.text-label {
    color: #bbb;
    font-size: 12px;
}

 /* 2026-01-26 요소 못찾음
 .table th {
    padding: 5px;
    text-align: center;
    background: #222;
    color: #b6b6b6;
    border: 0;
    font-size: 14px
}


 .table th:last-child {
    border-radius: 0 5px 5px 0
}

.table tr {
    line-height: 32px;
    font-weight: 600
}

 .table td {
    padding: 5px;
    color: #959595;
    border-top: 0;
    border-bottom: 1px solid #34334d;
    font-size: 13px;
    text-align: center
} */

a {
    color: #959595
}

a:hover {
    color: #fff
}

@media (max-width: 576px) {
     .table td, .table th {
        font-size:12px
    }
}

.money-in-container {
    padding: 20px 20px;
    margin: 20px 30px 30px 20px;
    background-color: rgba(10,9,9,.6705882352941176);
    border: 1px solid #242424;
    animation: cc_anim-data-v-042c0610 2s ease 1;
    -webkit-animation: cc_anim-data-v-042c0610 2s ease 1
}

@-webkit-keyframes cc_anim-data-v-042c0610 {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
}

 .alert {
    padding: 20px;
    background-color: #232122;
    border-color: #818181;
    color: #bbb
}

 .alert p {
    margin-bottom: .5rem
}

 input {
    border-radius: 0;
    border: 1px solid #585858;
    color: #ffbe5d!important;
    background: #1e1e1e
}

/* 2026-01-26 요소 못찾음
.form-control:disabled {
    background: #1e1e1e
} */

.money-in-process .money-btn:active, .money-in-process .money-btn {
    padding: 5px 10px;
    margin-right: 5px;
    border: 0;
    color: #fff;
    background-color: #99211f;
    flex: auto;
    border-radius: 0;
    box-shadow: none
}

 .money-in-process .money-btn:focus {
    box-shadow: none
}

 .money-in-process .btn-red {
    color: #fff;
    background: linear-gradient(180deg,#0091ff,#0091ff);
    border: 1px solid #0091ff;
    border-radius: 5px
}

 .money-in-process .btn-clear {
    color: #fff;
    background: linear-gradient(180deg,#5b5b5b,#272727);
    border-radius: 5px
}

.bank-info {
    color: #b8860b;
    font-weight: 700
}

.btn-money-in,.btn-money-in:active {
    background-color: #121212!important;
    border-color: #0091ff;
    color: #fff
}

.btn-money-in:hover {
    background-color: rgba(106,199,204,.09019607843137255)!important
}

.btn-money-in:focus {
    box-shadow: none
}

@media (max-width: 576px) {
     .alert p {
        font-size:12px;
        margin-bottom: .25rem
    }

     .money-in-process .money-btn {
        font-size: 12px
    }

     #bank-info {
        padding: 1px
    }

    .money-in-container {
        padding: 5px;
        margin: 0;
        border: 0
    }
}

 .card-header {
    padding: .5rem 1rem
}

 .card-body {
    padding: .75rem
}

@media (min-width: 992px) {
    .bonus-item {
        padding-left:5px;
        padding-right: 5px;
        cursor: pointer
    }

     .card-text {
        font-size: .75rem
    }
}

 .bonus-item .card {
    color: #fff;
    border: 0!important;
    background-color: #4d4d4d
}

 /* 2026-01-26 요소 못찾음
 .table th {
    padding: 5px;
    text-align: center;
    background: #222;
    color: #b6b6b6;
    border: 0;
    font-size: 14px
}


.table tr {
    line-height: 32px;
    font-weight: 600
}

 .table td {
    padding: 5px;
    color: #959595;
    border-top: 0;
    border-bottom: 1px solid #34334d;
    font-size: 13px;
    text-align: center
} */

a {
    color: #959595
}

a:hover {
    color: #fff
}

@media (max-width: 576px) {
     .table td, .table th {
        font-size:12px
    }
}

.money-out-container {
    padding: 20px 20px;
    margin: 20px 30px 30px 20px;
    background-color: rgba(10,9,9,.6705882352941176);
    border: 1px solid #242424;
    animation: cc_anim-data-v-2c1729ff 2s ease 1;
    -webkit-animation: cc_anim-data-v-2c1729ff 2s ease 1
}

@-webkit-keyframes cc_anim-data-v-2c1729ff {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
}

 .alert {
    padding: 20px;
    background-color: #232122;
    border-color: #818181;
    color: #bbb
}

 .alert p {
    margin-bottom: .5rem
}

 input {
    border-radius: 0;
    border: 1px solid #585858;
    color: #ffbe5d!important;
    background: #1e1e1e
}

/* 2026-01-26 요소 못찾음
.form-control:disabled {
    background: #1e1e1e
} */

.money-out-process .money-btn:active, .money-out-process .money-btn {
    padding: 5px 10px;
    margin-right: 5px;
    border: 0;
    color: #fff;
    background-color: #99211f;
    flex: auto;
    border-radius: 0;
    box-shadow: none
}

 .money-out-process .btn-red {
    color: #fff;
    background: linear-gradient(180deg,#0091ff,#0091ff);
    border: 1px solid #0091ff;
    border-radius: 5px
}

 .money-out-process .btn-clear {
    color: #fff;
    background: linear-gradient(180deg,#5b5b5b,#272727);
    border-radius: 5px
}

.btn-money-out,.btn-money-out:active {
    background-color: #121212!important;
    border-color: #0091ff;
    color: #fff
}

.btn-money-out:hover {
    background-color: rgba(106,199,204,.09019607843137255)!important
}

@media (max-width: 576px) {
     .alert p, .money-out-process .money-btn {
        font-size:12px
    }

    .money-out-container {
        padding: 5px;
        margin: 0;
        border: 0
    }
}

 /* 2026-01-26 요소 못찾음
 .table th {
    padding: 5px;
    text-align: center;
    background: #222;
    color: #b6b6b6;
    border: 0;
    font-size: 14px
}


.table tr {
    line-height: 32px;
    font-weight: 600
}

 .table td {
    padding: 5px;
    color: #959595;
    border-top: 0;
    border-bottom: 1px solid #34334d;
    font-size: 13px;
    text-align: center
} */

a {
    color: #959595
}

a:hover {
    color: #fff
}

@media (max-width: 576px) {
     .table td, .table th {
        font-size:12px
    }
}

.point-container {
    padding: 20px 20px;
    margin: 20px 30px 30px 20px;
    background-color: rgba(10,9,9,.6705882352941176);
    border: 1px solid #242424;
    animation: cc_anim-data-v-4496b486 2s ease 1;
    -webkit-animation: cc_anim-data-v-4496b486 2s ease 1
}

@-webkit-keyframes cc_anim-data-v-4496b486 {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
}

 .alert {
    padding: 20px;
    background-color: #232122;
    border-color: #818181;
    color: #bbb
}

 input {
    border-radius: 0;
    border: 1px solid #585858;
    color: #ffbe5d!important;
    background: #1e1e1e
}

/* 2026-01-26 요소 못찾음
.form-control:disabled {
    background: #1e1e1e
} */

.point-process {
    padding: 20px
}

.btn-point,.btn-point:active {
    background-color: #121212!important;
    border-color: #0091ff;
    color: #fff
}

.btn-point:hover {
    background-color: rgba(106,199,204,.09019607843137255)!important
}

@media (max-width: 576px) {
     .alert p {
        font-size:12px
    }

    .point-container {
        padding: 5px;
        margin: 0;
        border: 0
    }
}

.coupon-container {
    padding: 20px 20px;
    margin: 20px 30px 30px 20px;
    background-color: rgba(10,9,9,.6705882352941176);
    border: 1px solid #606060;
    animation: cc_anim-data-v-8e5cbafe 2s ease 1;
    -webkit-animation: cc_anim-data-v-8e5cbafe 2s ease 1
}

@-webkit-keyframes cc_anim-data-v-8e5cbafe {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
}

 /* 2026-01-26 요소 못찾음
 .table th {
    padding: 5px;
    text-align: center;
    background: #222;
    color: #b6b6b6;
    border: 0;
    font-size: 14px
}


.table tr {
    line-height: 32px;
    font-weight: 600
}

 .table td {
    padding: 5px;
    color: #959595;
    border-top: 0;
    border-bottom: 1px solid #302f39;
    font-size: 13px
} */

 /* .table td:first-child {
    text-align: center
}

 .table td:nth-child(2), .table td:nth-child(3) {
    width: 20%;
    text-align: center;
}

 .table td:nth-child(4) {
    width: 10%;
    text-align: center
} */

a {
    color: #959595
}

a:hover {
    color: #fff
}

/* 2026-01-26 요소 못찾음
.row {
    margin-left: 0;
    margin-right: 0
} */

@media (max-width: 576px) {
     .table td, .table th {
        font-size:12px
    }

    .table-comp .table td:first-child {
        width: auto
    }

    .table-comp .table td:nth-child(2) {
        width: 15%;
        font-size: 10px
    }

    .table-comp .table td:nth-child(3) {
        width: 20%;
        font-size: 10px
    }

    .table-comp .table td:nth-child(4) {
        width: 15%;
        font-size: 10px
    }

    .coupon-container {
        padding: 5px;
        margin: 0;
        border: 0
    }
}

.waiting {
    color: #0091ff
}

.betting-container {
    padding: 20px 20px;
    margin: 20px 30px 30px 20px;
    background-color: rgba(10,9,9,.6705882352941176);
    border: 1px solid #606060;
    animation: cc_anim-data-v-07f03db6 2s ease 1;
    -webkit-animation: cc_anim-data-v-07f03db6 2s ease 1
}

@-webkit-keyframes cc_anim-data-v-07f03db6 {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
}

 /* 2026-01-26 요소 못찾음
 .nav-tabs .nav-item {
    width: 15%;
    text-align: center
}

.nav-tabs {
    margin-bottom: 1rem;
} */

.betting-tabs-card .nav-item .nav-link {
    font-size: 12px;
    padding: 10px 5px;
    color: #888;
    border: 1px solid #ccc;
    border-radius: 0
}

.betting-tabs-card .nav-item .nav-link.active {
    color: #fff!important;
    border: 1px solid #a1a1a1!important;
    background-color: #000!important
}

.betting-tabs-card .table-comp td,.betting-tabs-card .table-comp th {
    text-align: center;
    color: #595959;
    font-size: 13px;
    font-weight: 400
}

/* .table td,.table th {
    text-align: center;
    vertical-align: middle;
    color: #959595;
    font-size: 13px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px
} */


.table th {
    border-top: 0;
    border-bottom: 0;
    padding: 5px;
    text-align: center;
    background: #222;
    color: #b6b6b6;
    border: 0;
    font-size: 14px
}

.b-table td {
    border-top: 0!important;
    border-bottom: 1px solid #302f39
}

.delete {
    padding: 1px 15px;
    background: #fff;
    border-radius: 15px;
    cursor: pointer
}

.head-title {
    font-size: 22px;
    color: #636363;
    font-weight: 400
}

.card {
    background-color: transparent
}

@media (max-width: 991.98px) {
    .btn-blue {
        font-size:10px
    }

    .tab-name {
        font-size: 13px
    }

    .table-cta {
        float: none!important;
        text-align: center
    }

    .betting-tabs-card .nav-item .nav-link {
        font-size: 10px;
        white-space: nowrap
    }

    .betting-tabs-card .table-comp td,.betting-tabs-card .table-comp th {
        font-size: 11px;
        font-weight: 400;
        padding: .25rem
    }

    .bet_info_m {
        background-color: #eaeaea;
        color: #000!important
    }

    .bet_info_m>td {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .betting-container {
        padding: 5px;
        margin: 0;
        border: 0
    }

     .nav-tabs .nav-item {
        width: 25%;
        text-align: center
    }
}

.select-game {
    background-color: #424242;
    color: #fff
}

.delete-icon {
    cursor: pointer
}

.delete-icon:hover {
    color: #0091ff
}

.all-delete,.all-delete:active {
    background-color: #121212!important;
    border-color: #0091ff;
    color: #fff
}

.all-delete:hover {
    background-color: rgba(106,199,204,.09019607843137255)!important
}

.attendance-container {
    padding: 20px 20px;
    margin: 20px 30px 30px 20px;
    background-color: rgba(10,9,9,.6705882352941176);
    border: 1px solid #606060;
    animation: cc_anim-data-v-6561d0ec 2s ease 1;
    -webkit-animation: cc_anim-data-v-6561d0ec 2s ease 1
}

@-webkit-keyframes cc_anim-data-v-6561d0ec {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
}



 /* 2026-01-26 요소 못찾음
.table tr {
    line-height: 32px;
    font-weight: 600
}

 .table td {
    padding: 5px;
    color: #959595;
    border-top: 0;
    border-bottom: 1px solid #302f39;
    font-size: 13px
} */

 /* .table td:first-child, .table td:nth-child(2), .table td:nth-child(3), .table td:nth-child(4) {
    text-align: center
} */

a {
    color: #959595
}

a:hover {
    color: #fff
}

/* 2026-01-26 요소 못찾음
.row {
    margin-left: 0;
    margin-right: 0
} */

@media (max-width: 576px) {
     .table td, .table th {
        font-size:12px
    }

    .table-comp .table td:first-child,.table-comp .table td:nth-child(2),.table-comp .table td:nth-child(3),.table-comp .table td:nth-child(4) {
        width: auto
    }

    .attendance-container {
        padding: 5px;
        margin: 0;
        border: 0
    }
}

.attendance-done {
    color: #0091ff
}

.modal-container-header {
    padding-top: 5px;
    padding-bottom: 5px
}

 /* 2026-01-26 요소 못찾음
.nav-tabs {
    border-bottom: 0
} */

.logo img {
    width: 160px
}

.casino-container {
    padding: 20px 0;
    animation: cc_anim-data-v-8060a328 2s ease 1;
    -webkit-animation: cc_anim-data-v-8060a328 2s ease 1
}

@-webkit-keyframes cc_anim-data-v-8060a328 {
    0% {
        top: -20px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

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

    to {
        top: 0;
        opacity: 1
    }
}

 /* 2026-01-26 요소 못찾음
.modal-container {
    padding: 10px
}

.nav-tabs {
    border-bottom: 0;
    padding-right: 50px
}

 .nav-tabs .nav-item {
    width: 15%;
    text-align: center
} */

.right-container {
    border-image-slice: 1;
    position: relative;
    z-index: 3;
    color: #fff
}

.right-container .rigth-container-title {
    width: 100%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 11px 3px
}

.right-container strong {
    position: relative;
    display: inline-block
}

.guest-dm {
    cursor: pointer;
    width: 38px;
    background: #b13d3b;
    color: #fff;
    text-align: center;
    height: 18px;
    line-height: 18px;
    border-radius: 3px;
    margin-left: 5px;
    padding: 2px 10px
}

.menu-list {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    flex-direction: row;
    padding: 15px
}

.menu-item {
    flex-basis: 47%;
    text-align: center;
    border: 1px solid #0091ff;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: .4rem;
    background-color: #242424;
    color: #fff;
    font-weight: 700;
    padding: 10px
}

.my-info {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    padding: 15px
}

.my-info div {
    padding: .25rem
}

.wallet-money {
    color: #fff;
    padding: 4px 11px 5px
}

.money-box {
    color: #ebc212
}

.logout {
    background: #7e481a;
    color: #fff;
    border: 0
}

 .modal-backdrop {
    width: 100%;
    height: 100%
}

 .modal-dialog {
    /* margin-top: 5%!important */
}

 /* 2026-01-26 요소 못찾음
.modal-body {
    padding: 0;
}

 .modal-dialog .modal-header .close {
    padding: 5px 20px 10px 10px;
    color: #fff!important;
    text-shadow: none;
    font-size: 40px;
    opacity: 1
} */

 /* .modal-dialog .modal-header {
    border: 0
}

 .modal-dialog .modal-header .close:hover, .modal-dialog .modal-header .modal-title {
    color: #0091ff!important;
} */

@media (min-width: 576px) {
     #modal-login .modal-dialog {
        max-width:400px!important;
        margin: 1.75rem auto
    }

     #modal-signup .modal-dialog {
        max-width: 800px!important;
        margin: 1.75rem auto
    }

     .modal-dialog {
        max-width: 900px!important;
        margin: auto
    }

     /* 2026-01-26 요소 몾찾
     #modal-my-page .modal-dialog {
        max-width: 1200px!important;
        margin: 1.75rem auto
    } */

     #modal-game-live .modal-dialog, #modal-game-slot .modal-dialog, #modal-game .modal-dialog {
        max-width: 1020px!important;
        margin: 1.75rem auto
    }
}

@media (max-width: 576px) {
     .modal-dialog .modal-header {
        background-color:#181818;
        color: #fff;
        border: 0
    }

     .modal-dialog .modal-header .modal-title {
        margin-left: 40%
    }

     .modal-dialog .modal-header .close {
        padding: 5px 20px 10px 10px;
        color: #fff!important;
        text-shadow: none;
        font-size: 40px;
        opacity: 1
    }

     .modal {
        padding: 0!important
    }

     .modal-dialog {
        max-width: 100%!important;
        margin: 0!important;
        margin-top: 0!important;
        background-color: #181818;
        min-height: 100%;
        height: 100%
    }
}

@media (max-width: 992px) {
     .modal-content {
        /* border:0!important; */
    }
}

 .modal-close {
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

 .modal-close:before {
    background: transparent;
    border-radius: 3px;
    color: #fff;
    font-size: 35px;
    font-weight: 400;
    height: 30px;
    line-height: 26px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 30px;
    content: "\00D7";
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif
}

 /* 2026-01-26 요소 못찾
.modal-content {
    border: 10px solid #242424;
    border-radius: 0;
    background-color: #121212;
    box-shadow: inset 0 0 4px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.5)
} */

 .tab-pane .form-control {
    border: 1px solid #0091ff;
    background-color: #1e1e1e;
    color: #fff
}

 .form-control:focus {
    background-color: #3c3c3c;
    color: #fff
}

 .form-control::-moz-placeholder {
    color: #d4d0d0;
    opacity: 1
}

 .form-control:-ms-input-placeholder {
    opacity: 1
}

 .form-control::placeholder {
    color: #d4d0d0;
    opacity: 1
}

 .form-control:-ms-input-placeholder {
    color: #d4d0d0
}

 .form-control::-ms-input-placeholder {
    color: #d4d0d0
}

 .page-item .page-link {
    background-color: #222;
    border-color: #606060;
    color: #fff
}

 .page-item.active .page-link {
    background-color: rgba(51,38,38,.8);
    border-color: #0091ff;
    color: #0091ff
}

 .page-item.disabled .page-link {
    background-color: #222;
    border-color: #606060;
    color: #fff
}

 button:focus {
    outline: 0
}

 .text-title {
    color: #ececec!important
}

 .modal .nav-link {
    font-size: 16px;
    background-color: #0e0e0e!important;
    color: #fff;
    border: 0;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    margin-right: 2px;
    margin-left: 1px;
    height: 45px;
    padding: 10px 5px 5px 5px
}

 .modal .nav-link.active {
    color: #fff!important;
    font-weight: 700;
    border-bottom: 1px solid #0091ff
}

@-webkit-keyframes img_blink-data-v-af341272 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes img_blink-data-v-af341272 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.smsbox {
    z-index: 100;
    border-radius: 10%;
    color: #fff;
    position: fixed;
    width: 200px;
    height: 160px;
    bottom: 200px;
    left: 50%;
    margin-left: -100px;
    border: 1px solid #60ff00;
    background-color: rgba(42,42,41,.8509803921568627);
    text-align: center;
    cursor: pointer
}

.smsbox img {
    width: 100px;
    margin: 10px 0;
    -webkit-animation: img_blink-data-v-af341272 1.5s infinite;
    animation: img_blink-data-v-af341272 1.5s infinite
}

.smsbox .close {
    padding: 5px 10px;
    text-align: right;
    background-color: rgba(0,0,0,.8)
}

.smsbox .icon {
    font-size: 5rem
}

.smsbox .contents {
    color: #fff
}

.smsbox-enter-active,.smsbox-leave-active {
    transition: opacity .5s
}

.smsbox-enter,.smsbox-leave-to {
    opacity: 0
}

.close-container {
    padding-top: 20px;
    width: 100%
}

div.text-center {
    color: #fff;
    font-weight: bolder;
    font-size: xx-large;
}

div.text-center p.second-text {
    font-size: x-large;
    color: #fcec92
}

div.text-center img.second-img {
    margin-top: 25px
}

div.text-center img {
    margin-bottom: 25px
}

@media screen and (max-width: 992px) {
    .smsbox {
        height:120px;
        width: 140px;
        top: 40vh;
        margin-left: -20%
    }

    .smsbox .icon {
        font-size: 2rem
    }

    .smsbox img {
        width: 86px;
        margin: 5px 0
    }

    div.text-center {
        font-size: x-large
    }

    div.text-center p.second-text {
        font-size: large
    }

    div.text-center img.second-img {
        width: 50%
    }
}

.sms-blink {
    -webkit-animation: condemned_blink_effect-data-v-af341272 2s linear infinite;
    animation: condemned_blink_effect-data-v-af341272 2s linear infinite
}

@-webkit-keyframes condemned_blink_effect-data-v-af341272 {
    0% {
        background-color: #f900ad
    }

    50% {
        background-color: #ac00f9
    }

    to {
        background-color: #f900ad
    }
}

@keyframes condemned_blink_effect-data-v-af341272 {
    0% {
        background-color: #f900ad
    }

    50% {
        background-color: #ac00f9
    }

    to {
        background-color: #f900ad
    }
}

.launcher-container {
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100vh;
    min-height: -webkit-fill-available
}

.header {
    font-weight: 700;
    font-size: 24px;
    color: gold;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 50px
}

.launcher {
    display: flex;
    width: 100%;
    height: calc(100vh - 50px);
    flex-direction: column;
    overflow: hidden
}

.iframe-launcher {
    flex-grow: 1;
    border: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 992px) {
    .launcher-container {
        width:100%;
        padding: 0;
        margin: 0;
        height: 90vh
    }

    .header {
        font-size: 16px;
        padding-top: 2px;
        padding-bottom: 2px;
        height: 30px
    }

    .launcher {
        height: calc(90vh - 100px)
    }
}