@font-face {
    font-family: "sc-regular";
    src:
        url("/static/css/font/scdream4.woff2") format("woff2"),
        url("/static/css/font/scdream4.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "sc-medium";
    src:
        url("/static/css/font/scdream5.woff2") format("woff2"),
        url("/static/css/font/scdream5.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "sc-bold";
    src:
        url("/static/css/font/scdream6.woff2") format("woff2"),
        url("/static/css/font/scdream6.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "grdr";
    src: url("/static/css/font/GRDR.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: 'pcp';
    src: url('/static/css/font/pcp.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
} */
@font-face {
    font-family: attgd;
    src: url("/static/css/font/aTITGD1R.eot");
    src:
        url("/static/css/font/aTITGD1R.eot?#iefix") format("embedded-opentype"),
        url("/static/css/font/aTITGD1R.woff") format("woff"),
        url("/static/css/font/aTITGD1R.ttf") format("truetype");
}

html {
    overflow: overlay;
}

html,
body {
    margin: 0;
    height: 100%;
}

iframe {
    border: 0;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    transition: 0.3s;
    font-family:
        attgd,
        sc-medium,
        Malgun Gothic,
        dotum;
    font-weight: 100;
}

.w30 {
    width: 30px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.w300 {
    width: 300px;
}

*::-webkit-scrollbar {
    width: 1px;
    height: 1px;
    display: none;
    transition: 0.3s;
}

*:hover::-webkit-scrollbar {
    display: block;
    transition: 0.3s;
}

*::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 42%, 0.49);
}

body::-webkit-scrollbar {
    width: 1px;
    height: 20px;
    display: none;
    transition: 0.3s;
}

body:hover::-webkit-scrollbar {
    display: block;
    transition: 0.3s;
}

body::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, 0.49);
}

a {
    color: #fff;
}

body {
    background: #090909;
    background-image: url(/static/img/bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: 100% 100%;
}

.cb {
    clear: both;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left !important;
}

.tr {
    text-align: right !important;
}

.dspn {
    display: none !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pst_r {
    position: relative;
}

.wrap {
    width: 100%;
    color: #fff;
    font-size: 12px;
}

.snb_btn {
    overflow: hidden;
}

.snb_left {
    position: fixed;
    left: -300px;
    width: 300px;
    height: 100%;
    background: #111;
    overflow-y: overlay;
    overflow-x: hidden;
}

.snb_left ul {
    width: 300px;
    background: #222;
    height: 243px;
    padding-bottom: 3px;
}

.snb_left ul li {
    float: left;
    margin-left: 1px;
}

.snb_left ul li a,
.snb_left ul li span.mg_link {
    display: block;
    width: 98px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 1px;
    text-shadow: 1px 1px 5px rgb(0 0 0 / 100%);
    background: #111;
    cursor: pointer;
    font-weight: 400;
}

.snb_left ul li a i {
    color: #ffffff;
}

.snb_left ul li a:hover i {
    color: #ffffff;
}

.snb_logo {
    text-align: center;
    padding: 10px 0;
    background: #111;
    box-shadow: 0px 2px 3px #000;
    margin-bottom: 10px;
}

.snb_logo img {
    height: 25px;
}

.btn_top_join {
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    padding: 0 !important;
    width: 100px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.btn_top_login {
    cursor: pointer;
    border: 2px solid;
    height: 30px;
    line-height: 30px;
    width: 100px;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
}

.btn_top_logout {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    height: 30px;
    line-height: 33px;
    width: 120px;
    border-radius: 30px;
    text-align: center;
    padding: 0 !important;
    border-radius: 30px;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 2px 6px rgba(0, 0, 0, 0.6);
}

.btn_top_logout i {
    color: #fff !important;
}

.login_box {
    position: relative;
    width: 320px;
    margin: 0 auto 0px auto;
    padding: 20px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
}

.login_logo {
    text-align: center;
    padding: 20px 0 0;
}

.login_logo img {
    max-width: 400px;
}

.login_box .ip_id,
.login_box .ip_pw {
    width: 317px;
    height: 43px;
    line-height: 43px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 1px;
    border-radius: 4px;
    background: rgba(50, 50, 50, 0.5);
    transition: 0.2s;
    border: 1px solid #000;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
    text-align: center;
}

.login_box .ip_sm {
    width: 320px;
    height: 52px;
    line-height: 50px;
    margin-bottom: 5px;
    cursor: pointer;
    vertical-align: middle;
    display: block;
    padding: 0;
    border-radius: 4px;
    color: #000;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.7);
    border: solid 1px #000;
    transition: 0.2s;
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);
    background: linear-gradient(to bottom, rgb(247, 222, 0) 1%, rgba(243, 166, 28, 0.79) 100%);
    font-size: 14px;
    margin: 1px;
}

.btn_register {
    cursor: pointer;
    display: block;
    width: 318px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.7);
    border: solid 1px #000;
    transition: 0.2s;
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin: 1px;
    background: linear-gradient(to bottom, rgba(89, 89, 89, 1) 0%, rgba(51, 51, 51, 1) 100%);
}

.level_area {
    padding: 3px;
}

.level_icon {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.level_icon.classic {
    background: url("/static/img/classic.gif?v=1") no-repeat top center;
    background-size: contain;
    margin-top: 2px;
}

.level_icon.special {
    background: url("/static/img/special.gif?v=1") no-repeat top center;
    background-size: contain;
    margin-top: 2px;
}

.level_icon.vip {
    background: url("/static/img/vip.gif?v=1") no-repeat top center;
    background-size: contain;
    margin-top: 2px;
}

.level_icon.mvp {
    background: url("/static/img/mvp.gif?v=1") no-repeat top center;
    background-size: contain;
    margin-top: 2px;
}

.level_icon.royal {
    background: url("/static/img/royal.gif?v=1") no-repeat top center;
    background-size: contain;
    margin-top: 2px;
}

.icon_level {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;
    padding: 0 3px;
    vertical-align: 9px;
}

/*.icon_level {
    border:1px solid #111;
    color:#fff;font-size:12px;letter-spacing:1px;
    display:inline-block;padding:1px 3px;
}*/
.lv_1 {
    background: linear-gradient(to bottom, rgba(50, 50, 50, 1) 0%, rgba(20, 20, 20, 1) 100%);
}

.lv_2 {
    background: linear-gradient(to bottom, rgba(241, 217, 0, 1) 0%, rgba(120, 100, 0, 1) 100%);
}

.lv_3 {
    background: linear-gradient(to bottom, rgba(30, 30, 164, 1) 0%, rgba(15, 15, 100, 1) 100%);
}

.lv_4 {
    background: linear-gradient(to bottom, rgba(47, 122, 175, 1) 0%, rgba(6, 56, 90, 1) 100%);
}

.lv_5 {
    background: linear-gradient(to bottom, rgba(164, 69, 224, 1) 0%, rgba(77, 6, 90, 1) 100%);
}

.lv_6 {
    background: linear-gradient(to bottom, rgba(65, 224, 165, 1) 0%, rgba(0, 109, 94, 1) 100%);
}

.lv_7 {
    background: linear-gradient(to bottom, rgba(228, 181, 76, 1) 0%, rgba(138, 83, 0, 1) 100%);
}

.lv_8 {
    background: linear-gradient(to bottom, rgba(228, 76, 146, 1) 0%, rgba(93, 0, 73, 1) 100%);
}

.lv_9 {
    background: linear-gradient(to bottom, rgba(30, 164, 30, 1) 0%, rgba(15, 100, 15, 1) 100%);
}

.lv_10 {
    background: linear-gradient(to bottom, rgba(164, 30, 30, 1) 0%, rgba(100, 15, 15, 1) 100%);
}

.out_nick {
}

.out_login_info_1 {
    display: flex;
    align-items: center;
    padding: 8px 5px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    border: 1px solid #171717;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(0deg, #111 0%, #141414 65.87%, #434343 100%);
    box-shadow:
        inset 0 4px 5px rgba(0, 0, 0, 0.4),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.out_login_info_1 a {
    margin-left: auto;
    color: #fff;
}

.out_login_info_1 a.out_edit_btn {
    margin-left: auto;
    padding: 2px 8px;
    font-size: 11px;
    line-height: 18px;
    color: #ffe418;
    border: 1px solid #5a4a16;
    border-radius: 4px;
    background: linear-gradient(0deg, #1a1407 0%, #2a2008 100%);
    white-space: nowrap;
    text-decoration: none;
}

.out_login_info_1 a.out_edit_btn:hover {
    filter: brightness(1.2);
}

.out_login_info_2 {
    padding: 8px 5px;
    text-align: right;
}

.out_login_info_4 {
    padding: 8px 5px;
    text-align: right;
    margin-bottom: 5px;
}

.out_login_info_5 {
    padding: 8px 5px;
    text-align: right;
    margin-bottom: 5px;
}

.out_login_bar {
    margin: 0 auto;
    width: 97%;
    height: 0;
    border-bottom: 1px solid #444444;
    background: #444444;
}

.out_sub_ttl {
    float: left;
}

.money {
    color: #ffffff;
}

.point {
    color: #5f5;
}

.rs_money {
    color: #b79939;
}

.rs_point {
    color: #5f5;
}

.out_login_info_3 {
    display: flex;
    justify-content: space-around;
    margin-bottom: 5px;
}

.out_login_info_3 a {
    display: block;
    width: calc(20% - 5px);
    border-image: linear-gradient(to bottom, #000000, #000000) 1;
    box-sizing: border-box;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #2c2c2c 0%, #070707 100%);
    text-align: center;
    border-radius: 5px;
    padding: 8px 0;
    position: relative;
    overflow: hidden;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease,
        color 0.25s ease;
}

/* แสงวิ่ง */
.out_login_info_3 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    transform: skewX(-25deg);
    transition: 0.6s;
}

.out_login_info_3 a:hover {
    background: linear-gradient(180deg, var(--color-leftend), var(--color-leftstart));

    color: #ecdf49;
    transform: translateY(-3px);

    box-shadow:
        inset 0 0 0 1px #000,
        0 4px 10px rgb(0 0 0 / 18%),
        0 0 12px rgb(252 182 36 / 0%);
}

.out_login_info_3 a:hover::before {
    left: 150%;
}

.out_login_info_3 a:active {
    transform: translateY(1px);
}

.out_login_info_3 a i {
    margin-bottom: 8px;
    display: block;
    text-align: center;
}

.out_login_info_3 a:last-child i {
    color: #f00;
}

.minigame_tab {
    text-align: center;
    background: #222;
    border: 1px solid #333;
    border-right: 0;
    border-bottom: 0;
    margin-bottom: 8px;
}

.mini_tab_area {
    display: flex;
    width: 100%;
}

.minigame_tab a {
    display: inline-block;
    text-align: center;
    width: calc(50% - 1px);
    height: 40px;
    line-height: 40px;
    background: #222;
    margin: 0;
    border: 0;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

.minigame_tab a:hover {
    background: #111;
}

.minigame_tab a.on {
    background: #333;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 3px rgb(0 0 0 / 80%);
}

.bet_slip {
    z-index: 9997;
    background: #222;
    position: fixed;
    right: 0;
    height: 100%;
    width: 300px;
    overflow-y: auto;

    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;

    touch-action: pan-y !important;

    -webkit-overflow-scrolling: auto;
    overscroll-behavior: contain;
    overscroll-behavior-y: contain;
    overscroll-behavior-x: none;

    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.bet_slip * {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.out_login {
    width: calc(100% - 0px);
    margin-bottom: 5px;
    border: 2px solid #111111;
}

.out_login i {
    color: #ffffff !important;
}

.out_login table {
    width: 100%;
    border-spacing: 1px;
    background: #000;
}

.out_login table td {
    width: 204px;
}

.out_login table input {
    color: #fff;
    border: 0;
    width: 190px;
    padding: 7px;
    background: #161c22;
}

.out_login table th button {
    display: inline-block;
    width: 100%;
    height: 67px;
    border: 0;
    cursor: pointer;
    background-image: linear-gradient(
        137deg,
        #555 0,
        #000 5%,
        #090909 20%,
        #333 50%,
        #090909 80%,
        #0e0e0e 95%,
        #202020
    );
    color: #fff;
}

.out_login table th button i {
    color: #222;
}

.bet_cart {
    padding: 0 2px 2px;
    width: calc(100% - 6px);
    margin-bottom: 5px;
}

.bc_ttl {
    line-height: 20px;
    padding: 6px 8px;
    color: #666;
    background: #111111;
}

.bc_ttl .bc_da {
    float: right;
    font-weight: normal;
    cursor: pointer;
}

.bc_ttl .bc_da i {
    font-size: 11px;
}

.bc_select {
    background: #111111;
    min-height: 80px;
}

.bc_select .no_data {
    text-align: center;
    line-height: 80px;
}

.bc_sns_box {
    margin-top: 5px;
    margin-bottom: 10px;

    line-height: 18px;

    padding: 10px 10px 10px 80px;
    width: 207px;
}

.bc_sns_box .sns_id {
    font-size: 20px;
}

.bc_sns_box .info {
    font-size: 10px;
}

.box_kakao {
    background: url("/static/img/sns/kakao.png") no-repeat 15px 15px #f1d900;
    color: #3c1e1e;
}

.box_tele {
    background: url("/static/img/sns/tele.png") no-repeat 15px 15px #33bbe8;
}

.box_skype {
    background: url("/static/img/sns/skype.png") no-repeat 15px 15px #2ca2da;
}

.bc_money {
}

.bc_money_top {
    margin: 5px 0;
    background: #111111;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    padding: 0 5px;
    text-indent: 5px;
    border-radius: 3px;
    border: 1px solid #171717;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(0deg, #111 0%, #141414 65.87%, #434343 100%);
    box-shadow:
        inset 0 4px 5px rgba(0, 0, 0, 0.4),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.money_box {
    line-height: 35px;
    float: right;
}

.money_box i {
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
}

.money_box input {
    width: 150px;
    /* height: 20px; */
    background: #313131;
    border: 1px solid #000;
    padding: 3px 8px 3px 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    color: #fff;
    text-align: right;
}

.money_btn_box {
    display: flex;
    justify-content: space-between;
    padding: 0 0 5px;
}

.btn_money {
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    box-shadow:
        rgba(255, 255, 255, 0.1) 0px 1px 0px inset,
        rgba(0, 0, 0, 0.9) 0px 1px 3px;
    color: rgb(255, 255, 255);
    font-weight: normal;
    display: inline-block;
    text-align: center;
    width: 48px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    border-image: initial;
    border-radius: 3px;
    border: 1px solid #171717;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(0deg, #111 0%, #141414 65.87%, #434343 100%);
    box-shadow:
        inset 0 4px 5px rgba(0, 0, 0, 0.4),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.bc_info_box {
    background: #010101;
}

.bc_info_box ul {
    padding: 0 5px;
}

.bc_info_box ul li {
    padding: 10px 5px;
    border-bottom: 1px solid #444444;
    text-align: right;
    font-size: 12px;
}

.bc_info_box ul li .info_left {
    float: left;
}

.bc_info_box ul li .info_white {
    color: #fff;
}

.main_bbs {
    /* height: 235px; */
    font-weight: 200;
    /* margin-top: 5px; */
}

.main_bbs .notice_area {
    display: none;
    float: left;
    width: calc(50% - 8px);
    height: 235px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.main_bbs .event_area {
    float: none;
    width: 100%;
    height: 259px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*시그니처색*/
.main_bbs_ttl {
    text-align: left;
    display: block;
    padding: 0 16px;
    margin-bottom: 10px;
    font-size: 16px;
    height: 54px;
    line-height: 54px;
    border-radius: 5px;
    color: #fff;
    text-shadow: 0 1px 3px rgb(0 0 0 / 50%);
    font-weight: bold;
}

.main_bbs_sub {
    color: #c5af7e;
    font-size: 14px;
    text-shadow: 0 1px 3px rgb(0 0 0 / 90%);
}

.view_more {
    float: right;
    font-size: 12px;
    color: #cbedf9;
}

.view_more i {
    color: #999;
}

.main_bbs_list {
    height: 260px;
    overflow-y: scroll;
    display: flex;
    align-items: center;
}

.main_bbs_list ul li {
    overflow-x: hidden;
    font-size: 14px;
    color: #b7b391;
}

.main_bbs_list ul li a {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    height: 47px;
    line-height: 47px;
    border-bottom: 1px solid #242424;
}

.main_bbs_list ul li a:hover {
    background: #242424;
}

.main_thumb {
    display: inline-block;
    width: 100%;
}

.main_thumb img {
    width: 100%;
    vertical-align: -9px;
}

.main_list_ttl {
    width: 85%;
}

.main_btn_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    padding: 10px 0 10px;
}

.main_btn_box a {
    border: 1px solid #fff57f;
    background: linear-gradient(180deg, #1d1e23 69%, #313343, #333 20%, #151515 102%);
    border-radius: 7px;
    box-shadow:
        inset 0px 5px 8px 0px rgba(0, 0, 0, 0.6),
        0 0px 8px rgba(200, 200, 200, 0.1);
    color: #eee;
}

.main_btn_box a:hover {
    color: #c4c8fc;
}

.main_btn_box a img {
    display: block;
    height: 50px;
    margin: 15px auto 5px;
}

.main_btn_box a i {
    font-size: 50px;
    margin: 10px 0 10px;
    text-align: center;
    display: block;
}

i.sp_cha {
    height: 50px;
    line-height: 50px;
    font-style: normal;
}

.gnb_box {
    border-top: 2px solid;
    border-bottom: 2px solid;
    height: 39px;
    transition: 0.2s;
    z-index: 9989;
}

.pui_btn_icon i {
    color: #fec65e;
}

.pc_tel img,
.pc_kakao img {
    vertical-align: middle;
}

.top_info_box {
    height: 65px;
    z-index: 9989;
}

.top_right_box {
    height: 65px;
    line-height: 65px;
    padding: 0 10px 0 20px;
    margin-top: 10px;
}

.top_right_box a,
.top_right_box .tel_btn,
.top_right_box .kakao_btn {
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
    cursor: pointer;
    color: #fff;
    position: relative;
    transition:
        color 0.35s ease,
        transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1),
        text-shadow 0.35s ease;
}

/* Hover Premium */
.top_right_box a:hover,
.top_right_box .tel_btn:hover,
.top_right_box .kakao_btn:hover {
    color: #c5af7e;

    transform: translateY(-2px);

    text-shadow:
        0 0 6px rgba(197, 175, 126, 0.35),
        0 2px 8px rgba(0, 0, 0, 0.8);
}

/* Gold underline */
.top_right_box a::after,
.top_right_box .tel_btn::after,
.top_right_box .kakao_btn::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: -5px;

    width: 0;
    height: 2px;

    background: linear-gradient(90deg, transparent, #c5af7e 35%, #fff1bd 50%, #c5af7e 65%, transparent);

    transform: translateX(-50%) scaleX(0.5);

    opacity: 0;

    transition:
        width 0.35s ease,
        opacity 0.35s ease,
        transform 0.35s ease;
}

/* Active underline */
.top_right_box a:hover::after,
.top_right_box .tel_btn:hover::after,
.top_right_box .kakao_btn:hover::after {
    width: 85%;
    opacity: 1;
    transform: translateX(-50%) scaleX(1);
}

.btn_left_join a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 5px 0;
    background: linear-gradient(to bottom, rgba(30, 80, 164, 1) 1%, rgba(15, 50, 100, 1) 100%);
}

.logo_gnb {
    float: left;
    text-align: center;
    overflow: hidden;
    margin: 0px 0 0 91px;
}

.logo_gnb a {
    display: inline-block;
    overflow: hidden;
    text-align: left;
}

.logo_gnb a img {
    height: 60px;
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: translateZ(0);
    will-change: transform, filter;
}

.logo_gnb a:hover img {
    transform: scale(1.05);
    opacity: 0.92;
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.35)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.12));
}

.gnb_menu_box {
    text-align: center;
}

.gnb_menu_box ul li {
    display: inline-grid;
    position: relative;
    height: 50px;
    width: auto;
}

.gnb_menu_box a,
.gnb_menu_box span {
    display: inline-block;
    text-align: center;
    height: 50px;
    padding: 0 19px;
    font-size: 16px;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
    transition: all 0.25s ease;
    cursor: pointer;
    position: relative;
}

/* Hover */
.gnb_menu_box a:hover,
.gnb_menu_box span:hover {
    color: #f7d56b !important;
    text-shadow:
        0 0 8px rgba(247, 213, 107, 0.5),
        0 1px 1px rgba(0, 0, 0, 0.9);
    transform: translateY(-2px);
}

/* เส้นทองใต้เมนู */
.gnb_menu_box a::after,
.gnb_menu_box span::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 6px;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #f7d56b, transparent);
    transform: translateX(-50%);
    transition: width 0.3s ease;
}

.gnb_menu_box a:hover::after,
.gnb_menu_box span:hover::after {
    width: 80%;
}

.gnb_menu_box a.sp_menu {
    color: #af1605;
}

.gnb_menu_box a:last-child {
    background: none;
}

.main_banner_box {
    overflow: hidden;
}

.main_mid_box {
    border: 1px solid #444;
    background: #222;

    height: 98px;
    margin: 20px 0;
}

.main_mid_box a {
    display: inline-block;
    border-right: 1px solid #444;
    height: 98px;
    width: 195px;
    text-align: center;
    transition: 0.2s;
}

.main_mid_box a img {
    margin-top: 3px;
}

.main_mid_box a:hover {
    opacity: 0.6;
    color: #f66;
}

.main_mid_box a:last-child {
    border: 0;
}

.foot_banner_box {
    text-align: center;
    border-bottom: 1px solid #000;
    background: #222;
    padding: 20px 0;
    margin-top: 20px;
}

.footer {
    min-width: 1200px;
}

.foot_banner_box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.foot_banner_box ul li {
    width: 11%;
    float: left;
}

.ft_icon {
    margin: 0 2%;
    background: url("/static/img/sp_img.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 56px;
    width: 77px;
    text-indent: -9999px;
    transition: 0.2s;
}

.ft_icon_01 {
    background-position: 0 -250px;
}

.ft_icon_01:hover {
    background-position: 0 -376px;
}

.ft_icon_02 {
    background-position: -81px -250px;
}

.ft_icon_02:hover {
    background-position: -81px -376px;
}

.ft_icon_03 {
    background-position: -162px -250px;
}

.ft_icon_03:hover {
    background-position: -162px -376px;
}

.ft_icon_04 {
    background-position: -243px -250px;
}

.ft_icon_04:hover {
    background-position: -243px -376px;
}

.ft_icon_05 {
    background-position: -324px -250px;
}

.ft_icon_05:hover {
    background-position: -324px -376px;
}

.ft_icon_06 {
    background-position: 0 -310px;
}

.ft_icon_06:hover {
    background-position: 0 -436px;
}

.ft_icon_07 {
    background-position: -81px -310px;
}

.ft_icon_07:hover {
    background-position: -81px -436px;
}

.ft_icon_08 {
    background-position: -162px -310px;
}

.ft_icon_08:hover {
    background-position: -162px -436px;
}

.ft_icon_09 {
    background-position: -243px -310px;
}

.ft_icon_09:hover {
    background-position: -243px -436px;
}

.foot_cp {
    background: #222;
    padding: 20px 0;
    text-align: center;
    overflow: hidden;
    border-top: 1px solid #444;
    color: #ccc;
    font-family: "Open Sans", sans-serif;
}

.main_bottom_box {
    height: 270px;
}

.main_bottom_box a {
    display: inline-block;
    width: 229px;
    height: 270px;
    border: 1px solid #444;
    background: #222;
    overflow: hidden;
    text-align: center;
    margin-left: 6px;
    transition: 0.5s;
}

.main_bottom_box a.mbb_01 {
    margin-left: 0;
}

.main_bottom_box a span.img {
    display: block;
    border-bottom: 1px solid #444;
    padding: 5px 0;
}

.main_bottom_box a span.img img {
    width: 200px;
    transition: 0.5s;
}

.main_bottom_box a span.title {
    display: block;
    transition: 0.5s;
    padding: 15px 0 0;
    font-size: 14px;
}

.main_bottom_box a:hover {
    background: #f99;
}

.main_bottom_box a:hover span.title {
    color: #333;
    font-size: 18px;
    padding: 25px 0;
}

.main_bottom_box a:hover span.img img {
    opacity: 0.5;
}

.change_mobile {
    font-size: 24px;
    text-align: center;
    padding: 10px 0;
    border: 1px solid #fff;
    margin: 20px auto;
    width: 1150px;
    display: block;
    border-radius: 15px;
}

.sub_top_box {
    height: 48px;
    border: solid 1px #444;
    margin: 5px 0 0;
    background: #222;
    box-sizing: border-box;

    overflow: hidden;
}

.sub_top_box a {
    float: left;
    color: #fff;
    width: 16.66%;
    border-right: solid 1px #444;
    box-sizing: border-box;
    text-align: center;
    transition: 0.2s;
    height: 48px;
    line-height: 48px;
}

.sub_top_box a:last-child {
    border: 0;
}

.sub_top_box a:hover {
    color: #fae100;
    opacity: 0.5;
}

.sub_top_box a img {
    height: 40px;
    vertical-align: middle;
    margin-top: -4px;
}

.game_list_box {
    padding-top: 80px;
    overflow: hidden;

    background: #252525;
    z-index: 151;
    width: 900px;
    border: solid 1px #444444;
    float: left;
    position: relative;
    padding-bottom: 50px;
    min-height: 580px;
}

.game_list img {
    width: 27px;
    vertical-align: middle;
    margin-top: -2px;
}

.game_list table,
.game_notice table,
.game_bonus table {
    width: 100%;
    border-spacing: 5px;
}

.game_list table th,
.game_notice table th,
.game_bonus table th {
    text-align: left;
    background: #111;
    border: 1px solid #111;
    height: 40px;
    line-height: 40px;
    text-indent: 20px;
    color: #fff;
    font-family: "Nanum Gothic", sans-serif;
    font-weight: bold;
    padding: 0 10px;
}

.game_notice table td {
    text-align: center;
    font-size: 14px;
    color: #ff0;
}

td.sp_open_all {
    width: 100px;
    color: #fff !important;
    cursor: pointer;
}

td.sp_team_home,
td.sp_team_away,
td.sp_draw,
td.sp_open,
td.sp_open_all {
    vertical-align: middle;
    font-size: 12px !important;
    font-family: dotum;
    color: #fff;
    height: 30px;
    padding: 0 10px;
    border: solid 1px #111 !important;
    font-weight: bold;
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);

    transition: 0.2s;
    background: linear-gradient(to bottom, rgba(85, 85, 85, 1) 0%, rgba(56, 56, 56, 1) 100%);
}

td.sp_team_home:hover,
td.sp_team_away:hover,
td.sp_draw:hover,
td.sp_open:hover,
td.sp_open_all:hover {
    background: linear-gradient(to bottom, rgba(58, 58, 58, 1) 0%, rgba(30, 30, 30, 1) 100%);
}

.bet_list_tb td.sp_team_home:hover,
.bet_list_tb td.sp_team_away:hover,
.bet_list_tb td.sp_draw:hover,
.bet_list_tb td.sp_open:hover,
.bet_list_tb td.sp_open_all:hover {
    background: linear-gradient(to bottom, rgba(85, 85, 85, 1) 0%, rgba(56, 56, 56, 1) 100%);
    cursor: default;
}

.bet_on {
    background: linear-gradient(to bottom, rgba(255, 214, 94, 1) 0%, rgba(254, 191, 4, 1) 99%) !important;
    color: #000 !important;
}

.bet_on:hover {
    background: linear-gradient(to bottom, rgba(255, 214, 94, 1) 0%, rgba(254, 191, 4, 1) 99%);
}

.bet_on span {
    color: #000 !important;
}

td.sp_team_home {
    cursor: pointer;
    width: 270px;
}

td.sp_team_home span.ratio {
    float: right;
    margin-left: 5px;
}

td.sp_team_away {
    cursor: pointer;
    text-align: right;
    width: 270px;
}

td.sp_team_away span.ratio {
    float: left;
    margin-right: 5px;
}

td.sp_time {
    text-align: center;
}

td.sp_open {
    text-align: center;
    width: 50px;
    cursor: pointer;
}

td.sp_open2 {
    width: 80px;
}

td.sp_draw {
    text-align: center;
    width: 55px;
}

.game_ttl {
    text-align: left;
    font-size: 27px;

    color: #b79939;
    height: 67px;
    line-height: 67px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.63);
    margin: 0;
    font-family: NotoSansKR !important;
    padding-left: 15px;
    background: #333;
    position: absolute;
    left: 0;
    top: 0;
    width: 1200px;
    border-bottom: solid 1px #444;
}

.bet_item {
    cursor: pointer;
}

.dr_handi {
    color: #49f !important;
    text-shadow: 1px 1px 1px #000;
}

.dr_ou {
    color: #f66 !important;
    text-shadow: 1px 1px 1px #000;
}

.h_icon i {
    color: #4b4;
}

.o_icon i {
    color: #ef3445;
}

.u_icon i {
    color: #1990ff;
}

.if_con input {
    width: 80px;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    box-shadow: none;
    color: #b79939;
    border: 1px solid #444;
    background: #222;
    padding: 1px 10px;
    line-height: 20px !important;
    height: 20px !important;
    vertical-align: middle;
    margin-top: -3px;
    transition: 0.2s;
    border-radius: 4px;
    font-size: 12px;
}

.btn_max {
    margin-top: 5px;
    font-size: 20px;
    display: block;
    padding: 5px;

    background: linear-gradient(to bottom, rgba(0, 125, 188, 1) 1%, rgba(17, 95, 150, 1) 100%);
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    color: #fff;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.7);
    border: solid 1px #000;
    transition: 0.2s;
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);
    text-align: center;
    cursor: pointer;
    font-family: Malgun Gothic;
}

.btn_max:hover {
    background: linear-gradient(to bottom, rgba(17, 95, 150, 1) 0%, rgba(0, 125, 188, 1) 100%);
}

.bc_btn_box {
    background: #010101;
    padding: 10px 0;
    position: relative;
}

.bc_btn_box i {
    margin-right: 7px;
}

.betting-timer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: 5px;
}

.betting-timer-overlay .timer-content {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.betting-timer-overlay .timer-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.betting-timer-overlay .timer-bg {
    fill: none;
    stroke: #333;
    stroke-width: 4;
}

.betting-timer-overlay .timer-progress {
    fill: none;
    stroke: #d6ad00;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 188;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s linear;
}

.betting-timer-overlay .timer-text {
    font-size: 14px;
    font-weight: bold;
    color: #d6ad00;
    z-index: 1;
}

.betting-timer-overlay .timer-cancel {
    margin-top: 8px;
    font-size: 12px;
    color: #888;
    cursor: pointer;
    padding: 3px 10px;
    border: 1px solid #444;
    border-radius: 3px;
    transition: all 0.2s;
}

.betting-timer-overlay .timer-cancel:hover {
    color: #fff;
    border-color: #666;
    background: #333;
}

.btn_bet {
    font-size: 14px;
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 5px;
    background: #111111;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    color: #fff;
    transition: 0.2s;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
}

.btn_bet:hover {
    background: #222;
    color: #fff;
}

.btn_cancel {
    margin: 5px 0 0;
    font-size: 16px;
    display: block;
    width: 50%;
    padding: 5px;

    background: linear-gradient(to bottom, rgba(153, 51, 0, 1) 1%, rgba(100, 15, 15, 1) 100%);
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    color: #fff;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.7);
    border: solid 1px #000;
    transition: 0.2s;
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);
    text-align: center;
    cursor: pointer;
}

.btn_cancel:hover {
    background: linear-gradient(to bottom, rgba(100, 15, 15, 1) 0%, rgba(153, 51, 0, 1) 100%);
}

.blind_ttl {
    position: absolute;
    top: 190px;
    left: 80px;
    padding: 5px;
    background: #9d6147;
    color: #fae6c2;
    font-size: 18px;

    text-align: center;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
}

.blind_list ul {
    margin: 5px 0 0 5px;
    width: 197px;
}

.blind_list ul li {
    padding: 6px;

    background: #583d2e;
    margin-bottom: 6px;
}

.blind_list ul li.nobet {
    padding: 20px 0;
    text-align: center;
}

.blue_circle,
.green_circle,
.red_circle,
.black_circle,
.a_circle,
.b_circle,
.c_circle,
.d_circle {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 21px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    border: 2px solid #000;
    text-shadow: 1px 1px 3px #000;
}

.blue_rect,
.red_rect,
.green_rect {
    display: inline-block;
    height: 40px;
    border-radius: 10px;
    padding: 0 10px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    border: 2px solid #000;
    text-shadow: 1px 1px 3px #000;
}

.blue_rect {
    background: linear-gradient(to bottom, rgba(0, 125, 188, 1) 1%, rgba(17, 95, 150, 1) 100%);
}

.green_rect {
    background: linear-gradient(to bottom, rgba(19, 164, 26, 1) 1%, rgba(9, 128, 17, 1) 100%);
}

.red_rect {
    background: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
}

.blue_circle {
    background: linear-gradient(to bottom, rgba(0, 125, 188, 1) 1%, rgba(17, 95, 150, 1) 100%);
}

.green_circle {
    background: linear-gradient(to bottom, rgba(19, 164, 26, 1) 1%, rgba(9, 128, 17, 1) 100%);
}

.red_circle {
    background: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
}

.black_circle {
    background: linear-gradient(to bottom, rgba(50, 50, 50, 1) 1%, rgba(0, 0, 0, 1) 100%);
}

.blue_circle_out,
.green_circle_out,
.red_circle_out,
.black_circle_out {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 21px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    border: 2px solid #000;
    text-shadow: 1px 1px 3px #000;
}

.blue_circle_out {
    border: 2px solid rgb(0, 125, 188);
}

.green_circle_out {
    border: 2px solid rgb(19, 164, 26);
}

.red_circle_out {
    border: 2px solid rgb(164, 19, 26);
}

.black_circle_out {
    border: 2px solid rgb(0, 0, 0);
}

.green_circle2,
.blue_circle2,
.red_circle2,
.yellow_circle2 {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    margin: 3px 0 0 3px;
    border: 1px solid #000;
    text-shadow: 1px 1px 3px #000;
}

.blue_circle2 {
    background: linear-gradient(to bottom, rgba(0, 125, 188, 1) 1%, rgba(17, 95, 150, 1) 100%);
}

.red_circle2 {
    background: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
}

.green_circle2 {
    background: linear-gradient(to bottom, rgba(19, 164, 26, 1) 1%, rgba(9, 128, 17, 1) 100%);
}

.cart_ratio {
    line-height: 57px;
    font-size: 18px;
    margin-left: 10px;
}

.stat_draw,
.stat_wait,
.stat_win,
.stat_lose {
    display: inline-block;
    float: right;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #000;
    text-align: center;
    margin: 3px 3px 0 0;
}

.stat_wait {
    background: linear-gradient(to bottom, rgba(55, 55, 55, 1) 1%, rgba(11, 11, 11, 1) 100%);
}

.stat_win {
    background: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
}

.stat_draw {
    background: linear-gradient(to bottom, rgba(19, 164, 26, 1) 1%, rgba(9, 128, 17, 1) 100%);
}

.stat_lose {
    background: linear-gradient(to bottom, rgba(0, 125, 188, 1) 1%, rgba(17, 95, 150, 1) 100%);
}

.bet_five_list .num {
    display: inline-block;
    width: 50px;
    text-align: center;
}

.board_ttl {
    text-align: left;
    font-size: 27px;

    color: #b79939;
    height: 67px;
    line-height: 67px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.63);
    margin: 0;
    font-family: NotoSansKR !important;
    padding-left: 15px;
    background: #333;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: solid 1px #444;
}

.bd_no {
    width: 80px;
}

.bd_chk {
    width: 30px;
}

.bd_name {
    width: 150px;
}

.bd_date {
    width: 100px;
}

.paging_box {
    text-align: center;
    padding: 20px 0;
}

.paging_box strong,
.paging_box a {
    font-size: 14px;
    display: inline-block;
    border: 1px solid #444;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 5px;
}

.paging_box strong {
    background: #111;
}

.board_view {
    padding: 20px;
}

.board_view .board_subject {
    background: #333333;
    font-size: 14px;
    padding: 10px;
}

.board_view .board_subject * {
    font-size: 14px;
}

.view_info {
    padding: 10px;
    border-bottom: 1px solid #444;
    color: #fff;
}

.view_content {
    padding: 10px;
    border-bottom: 1px solid #444;
    min-height: 50px;
    color: #fff;
}

.list_notice {
    color: #24b2e5;
}

.tr_notice {
    background: rgba(100, 230, 255, 0.1);
}

.betting_info {
    padding: 10px;
    background: #333;
    height: 20px;
    border-bottom: 10px solid #aaa;
}

.betting_info_left_box {
    float: left;
    line-height: 20px;
}

.betting_info_left_box input {
    vertical-align: middle;
}

.betting_info_right_box {
    float: right;
    line-height: 20px;
}

.sp_score {
    width: 50px;
    text-align: center;
}

.sp_stat {
    width: 50px;
    text-align: center;
}

.b_menu {
    padding: 10px;
}

.b_menu li {
    padding: 10px;
    cursor: pointer;
}

.b_menu li:hover {
    background: #333;
    color: #fff;
}

.tb_st_01 {
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 1px solid #000;
    width: 100%;
}

.tb_st_01 th {
    background: #1b2a4d;
    width: 200px;
    border-bottom: 1px solid #1b2a4d;
    padding: 10px;
}

.tb_st_01 td {
    border-bottom: 1px solid #1b2a4d;
    padding: 10px;
}

.ip_subj {
    padding: 5px;
    background: #333;
    border: 1px solid #666;
    color: #fff;
    width: 800px;
}

.ip_lvl {
    padding: 5px;
    background: #333;
    border: 1px solid #666;
    color: #fff;
    width: 30px;
}

.ip_nick {
    padding: 5px;
    background: #333;
    border: 1px solid #666;
    color: #fff;
    width: 100px;
}

.ta_cont {
    padding: 5px;
    background: #010010;
    border: 1px solid #111111;
    color: #fff;
    width: 800px;
    height: 400px;
}

.btn_list {
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    background: linear-gradient(to bottom, rgba(80, 80, 80, 1) 1%, rgba(33, 33, 33, 1) 100%);
    border: 1px solid #111;
}

.btn_bw_submit {
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    background: linear-gradient(to bottom, rgba(33, 88, 150, 1) 1%, rgba(0, 30, 80, 1) 100%);
    border: 1px solid #111;
    color: #fff;
}

.btn_box {
    padding: 10px 0;
    text-align: right;
}

.icon_bet {
    background: #393;
    font-size: 10px;
    display: inline-block;
    padding: 0 3px 1px;
    border: 1px solid #000;
}

.follow_menu a {
    display: block;
    padding: 10px;
    letter-spacing: 5px;
    border: 1px solid #111;
    margin-bottom: 5px;
    background: linear-gradient(to bottom, rgba(50, 50, 50, 1) 0%, rgba(0, 0, 0, 1) 100%);
    text-align: center;
}

.follow_menu a.on {
    background: linear-gradient(to bottom, rgba(255, 214, 94, 1) 0%, rgba(254, 191, 4, 1) 99%);
    color: #000;
}

.follow_menu a.on:hover {
    background: linear-gradient(to bottom, rgba(255, 214, 94, 1) 0%, rgba(254, 191, 4, 1) 99%);
}

.follow_menu a:hover {
    background: #111;
}

.content_info_box {
    padding: 20px;
}

.content_info_ttl {
    color: #cff536;
    font-size: 14px;
}

.content_info_box ol {
    margin: 10px 20px;
}

.content_info_box ol li {
    list-style: decimal;
    margin-left: 20px;
    margin-bottom: 10px;
    line-height: 150%;
}

.btn_bank {
    display: inline-block;
    padding: 5px 10px;
    border: 2px solid #ffffff;
    border-radius: 20px;
    background: #000;
    margin-top: 10px;
    font-size: 14px;
    cursor: pointer;
}

.btn_bank:hover {
    color: #ffffff;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);
    box-shadow:
        inset 0 -1px 0 rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.9);
    font-weight: bold;
}

.info_notice {
    color: #ff1e1e;
}

.tb_st_dp {
    width: calc(50% - 10px);
    border-spacing: 0;
}

.tb_st_dp th {
    width: 100px;
    text-align: left;
    vertical-align: top;
    padding: 10px 0 0 10px;
}

.tb_st_dp td {
    border-bottom: 1px solid #333;
    padding: 10px;
}

.tb_st_dp td .sel_amt {
    display: inline-block;
    color: #ffffff;
    padding: 5px 9px;
    text-align: center;
    margin-top: 5px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #171717;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(0deg, #111 0%, #141414 65.87%, #434343 100%);
    box-shadow:
        inset 0 4px 5px rgba(0, 0, 0, 0.4),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.set_money {
    background: #eee;
    border: 1px solid #333;
    color: #000000;
    padding: 5px;
    border-radius: 3px;
    width: calc(100% - 12px);
    font-size: 16px;
}

.tb_st_dp td .sel_amt:hover {
    background: #000000;
}

.btn_wd_box {
    text-align: center;
    padding: 20px 0;
}

.btn_wd_submit {
    border: 0;
    font-size: 14px;
    width: 200px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    cursor: pointer;
    border-radius: 30px;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);
    box-shadow:
        0 -1px 0 0 rgba(0, 0, 0, 0.5) inset,
        0 1px 0 0 rgba(255, 255, 255, 0.25) inset,
        0 1px 3px 0 rgba(0, 0, 0, 0.9);
}

.tb_wd_st {
    border-spacing: 0;
    width: 100%;
    border-collapse: collapse;
}

.tb_wd_st th {
    padding: 5px 0;
    text-align: center;
    background: #333;
}

.tb_wd_st td {
    padding: 10px 0;
    border-bottom: 1px solid #333;
    text-align: center;
}

.list_box {
    padding: 20px;
}

.btn_right_box {
    padding: 10px 0;
    text-align: right;
}

.btn_list_del {
    border: 0;
    font-size: 12px;
    width: 80px;
    height: 30px;
    color: #fff;
    cursor: pointer;
    vertical-align: 0px;
    border-radius: 30px;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #4a0000 0%, #b30000 25%, #ff1a1a 50%, #b30000 75%, #4a0000 100%);
    box-shadow:
        0 -1px 0 0 rgba(0, 0, 0, 0.5) inset,
        0 1px 0 0 rgba(255, 255, 255, 0.3) inset,
        0 1px 3px 0 rgba(0, 0, 0, 0.9);
    border-radius: 30px;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);
    box-shadow:
        0 -1px 0 0 rgba(0, 0, 0, 0.5) inset,
        0 1px 0 0 rgba(255, 255, 255, 0.25) inset,
        0 1px 3px 0 rgba(0, 0, 0, 0.9);
}

.btn_list_del:hover {
    border: 0;
    font-size: 12px;
    width: 80px;
    height: 30px;
    color: #fff;
    cursor: pointer;
    vertical-align: 0px;
    border-radius: 30px;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #4a0000 0%, #b30000 25%, #ff1a1a 50%, #b30000 75%, #4a0000 100%);
    box-shadow:
        0 -1px 0 0 rgba(0, 0, 0, 0.5) inset,
        0 1px 0 0 rgba(255, 255, 255, 0.3) inset,
        0 1px 3px 0 rgba(0, 0, 0, 0.9);
    border-radius: 30px;
}

.wd_money {
    font-size: 24px;
    color: #ffe418;
}

.result_cart a {
    display: block;
    padding: 10px;
}

.result_cart a:hover {
    background: #333;
}

.result_cart a.on {
    background: #111;
}

.result_tab_box {
    padding: 10px;
}

.result_tab_box a {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #333;
    text-align: center;
    border: 1px solid #000;
}

.result_tab_box a.on {
    background: #111;
}

.answer {
}

.tb_qna_ans {
    width: 100%;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    margin-top: 10px;
}

.tb_qna_ans th {
    width: 150px;
    text-align: center;
}

.tb_qna_ans td {
    line-height: 150%;
    padding: 20px;
}

.list_btn_box {
    text-align: right;
    padding: 20px 0;
}

.btn_mid {
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #111;
    display: inline-block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    border-radius: 30px;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);
    box-shadow:
        0 -1px 0 0 rgba(0, 0, 0, 0.5) inset,
        0 1px 0 0 rgba(255, 255, 255, 0.25) inset,
        0 1px 3px 0 rgba(0, 0, 0, 0.9);
}

input.btn_mid {
    height: 33px;
    line-height: 33px;
}

.btn_cmt {
    width: 80px;
    height: 62px;
    line-height: 62px;
    border: 1px solid #111;
    display: inline-block;
    text-align: center;
    color: #fff;
    vertical-align: top;
    cursor: pointer;
}

.btn_qna {
    background: linear-gradient(to bottom, rgba(150, 33, 33, 1) 1%, rgba(80, 0, 0, 1) 100%);
}

.btn_write {
    /* background: linear-gradient(to bottom, rgba(33,88,150,1) 1%,rgba(0,30,80,1) 100%); */
}

.btn_delete {
    background: linear-gradient(to bottom, rgba(150, 33, 33, 1) 1%, rgba(80, 0, 0, 1) 100%);
}

.btn_green {
    background: linear-gradient(to bottom, rgba(33, 150, 33, 1) 1%, rgba(0, 80, 0, 1) 100%);
}

.btn_blue {
    border-radius: 30px;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);
    box-shadow:
        0 -1px 0 0 rgba(0, 0, 0, 0.5) inset,
        0 1px 0 0 rgba(255, 255, 255, 0.25) inset,
        0 1px 3px 0 rgba(0, 0, 0, 0.9);
}

.btn_blue:hover {
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);
    box-shadow:
        0 -1px 0 0 rgba(0, 0, 0, 0.5) inset,
        0 1px 0 0 rgba(255, 255, 255, 0.25) inset,
        0 1px 3px 0 rgba(0, 0, 0, 0.9);
}

.write_comment_box {
    padding: 10px 0;
    border-bottom: 1px solid #333;
}

.ta_comt {
    padding: 5px;
    width: 1000px;
    height: 50px;
    background: #111;
    border: 1px solid #333;
    color: #fff;
}

.pwb_ttl {
    background: #111;
    text-align: center;
    padding: 15px 0;
    margin: 10px 0 5px;
    font-size: 16px;
}

.pwb_selector {
    width: 320px;
    border: 1px solid #444;
    padding: 5px 10px 10px;
    background: #252525;
    float: left;
    margin: 0 0 0 7px;
    overflow: hidden;
    position: relative;
}

.pwb_selector ul.items2 li {
    border: 1px solid #111;
    display: inline-block;
    width: 44%;
    margin-left: 3%;
    margin-bottom: 5px;
    height: 40px;
    line-height: 40px;
}

.pwb_selector ul.items3 li {
    border: 1px solid #111;
    display: inline-block;
    width: 88px;
    margin-left: 3%;
    margin-bottom: 5px;
    height: 40px;
    line-height: 20px;
    text-align: center;
}

.pwb_sel_name {
    display: inline-block;
    padding-left: 10px;
}

.pwb_sel_ratio {
    float: right;
    margin-right: 10px;
}

.pwb_selector ul.items3 li .pwb_sel_name {
    display: block;
    padding-left: 0;
}

.pwb_selector ul.items3 li .pwb_sel_ratio {
    float: none;
    margin-right: 0;
}

li.bi {
    background: linear-gradient(to bottom, rgba(0, 125, 188, 1) 1%, rgba(17, 95, 150, 1) 100%);
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);
}

li.ri {
    background: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);
}

li.pi {
    background: linear-gradient(to bottom, rgba(164, 19, 164, 1) 1%, rgba(128, 9, 128, 1) 100%);
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);
}

.pwb_five_box {
    border: 1px solid #444;
    width: 250px;
    padding: 10px;
    float: right;
    margin: 0 10px 10px 0;
    height: 185px;
    overflow: hidden;
}

.pwb_five_ttl {
    text-align: center;
    background: #111;
    height: 30px;
    line-height: 30px;
}

.pwb_selector .close_box {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    height: 650px;
    line-height: 650px;
    text-align: center;
    font-size: 18px;
}

.pwb_five_list .bet_five_list .num {
    width: 80px !important;
    color: #f33;
}

.pwb_five_list .bet_five_list {
    border-bottom: 1px solid #333;
    height: 30px;
    padding: 5px;
    overflow: hidden;
}

.pwb_five_list .bet_five_list div {
    padding-left: 10px;
}

.bcr_bet_list {
    border: 1px solid #444;
    width: 330px;
    height: 160px;
    overflow: hidden;
    float: right;
    margin-right: 10px;
    padding: 5px;
    margin-bottom: 10px;
}

.bcr_ttl {
    text-align: center;
    background: #111;
    padding: 5px 0;
}

.bcr_five_list li {
    width: 148px;
    float: left;
    border: 1px solid #111;
    padding: 5px;
    margin: 2px;
    background: #333;
}

.vgg_frm_box {
    width: 514px;
    height: 290px;
    overflow: hidden;
    margin: 0 auto;
}

.vgg_frm_box iframe {
    width: 514px;
    height: 290px;
}

.tg_st_jn {
    width: 100%;
    margin-bottom: 10px;
}

.tg_st_jn th {
    text-align: right;
    padding: 5px;
}

.tg_st_jn td {
    padding: 5px;
    text-align: left;
}

.tg_st_jn td input {
    padding: 5px;
    width: 150px;
    border: 1px solid #333;
    background: #111;
    color: #fff;
}

.tg_st_jn td input.hp {
    width: 40px;
}

.tg_st_jn td select {
    padding: 5px;
    border: 1px solid #333;
    background: #111;
    color: #fff;
}

.chk_id {
    font-size: 10px;
}

.chk_id_g {
    color: #393;
}

.chk_id_r {
    color: #f99;
}

.chk_nick {
    font-size: 10px;
}

.chk_nick_g {
    color: #393;
}

.chk_nick_r {
    color: #f99;
}

.sports_tab_box {
    padding: 10px 20px;
}

.sports_tab_box a {
    display: inline-block;
    width: 80px;
    background: linear-gradient(to bottom, rgba(50, 50, 50, 1) 1%, rgba(20, 20, 20, 1) 100%);
    text-align: center;
    height: 30px;
    line-height: 30px;
    border: 1px solid #111;
}

.sports_tab_box a:hover {
    background: linear-gradient(to bottom, rgba(100, 100, 100, 1) 1%, rgba(50, 50, 50, 1) 100%);
}

.sports_tab_box a.on {
    background: linear-gradient(to bottom, rgba(30, 150, 100, 1) 1%, rgba(10, 100, 50, 1) 100%);
}

.real_user {
    color: #fed201;
}

.icon_lvl {
    color: #fff;
    display: inline-block;
    padding: 1px 3px;
    font-size: 10px;
    background: linear-gradient(to bottom, rgba(50, 50, 50, 1) 1%, rgba(20, 20, 20, 1) 100%);
    height: 12px;
    line-height: 12px;
    text-indent: 0;
}

.lvl_1 {
    background: linear-gradient(to bottom, rgba(50, 200, 50, 1) 1%, rgba(8, 80, 8, 1) 100%);
}

.lvl_2 {
    background: linear-gradient(to bottom, rgba(50, 200, 50, 1) 1%, rgba(8, 80, 8, 1) 100%);
}

.lvl_3 {
    background: linear-gradient(to bottom, rgba(50, 200, 200, 1) 1%, rgba(8, 60, 60, 1) 100%);
}

.lvl_4 {
    background: linear-gradient(to bottom, rgba(118, 118, 250, 1) 1%, rgba(8, 8, 120, 1) 100%);
}

.lvl_5 {
    background: linear-gradient(to bottom, rgba(200, 80, 200, 1) 1%, rgba(60, 8, 60, 1) 100%);
}

.lvl_6 {
    background: linear-gradient(to bottom, rgba(118, 118, 250, 1) 1%, rgba(8, 8, 120, 1) 100%);
}

.lvl_7 {
    background: linear-gradient(to bottom, rgba(118, 250, 118, 1) 1%, rgba(8, 120, 8, 1) 100%);
}

.lvl_8 {
    background: linear-gradient(to bottom, rgba(118, 250, 118, 1) 1%, rgba(8, 120, 8, 1) 100%);
}

.lvl_9 {
    background: linear-gradient(to bottom, rgba(118, 250, 118, 1) 1%, rgba(8, 120, 8, 1) 100%);
}

.lvl_10 {
    background: linear-gradient(to bottom, rgba(250, 118, 118, 1) 1%, rgba(120, 8, 8, 1) 100%);
}

.admin_name {
    color: #ffc107;
}

.mini_sub_menu {
    width: 150px;
    height: 0px;
    position: absolute;
    z-index: 999;
    top: 53px;
    left: -35px;
    background: #333;
    border: 3px solid #222;
    border-top: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    transition: 0.2s;
}

.mini_li:hover .mini_sub_menu {
    display: block;
    height: 550px;
    top: 56px;
    transition: 0.2s;
}

.mini_sub_menu a {
    font-size: 14px;
    border: 0;
    height: 30px;
    line-height: 30px;
    background: none;
    width: 130px;
}

.mini_sub_menu a:hover {
    background: #ffcc00;
}

.gg_no {
    width: 18px !important;
}

.exchange_point {
    cursor: pointer;
}

.memo_chk {
    width: 30px;
}

.memo_no {
    width: 50px;
}

.memo_send {
    width: 120px;
}

.memo_date {
    width: 150px;
}

.memo_content {
    text-align: left !important;
    padding-left: 20px !important;
}

.open_memo {
    cursor: pointer;
}

.new_memo {
    position: fixed;
    right: 20px;
    bottom: -201px;
    width: 240px;
    height: 40px;
    transition: 0.2s;
    z-index: 99999;
    border: 2px solid #111;
}

@keyframes blink-effect {
    50% {
        border-color: #b79939;
    }
}

.blink {
    animation: blink-effect 1s step-end infinite;
}

.new_memo span {
    background: #111;
    font-size: 16px;
    color: #b79939;
    width: 240px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
}

.new_memo i {
    font-size: 20px;
    vertical-align: -1px;
}

.tc_wait span.t_color {
    color: #f9bb00;
}

.tc_lose span.t_color {
    color: #24b2e5;
}

.tc_win span.t_color {
    color: #eb2268;
}

.notice_line_box {
    width: 100%;
    height: 30px;
    overflow: hidden;
    background: #222;
    margin-bottom: 5px;
    position: relative;
}

.hd_line {
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #b79939;
    position: absolute;
    width: 1100px;
    overflow: hidden;
}

.notice_line_box .close {
    top: 30px;
}

.pop_blind_box {
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 9998;
}

.popup_box {
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    transition: none;
}

.popup_box .popup_content {
}

.popup_btn_box {
    border-radius: 5px 5px 0 0;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);
    box-shadow:
        inset 0 1px 0 rgba(177, 172, 146, 0.5),
        0 2px 6px rgba(0, 0, 0, 0.6);
}

.popup_title {
    color: #b79939;
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
}

.btn_one_day {
    display: inline-block;
    padding: 10px 12px;
    font-size: 12px;
    cursor: pointer;
}

.btn_one_day i {
    font-size: 14px;
    margin-right: 5px;
}

.btn_close {
    display: inline-block;
    padding: 6px 12px 5px;
    font-size: 18px;
    float: right;
    cursor: pointer;
}

.nobet {
    text-align: center;
    width: 95% !important;
}

.t_stan_color {
    color: #b79939;
}

.blist_a_box {
    position: absolute;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    top: 100px;
    background: #333;
    border-radius: 10px;
    z-index: 1001;
    border: 2px solid #222;
    overflow: hidden;
}

.blist_blind {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    left: 0;
    top: 0;
}

.blist_a_ttl {
    background: #111;
    padding: 10px;
}

.blist_a_ttl span {
    float: right;
    cursor: pointer;
}

.b_list_a_btn_box {
    background: #111;
    text-align: center;
    padding: 10px 0;
}

.b_list_a_list {
    height: 400px;
    overflow-y: scroll;
}

.att_calendar {
    padding: 20px;
}

.att_calendar table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.att_calendar table th {
    border: 1px solid #666;
    padding: 10px 0;
}

.att_calendar table td {
    border: 1px solid #666;
    padding: 10px;
    width: 145px;
    position: relative;
    text-align: center;
    height: 100px;
}

.att_calendar table td img {
    width: 100px;
}

.att_calendar table td span.date {
    position: absolute;
    left: 10px;
    top: 10px;
}

.att_box {
    padding: 20px 20px 0;
    text-align: center;
}

.att_today {
    cursor: pointer;
}

.bo_money {
    color: #f00;
}

.this_month {
    color: #b79939;
    font-size: 36px;
    display: inline-block;
    margin: 0 20px;
}

.bdr_frm_box iframe {
    margin-top: -70px;
    height: 700px;
}

.bdr_frm_box .blind_ttl {
    left: 0px;
    top: 0px;
}

.bdr_frm_box .blind_list {
    left: 0px;
    top: 33px;
    height: 145px;
    overflow: hidden;
    width: 220px;
}

.bdr_frm_box .blind_list ul {
    width: 210px;
}

.sicbo_bet_list {
    border: 1px solid #444;
    height: 160px;
    overflow: hidden;
    padding: 5px;
    margin-bottom: 10px;
    text-align: center;
}

.sicbo_ttl {
    text-align: center;
    background: #111;
    padding: 5px 0;
}

.sicbo_five_list li {
    width: 45%;
    display: inline-block;
    border: 1px solid #111;
    padding: 5px;
    margin: 2px;
    background: #333;
}

.sicbo_selector {
    width: 320px;
    border: 1px solid #444;
    padding: 10px;
    background: #252525;
    float: right;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
}

.sicbo_selector .close_box {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    height: 100px;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
}

.sicbo_selector .close_box i {
    font-size: 18px;
}

.sicbo_selector ul li {
    float: left;
    width: 62px;
    height: 50px;
    text-align: center;

    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.7);
    border: solid 1px #000;
    transition: 0.2s;
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);
    text-align: center;
    cursor: pointer;
    font-family: Malgun Gothic;
    margin: 5px 0 0 13px;
}

.sicbo_selector ul li.sicbo_sel_blue {
    background: linear-gradient(to bottom, rgba(0, 125, 188, 1) 1%, rgba(17, 95, 150, 1) 100%);
}

.sicbo_selector ul li.sicbo_sel_red {
    background: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
}

.sicbo_selector ul li.sicbo_sel_green {
    background: linear-gradient(to bottom, rgba(19, 164, 26, 1) 1%, rgba(9, 128, 17, 1) 100%);
}

.sicbo_selector ul li:hover {
    background: linear-gradient(to bottom, rgba(255, 214, 94, 1) 0%, rgba(254, 191, 4, 1) 99%);
}

.sicbo_selector ul li:hover span {
    color: #000;
}

.sicbo_sel_name {
    display: inline-block;
    width: 62px;
    text-align: center;
    font-size: 14px;
    margin-top: 8px;
}

.sicbo_sel_ratio {
    font-size: 14px;
}

.rw_selector {
    width: 320px;
    border: 1px solid #444;
    padding: 10px;
    background: #252525;
    float: right;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
}

.rw_selector .close_box {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    height: 220px;
    line-height: 150px;
    text-align: center;
    font-size: 18px;
}

.rw_selector .close_box i {
    font-size: 18px;
}

.rw_selector ul li {
    float: left;
    width: 138px;
    height: 35px;
    text-align: center;

    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.7);
    border: solid 1px #000;
    transition: 0.2s;
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);
    text-align: center;
    cursor: pointer;
    font-family: Malgun Gothic;
    margin: 5px 0 0 13px;
}

.rw_selector ul li.rw_sel_blue {
    background: linear-gradient(to bottom, rgba(0, 125, 188, 1) 1%, rgba(17, 95, 150, 1) 100%);
}

.rw_selector ul li.rw_sel_red {
    background: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
}

.rw_selector ul li.rw_sel_white {
    background: linear-gradient(to bottom, rgba(50, 50, 50, 1) 1%, rgba(0, 0, 0, 1) 100%);
}

.rw_selector ul li.rw_sel_white span {
    color: #fff;
}

.rw_selector ul li:hover {
    background: linear-gradient(to bottom, rgba(255, 214, 94, 1) 0%, rgba(254, 191, 4, 1) 99%);
}

.rw_selector ul li:hover span {
    color: #000;
}

.rw_sel_name {
    display: inline-block;
    width: 60px;
    text-align: left;
    font-size: 14px;
    margin-top: 8px;
}

.rw_sel_ratio {
    font-size: 14px;
}

.nineball_selector {
    width: 320px;
    border: 1px solid #444;
    padding: 10px;
    background: #252525;
    float: right;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
}

.nineball_selector .close_box {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    height: 150px;
    line-height: 100px;
    text-align: center;
    font-size: 18px;
}

.nineball_selector .close_box i {
    font-size: 18px;
}

.nineball_selector ul li {
    float: left;
    width: 62px;
    height: 50px;
    text-align: center;

    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.7);
    border: solid 1px #000;
    transition: 0.2s;
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);
    text-align: center;
    cursor: pointer;
    font-family: Malgun Gothic;
    margin: 5px 0 0 13px;
}

.nineball_selector ul li.nineball_sel_blue {
    background: linear-gradient(to bottom, rgba(0, 125, 188, 1) 1%, rgba(17, 95, 150, 1) 100%);
}

.nineball_selector ul li.nineball_sel_red {
    background: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
}

.nineball_selector ul li.nineball_sel_green {
    background: linear-gradient(to bottom, rgba(19, 164, 26, 1) 1%, rgba(9, 128, 17, 1) 100%);
}

.nineball_selector ul li:hover {
    background: linear-gradient(to bottom, rgba(255, 214, 94, 1) 0%, rgba(254, 191, 4, 1) 99%);
}

.nineball_selector ul li.nine3 {
    width: 87px;
}

.nineball_selector ul li:hover span {
    color: #000;
}

.nineball_sel_name {
    display: inline-block;
    width: 62px;
    text-align: center;
    font-size: 14px;
    margin-top: 8px;
}

.nineball_sel_ratio {
    font-size: 14px;
}

.green_circle3,
.blue_circle3,
.red_circle3,
.white_circle3,
.black_circle3 {
    display: inline-block;
    width: 50px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    margin: 3px 0 0 3px;
    border: 1px solid #000;
    text-shadow: 1px 1px 3px #000;
}

.blue_circle3 {
    background: linear-gradient(to bottom, rgba(0, 125, 188, 1) 1%, rgba(17, 95, 150, 1) 100%);
}

.red_circle3 {
    background: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
}

.green_circle3 {
    background: linear-gradient(to bottom, rgba(19, 164, 26, 1) 1%, rgba(9, 128, 17, 1) 100%);
}

.white_circle3 {
    background: linear-gradient(to bottom, rgba(50, 50, 50, 1) 1%, rgba(0, 0, 0, 1) 100%);
}

.black_circle3 {
    background: linear-gradient(to bottom, rgba(50, 50, 50, 1) 1%, rgba(0, 0, 0, 1) 100%);
}

.sicbo_bet_list {
    border: 1px solid #444;
    width: 330px;
    height: 160px;
    overflow: hidden;
    float: right;
    margin-right: 10px;
    padding: 5px;
    margin-bottom: 10px;
}

.sicbo_ttl {
    text-align: center;
    background: #111;
    padding: 5px 0;
}

.sicbo_five_list li {
    width: 148px;
    float: left;
    border: 1px solid #111;
    padding: 5px;
    margin: 2px;
    background: #333;
}

.bet_sutda {
    width: 138px !important;
}

.bet_sutda .bcr_sel_name {
    width: 100%;
}

.open_bcr {
    border: 1px solid #000;
    width: 274px;
    height: 170px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    background: url("/static/img/casino/bg_maintenence.png") no-repeat center;
    transition: 0.2s;
}

.open_bcr .bcr_subttl {
    position: absolute;
    width: 274px;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.open_bcr {
    background-size: 100%;
}

.casino_box {
    padding: 0 10px;
}

.slot_box {
    overflow: overlay;
    text-align: center;
}

.open_bcr[data-name="maintenance"] img {
    opacity: 0.3;
}

.open_bcr img {
    width: 100%;
}

.casino_ttl {
    margin: 5px;
    font-size: 20px;
    background: #111;
    border-radius: 10px;
    padding: 10px;
}

.open_bcr:hover {
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
    transition: 0.2s;
}

.casino_tb {
    border-spacing: 0;
    border-collapse: collapse;
}

.casino_tb th,
.casino_tb td {
    text-align: center;
}

.casino_tb td {
    padding: 10px 0;
    border: 1px solid #111;
}

.casino_tb tr:nth-child(even) {
    background: #2f2f2f;
}

.casino_tb td.win {
    background: #d33;
}

.casino_tb td.lose {
    background: #33d;
}

.casino_tb td.re {
    background: #d33;
}

.casino_tb td.can {
    background: #111;
}

.jsdr_frm_box {
    float: left;
    margin-left: 10px;
    width: 830px;
    height: 540px;
    overflow: hidden;
    position: relative;
}

.jsdr_frm_box iframe {
    width: 850px;
    height: 660px;
    overflow: hidden;
}

.jsdr_frm_box .blind_list {
    width: 220px;
    height: 280px;
    position: absolute;
    left: 33px;
    top: 215px;
    overflow: hidden;
}

.jsdr_frm_box .blind_ttl {
    display: none;
}

.jsdr_frm_box .bet_five_list .num {
    width: 40px !important;
    color: #f33;
}

.jsdr_frm_box .bet_five_list {
    border-bottom: 1px solid #333;
    padding: 5px;
    overflow: hidden;
    width: 190px;
    height: 50px;
    margin-bottom: 10px;
}

.jsdr_frm_box .bet_five_list div {
    padding-left: 0;
}

.fx_list_box {
    float: right;
    width: 320px;
    border: 1px solid #444;
    padding: 10px;

    background: #252525;
    margin-right: 10px;
    margin-top: 10px;
}

.fx_list_box .fx_ttl {
    text-align: center;
    padding: 5px 0;
    font-size: 18px;
}

.fx_list .bet_five_list {
    background: #222;
    margin: 5px 0;

    padding: 5px;
    border: 1px solid #111;
}

.blue_box {
    background: linear-gradient(to bottom, rgba(0, 125, 188, 1) 1%, rgba(17, 95, 150, 1) 100%);
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    margin: 8px 0 0 10px;
    border: 1px solid #000;
    text-shadow: 1px 1px 3px #000;
}

.blue_box2 {
    background: linear-gradient(to bottom, rgba(0, 125, 188, 1) 1%, rgba(17, 95, 150, 1) 100%);
    display: inline-block;
    height: 23px;
    padding: 0 10px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    margin: 8px 0 0 10px;
    border: 1px solid #000;
    text-shadow: 1px 1px 3px #000;
}

.red_box {
    background: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    margin: 8px 0 0 10px;
    border: 1px solid #000;
    text-shadow: 1px 1px 3px #000;
}

.red_box2 {
    background: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
    display: inline-block;
    height: 23px;
    padding: 0 10px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    margin: 8px 0 0 10px;
    border: 1px solid #000;
    text-shadow: 1px 1px 3px #000;
}

.bet_item3 {
    width: 88px !important;
}

.bet_item3 .mini_sel_name {
    width: 30px !important;
}

.yellow_circle {
    background: linear-gradient(to bottom, rgba(255, 214, 94, 1) 0%, rgba(254, 191, 4, 1) 99%);
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    margin: 8px 0 0 10px;
    border: 1px solid #000;
    text-shadow: 1px 1px 3px #000;
    color: #333;
}

.yellow_circle2 {
    background: linear-gradient(to bottom, rgba(255, 214, 94, 1) 1%, rgba(254, 191, 4, 1) 100%);
}

.change_box {
    position: relative;
    width: 320px;
    margin: 5% auto 0 auto;
    padding: 20px;
    font-size: 13px;
    background: rgb(34 34 34);
}

.change_box table {
    width: 100%;
}

.change_box table th {
    text-align: right;
    padding: 5px;
}

.change_box table td {
    position: relative;
    text-align: left;
    padding: 5px;
}

.change_box table td input {
    border: 1px solid #333;
    background: #111;
    padding: 5px;
    color: #fff;
}

.change_box .c_sub {
    width: 100%;
    height: 45px;
    margin-top: 12px;
    background: linear-gradient(to bottom, rgb(30, 164, 80) 1%, rgba(15, 100, 50, 0.79) 100%);
    border: 1px solid #000;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
}

.no_item {
    text-align: center;
    padding: 50px 0;
}

.recom_list table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.recom_list table th {
    background: #444;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
}

.recom_list table td {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #444;
}

.slot_wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

@media (max-width: 1200px) {
    .slot_wrap {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 992px) {
    .slot_wrap {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .slot_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .slot_wrap {
        grid-template-columns: 1fr;
    }
}

/* CARD */
.open_slot2 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    aspect-ratio: 2 / 3;
    border: 3px solid rgba(255, 255, 255, 0.15);
    border-radius: 14px;
    background: url("/static/img/casino/bg_maintenence.png") center/cover no-repeat;
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

/* OVERLAY */
.open_slot2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.15), transparent);
    z-index: 1;
}

/* SHINE */
.open_slot2::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -150%;
    width: 80%;
    height: 300%;
    transform: rotate(25deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    z-index: 3;
    transition: 0.8s;
}

/* IMAGE */
.comp_img {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    z-index: 2;
}

.comp_img img {
    /* max-width: 100%; */
    max-height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.open_slot2:hover .comp_img img {
    transform: scale(1.08);
}

/* TITLE */
.slot_subttl {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    color: #fff;
    text-align: center;
    z-index: 5;
}

/* PLAY BUTTON */
.play_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.8);

    padding: 12px 24px;
    border-radius: 50px;

    border-image: linear-gradient(to bottom, #000000, #000000) 1;
    box-sizing: border-box;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #2c2c2c 0%, #070707 100%);
    box-shadow:
        inset 0 4px 5px rgba(0, 0, 0, 0.4),
        0 1px 3px rgba(0, 0, 0, 0.9);

    color: #ffffff;
    font-weight: 700;

    opacity: 0;
    z-index: 10;

    transition: 0.35s;
}

/* DESKTOP HOVER */
@media (hover: hover) {
    .open_slot2:hover {
        transform: translateY(-8px);
        border-color: #737373;
        box-shadow:
            0 0 20px rgba(255, 215, 0, 0.25),
            0 10px 25px rgba(0, 0, 0, 0.4);
    }

    .open_slot2:hover::after {
        left: 180%;
    }

    .open_slot2:hover .play_btn {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

/* TABLET */
@media (max-width: 1024px) {
    .slot_wrap {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .slot_wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .slot_subttl {
        font-size: 13px;
        padding: 8px;
    }

    .play_btn {
        opacity: 0;
        transform: translate(-50%, -50%);
        font-size: 12px;
        padding: 10px 18px;
    }
}

/* SMALL MOBILE */
@media (max-width: 480px) {
    .slot_wrap {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .slot_subttl {
        font-size: 12px;
    }
}

.open_casino[data-name="maintenance"] img {
    opacity: 0.3;
}

.open_casino img {
    width: 100%;
}

.open_casino {
    border: 1px solid #000;
    width: 275px;
    height: 180px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    background: url("/static/img/casino/bg_maintenence.png") no-repeat center;
}

.open_casino .casino_subttl {
    position: absolute;
    width: 275px;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
}

.open_casino {
    background-size: 100%;
}

.open_casino span.casino_logo {
    position: absolute;
    top: 0;
    width: 180px;
    background: rgba(0, 0, 0, 0.5);
    height: 25px;
    text-align: center;
    left: 0;
}

.open_casino span.casino_logo img {
    height: 20px;
    width: auto;
    margin-top: 2px;
}

.open_casino[data-name="maintenance"] img {
    opacity: 0.3;
}

.open_casino img {
    width: 100%;
}

.slot_game_box {
    display: none;
    z-index: 9999;
    width: calc(100% - 10px);
    height: 700px;
    background: #111;
    position: absolute;
    top: 80px;
    border: 3px solid #666;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}

.slot_games_inner {
    height: 650px;
    overflow-y: scroll;
}

.slot_games li {
    list-style: none;
    display: inline-block;
    margin: 5px;
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
}

.open_slot_game {
    cursor: pointer;
}

.slot_games li img {
    width: 150px;
    height: 150px;
}

.slot_games li span.slot_ttl {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.5);
    width: 150px;
    padding: 5px 0;
    text-align: center;
}

.slot_top {
    height: 50px;
    line-height: 50px;
}

.slot_top .s_name {
    float: left;
    font-size: 18px;
    margin-left: 20px;
}

.slot_top .close_box {
    float: right;
    font-size: 30px;
    margin-right: 20px;
    cursor: pointer;
}

.slot_money_box {
    height: 180px;
    padding: 5px;
    overflow: hidden;
    transition: 0.2s;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

.slot_money_box .sm_ttl {
}

.slot_money_box .sm_money {
    display: inline-block;
    color: #f00;
    width: 100px;
    text-align: right;
}

.slot_money_box .sm_refresh {
    background: #000;
    color: #b79939;
    height: 21px;
    line-height: 21px;
    padding: 0 3px;
    font-size: 11px;
    cursor: pointer;
    display: inline-block;
}

.slot_money_box .sm_charge {
    background: #222;
    color: #fff;
    padding: 3px;
    font-size: 11px;
    cursor: pointer;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 2px 6px rgba(0, 0, 0, 0.6);
}

.slot_money_box .sm_withdrawal {
    /* background:#b79939; */
    color: #fff;
    padding: 3px;
    font-size: 11px;
    cursor: pointer;
    margin-left: 5px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.sm_charge_box,
.sm_withdrawal_box {
    margin-top: 20px;
}

.sm_c_money,
.sm_w_money {
    background: #222;
    border: 1px solid #444;
    color: #fff;
    padding: 0 2px;
    text-align: right;
    width: 120px;
    height: 27px;
    line-height: 27px;
}

.slot_money_box .select_money,
.slot_money_box .select_money2 {
    display: inline-block;
    width: 80px;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
    margin-bottom: 5px;
    border-image: linear-gradient(to bottom, #000000, #000000) 1;
    box-sizing: border-box;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #2c2c2c 0%, #070707 100%);
    box-shadow:
        inset 0 4px 5px rgba(0, 0, 0, 0.4),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.select_money:hover {
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);
    box-shadow:
        0 -1px 0 0 rgba(0, 0, 0, 0.5) inset,
        0 1px 0 0 rgba(255, 255, 255, 0.25) inset,
        0 1px 3px 0 rgba(0, 0, 0, 0.9);
}

.hd_amt.hd_amt_max.hd_max_c:hover,
.slot_money_box .select_max:hover {
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #2b0000 0%, #6b0000 25%, #ff2b2b 50%, #6b0000 75%, #2b0000 100%);

    box-shadow:
        0 -1px 0 0 rgba(0, 0, 0, 0.5) inset,
        0 1px 0 0 rgba(255, 255, 255, 0.25) inset,
        0 1px 6px rgba(255, 0, 0, 0.4);
}

.slot_money_box .select_max,
.slot_money_box .select_max2 {
    background: #333;
    display: inline-block;
    width: 80px;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
    margin-bottom: 5px;
    color: #b79939;
    border-image: linear-gradient(to bottom, #000000, #000000) 1;
    box-sizing: border-box;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #2c2c2c 0%, #070707 100%);
    box-shadow:
        inset 0 4px 5px rgba(0, 0, 0, 0.4),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.slot_money_box .go_to_charge,
.go_to_withdrawal {
    background: #222;
    color: #fff;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    margin-left: 5px;
    height: 29px;
    line-height: 29px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    width: 111px;
    display: inline-block;
    text-align: center;
}

.sm_btn_box {
    width: 250px;
    margin: 5px auto 0;
}

.t_green {
    color: #393;
}

.content_casino {
    padding: 20px;
    min-height: 300px;
}

.main_notice_box {
    background: #252525;
    border: 1px solid #444;

    margin-top: 10px;
    width: 650px;
    height: 300px;
    float: left;
}

.main_info_box {
    background: #252525;
    border: 1px solid #444;

    margin-top: 10px;
    width: 530px;
    height: 300px;
    float: right;
}

.main_box_top {
    padding: 10px 20px;
    border-bottom: 1px solid #444;
    height: 24px;
}

.main_box_ttl {
    float: left;
    font-size: 18px;

    color: #fc0;
}

.main_box_more {
    margin-top: 5px;
    float: right;
}

.main_box_list {
    padding: 20px;
}

.main_box_list li a {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
}

.main_info_inner {
    padding: 20px;
    font-size: 18px;
    line-height: 50px;
}

.main_info_inner a {
    margin: 10px;

    display: inline-block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}

a.info_q {
    background: linear-gradient(to bottom, rgb(247, 222, 0) 1%, rgba(243, 166, 28, 0.79) 100%);
}

a.info_l {
    background: linear-gradient(to bottom, rgb(24, 144, 80) 1%, rgba(15, 130, 50, 0.79) 100%);
}

.mini_select_inner {
    width: 100%;
    background: #0d1122;
    min-height: 300px;
}

.mini_info {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

.mini_sub_info {
    display: inline-block;
    width: 48%;
}

.mini_sub_info .mini_sub_ttl {
    font-size: 14px;
    float: left;
    background: #3e4c6f;
    text-align: center;
    width: 30%;
    height: 40px;
    line-height: 40px;
}

.mini_sub_info .mini_sub_info {
    float: left;
    width: 70%;
    background: #182037;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    letter-spacing: 2px;
}

.mini_bar {
    height: 3px;
    background: linear-gradient(90deg, #414e8e 0%, #a0d9fc 47.63%, #414e8e 98.62%);
}

.mini_tab {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #495781;
}

.mini_tab span {
    cursor: pointer;
    display: inline-block;
    width: 40%;
    text-align: center;
    border: 1px solid #182037;
    background: #182037;
    height: 50px;
    line-height: 50px;

    font-size: 18px;
}

.mini_tab span:hover {
    background: #3e4c6f;
}

.mini_tab span.on {
    border: 1px solid #3e4c6f;
}

.mini_tab span:first-child {
    margin-right: 10px;
}

.mini_sel_group {
    border-bottom: 1px solid #495781;
    padding: 20px 0;
    text-align: left;
}

.mini_sel_group ul li {
    display: inline-block;
    text-align: center;
}

.mini_sel_group ul li span.sel_ratio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #3e4c6f;
    height: 17px;
    line-height: 17px;
}

.select_ttl {
    background: #182037;
    border: 1px solid #3e4c6f;
}

.sel_stan {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.mini_select_4 {
    height: 82px;
}

.mini_select_4 li {
    width: 17%;
    height: 85px;
    position: relative;
    margin: 0 0.5%;
    overflow: hidden;
}

.select_ttl {
    line-height: 80px;
    width: 70px;
    height: 80px;
    overflow: hidden;
}

.select_ttl2 {
    line-height: 20px;
}

.select_ttl2 .point_color {
    margin-top: 20px;
    display: inline-block;
    font-size: 10px;
}

.sel_game {
    border: 1px solid #3e4c6f;
    cursor: pointer;
    line-height: 90px;
    position: relative;
}

.sel_game:hover {
    background: #182037;
}

.sel_on {
    background: #ffc700 !important;
}

.mini_select_2 li.select_ttl {
    vertical-align: top;
}

.mini_select_2 li.sel_game {
    width: 37%;
    height: 80px;
    position: relative;
    margin: 0 0.5%;
    overflow: hidden;
    z-index: 9987;
}

.mini_select_3 {
    height: 82px;
}

.mini_select_3 li {
    height: 80px;
    position: relative;
    margin: 0 0.5%;
    overflow: hidden;
}

.mini_select_3 .sel_game {
    width: 24%;
}

.mini_select_10 {
    height: 147px;
}

.mini_select_10 li {
    height: 145px;
    position: relative;
    margin: 0 0.5%;
    overflow: hidden;
}

.mini_select_10 .select_ttl {
    line-height: 145px;
    float: left;
}

.mini_select_10 .sel_game {
    width: 14%;
    height: 70px;
}

.mini_select_6 {
    height: 147px;
}

.mini_select_6 li {
    height: 145px;
    position: relative;
    margin: 0 0.5%;
    overflow: hidden;
}

.mini_select_6 .select_ttl {
    line-height: 145px;
    float: left;
}

.mini_select_6 .sel_game {
    width: 24.8%;
    height: 70px;
}

.mini_select_5 li {
    position: relative;
    margin: 0 0.5%;
    overflow: hidden;
}

.mini_select_5 .sel_game {
    width: 15.8%;
    height: 80px;
}

.disabled_sel {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9990;
}

.disabled_sel i {
    font-size: 15px !important;
    vertical-align: middle !important;
    color: #ccc !important;
    margin: 0 !important;
}

.bl_result {
    text-align: center;
    display: inline-block;
    padding: 5px;

    margin-top: -5px;
    font-weight: normal;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6);
}

.bl_wait {
    background: linear-gradient(to bottom, rgba(50, 50, 50, 1) 1%, rgba(0, 0, 0, 1) 100%);
}

.bl_win {
    background: linear-gradient(to bottom, rgba(150, 50, 50, 1) 1%, rgba(100, 30, 30, 1) 100%);
}

.bl_lose {
    background: linear-gradient(to bottom, rgba(50, 50, 150, 1) 1%, rgba(30, 30, 100, 1) 100%);
}

.bl_jt {
    background: linear-gradient(to bottom, rgba(50, 150, 50, 1) 1%, rgba(30, 100, 30, 1) 100%);
}

.bl_can {
    background: linear-gradient(to bottom, rgba(50, 50, 50, 1) 1%, rgba(0, 0, 0, 1) 100%);
}

.bc_select li.sel_item {
    border: 1px solid #f3edff;
    margin: 2px;
}

.bc_select li.sel_item span {
    padding: 5px;
    display: inline-block;
}

.bc_select li.sel_item .select_info {
    display: block;
    background: #f3edff;
    color: #000;
}

.bc_select li.sel_item .sel_ratio {
    float: right;
}

.bet_list {
    padding: 10px;
}

.bet_list_ul li {
    border: 1px solid #3e4c6f;

    overflow: hidden;
    margin-bottom: 5px;
}

.bet_list_ul li .bl_round {
    display: block;
    background: #3e4c6f;
    padding: 5px;
}

.bet_list_ul li .bl_round .bl_result {
    float: right;
}

.bet_list_ul li .bl_sel {
    padding: 5px;
    display: inline-block;
}

.bet_list_ul li .bl_bm {
    color: #66d;
    padding: 5px;
    display: inline-block;
}

.bet_list_ul li .bl_gm {
    padding: 5px;
    display: inline-block;
}

.bet_list_ul li .bl_ratio {
    color: #6d6;
    padding: 5px;
    display: inline-block;
}

.sicbo_box .pwb_frm_box {
}

.sicbo_box .pwb_frm_box iframe {
    margin-left: -40px;
    width: 900px;
}

.scb_game iframe {
    margin: -50px 0 0 -10px !important;
    height: 900px !important;
}

.bdr_game iframe {
    margin: -90px 0 0 -10px !important;
    height: 900px !important;
}

.vsc_select {
    text-align: center;
    padding: 10px 0;
}

.vsc_select ul li {
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

.vsc_select .sel_home {
    width: 40%;
}

.vsc_select .sel_away {
    width: 40%;
}

.vsc_select .sel_draw {
    width: 15%;
    vertical-align: top;
}

.vsc_select .sel_home .sel_name {
    float: left;
    margin-left: 5px;
}

.vsc_select .sel_home .sel_ratio {
    float: right;
    margin-right: 5px;
}

.vsc_select .sel_away .sel_name {
    float: right;
    margin-right: 5px;
}

.vsc_select .sel_away .sel_ratio {
    float: left;
    margin-left: 5px;
}

.vsc_select .sel_on,
.vgg_select .sel_on {
    color: #000;
}

.vsc_select .disabled_sel,
.vgg_select .disabled_sel {
    line-height: 38px;
}

.vgg_select .disabled_sel {
    text-align: center;
}

.vgg_select {
    text-align: center;
    padding: 10px 0;
}

.vgg_select ul li {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 32%;
    margin-bottom: 5px;
    text-align: left;
}

.vgg_select ul li .sel_name {
    margin-left: 5px;
}

.vgg_select ul li .sel_ratio {
    float: right;
    margin-right: 5px;
}

.s_team {
    padding: 5px;
}

.s_team span {
    display: inline-block;
    margin-right: 10px;
}

.odds_stan {
    color: #b79939;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

.sport_list {
    margin: 10px 0 10px;
}

.inplay_list {
    padding-top: 10px;
}

.sport_page_box {
    text-align: center;
    padding: 5px 0;
}

.sport_page_box i {
    display: inline-block;
    margin: 0 5px;
}

.btn_page {
    background: #171c22;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0 5px;
}

.btn_page:hover {
    background: linear-gradient(to bottom, rgba(50, 50, 150, 1) 1%, rgba(30, 30, 100, 1) 100%);
}

.cpage {
    background: #191b58 !important;
    text-shadow: 0 1px 2px rgb(0 0 0 / 70%);
}

.info_date {
    background: linear-gradient(to bottom, rgb(24, 144, 80) 1%, rgba(15, 130, 50, 0.79) 100%) !important;

    text-shadow: 0 1px 2px rgb(0 0 0 / 70%);
}

.detail_odds {
    padding: 3px;
    text-align: center;
}

.detail_odds div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.game_2,
.game_3 {
    display: inline-block;
    background: #222;
    margin: 0 2px 2px 0;
    height: 34px;
    vertical-align: top;
    text-align: left;
}

.game_name {
    display: inline-block;
    padding: 5px;
    max-width: 140px;
    overflow-x: auto;
    white-space: nowrap;
}

.detail_ttl {
    padding: 5px;
    background: #000;
}

.s_odds .normal,
.s_odds .select,
.sel_odds {
    position: relative;
    cursor: pointer;
    background-color: #2e302d;
    border-radius: 0;
    border-top: 1px solid #3f4346;
    border-bottom: 1px solid #000;
}

.s_odds .normal:hover,
.s_odds .select:hover,
.sel_odds:hover {
    background: #393939;
}

.game_on,
.s_odds .selected {
    box-shadow:
        inset 0px 1px 0px rgba(255, 255, 255, 0.1),
        0px 1px 3px rgba(0, 0, 0, 0.9);

    background: linear-gradient(to bottom, #d08d3c, #ffe493 17%, #ffffc8 37%, #a9793b 75%);

    color: #333;
}

.bc_select ul {
    padding: 1px 0;
}

.bc_select ul li {
    overflow: scroll;
    outline: none;
    border: none;
    color: #999;
    background-color: #232323;
    box-shadow:
        -1px -1px 3px 0 rgb(43 43 43),
        1px 1px 3px 0 rgb(34 34 34),
        inset 1px 1px 5px 0 rgba(0, 0, 0, 1),
        inset -2px -2px 5px 0 rgb(24 24 24),
        inset 1px 1px 5px 0 rgba(0, 0, 0, 1),
        inset -2px -2px 5px 0 rgb(0 0 0),
        inset 1px 1px 5px 0 rgba(0, 0, 0, 1),
        inset -2px -2px 5px 0 rgb(62 62 62);
    padding: 5px;
}

.bc_select div.c_team {
    padding: 3px;
    overflow-x: auto;
    white-space: nowrap;
}

.bc_select ul li .c_select {
    font-size: 12px;
    display: inline-block;
    padding: 3px;
    max-width: 140px;
    overflow-x: auto;
    white-space: nowrap;
    vertical-align: bottom;
    color: #af1605;
}

.bc_select ul li .s_stan {
    color: #17b339;
    display: inline-block;
    padding: 3px;
}

.bc_select ul li .c_ratio {
    color: #fc0;
    float: right;
    font-size: 12px;
    padding: 3px;
}

.c_mk {
    padding: 5px;
    color: #af1605;
}

.c_mk i {
    display: inline-block;
    float: right;
    font-size: 12px;
    width: 16px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    background: #840000;
    border-radius: 3px;
    color: #fff;
}

.c_mk i:hover {
    background: linear-gradient(to bottom, rgba(100, 15, 15, 1) 0%, rgba(164, 30, 30, 1) 100%);
}

.d_info {
    height: 110px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, #25323b, #181d21);
    color: #707478;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px;
}

.d_info2 {
    height: 60px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
    text-aling: center;
    line-height: 60px;
}

.d_info3 {
    border: 1px solid #171733;
    height: calc(100% - 100px);
}

.d_info3 img {
    max-width: 100%;
    height: auto !important;
}

.d_info3 a {
    margin-top: 40%;
    display: inline-block;

    background: #191b58 !important;
    font-size: 16px;
    padding: 10px 20px;
}

.lock_select {
    border: 1px solid #a41e1e !important;
}

.lock_select .c_team {
    background: #a41e1e !important;
}

.on_the_cart {
    background: linear-gradient(to bottom, rgb(43 84 199) 1%, rgb(0 51 76) 100%) !important;
}

.sport_tab_box {
    padding: 10px;
    min-width: 900px;
}

.sport_page_box {
}

.bet_count {
    position: absolute;
    padding-top: 140px;
    width: 100%;
    height: 175px;
    text-align: center;
    font-size: 24px;
    background: rgba(0, 0, 0, 0.8);
}

.bet_count i {
    transition: 10s;
}

.bet_count i.scnt {
    transform: rotate(3600deg);
}

.sports_info {
    position: relative;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: center;
    padding: 11px 0 5px;
}

.sports_info span {
    display: inline-block;
}

.sports_info .info_home,
.sports_info .info_away {
    width: 32%;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 14px;
    padding: 7px 5px;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 70%);
}

.sports_info .info_home_score,
.sports_info .info_away_score {
    width: 8%;
    overflow-x: auto;
    white-space: nowrap;
    border: 1px solid #b79939;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    vertical-align: 21px;
}

.sports_info .info_vs {
    text-shadow: 2px 2px 2px rgb(0 0 0 / 70%);
    width: 10%;
    overflow-x: auto;
    white-space: nowrap;
    padding: 7px 0;
    font-size: 14px;
    vertical-align: 20px;

    color: #fc0;
}

.info_home {
    text-align: center;
}

.info_away {
    text-align: center;
}

.content_info_box {
    background: #111;
}

.tab_box_big {
    padding-bottom: 10px;
}

.tab_box_big a {
    display: inline-block;
}

.btn_gray {
    border-radius: 30px;
    border: var(--stroke-weight-1, 1px) solid #111;
    background: linear-gradient(180deg, #323232 1%, #141414 100%);
}

.btn_gray:hover {
    background: linear-gradient(to bottom, rgba(80, 80, 80, 1) 1%, rgba(20, 20, 20, 1) 100%);
}

.btn_red {
    border-radius: 30px;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);
    box-shadow:
        0 -1px 0 0 rgba(0, 0, 0, 0.5) inset,
        0 1px 0 0 rgba(255, 255, 255, 0.25) inset,
        0 1px 3px 0 rgba(0, 0, 0, 0.9);
}

.icon_new {
    text-shadow: 1px 1px 1px rgb(0 0 0 / 70%);
    display: inline-block;
    padding: 0 3px 1px 2px;
    font-size: 8px;

    border: 1px solid #111;
    background: linear-gradient(to bottom, rgba(255, 50, 50, 1) 1%, rgba(100, 20, 20, 1) 100%);
}

.bet_list_box {
}

.bet_list_box table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 30px;
}

.bet_list_box table th {
    padding: 5px;
}

.bet_list_box table td,
.bet_list_box table th {
    border: 1px solid #555;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 200px;
}

.bet_list_box table td {
    padding: 3px;
    text-align: center;
}

.bet_list_box table td img {
    height: 20px;
    vertical-align: -5px;
}

.icon_base {
    text-shadow: 1px 1px 1px rgb(0 0 0 / 70%);
    display: inline-block;
    padding: 2px 5px;
    background: linear-gradient(to bottom, rgba(70, 70, 70, 1) 1%, rgba(20, 20, 20, 1) 100%);
}

.icon_lose {
    background: linear-gradient(to bottom, rgba(255, 50, 50, 1) 1%, rgba(100, 20, 20, 1) 100%);
}

.icon_win {
    background: linear-gradient(to bottom, rgba(50, 50, 255, 1) 1%, rgba(20, 20, 100, 1) 100%);
}

.icon_jt {
    background: linear-gradient(to bottom, rgba(50, 255, 50, 1) 1%, rgba(20, 100, 20, 1) 100%);
}

.icon_hl {
    background: linear-gradient(to bottom, rgba(50, 50, 255, 1) 1%, rgba(20, 100, 20, 1) 100%);
}

.icon_hw {
    background: linear-gradient(to bottom, rgba(255, 50, 50, 1) 1%, rgba(20, 100, 20, 1) 100%);
}

.bl_game_name {
    font-size: 18px;
}

.bl_selected {
    color: #fff;
}

.page_box {
    text-align: center;
    padding: 5px 0;
}

.page_box a {
    background: #171c22;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0 5px;
}

.page_box a:hover {
    background: linear-gradient(to bottom, rgba(50, 50, 150, 1) 1%, rgba(30, 30, 100, 1) 100%);
}

.page_box strong {
    background: #222 !important;
    text-shadow: 0 1px 2px rgb(0 0 0 / 70%);
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0 5px;
}

.controll_box {
    vertical-align: middle;
    width: 40px;
    height: 20px;
    background: #ccc;
    border-radius: 16px;
    cursor: pointer;
    transition: 0.5s;
    box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, 0.5) inset;
    display: inline-block;
}

.swc_on {
    text-align: left;
    background: #393;
}

.swc_off {
    text-align: left;
}

.swc_off .circle {
    transform: translate(20px, 0);
    transition: 0.5s;
}

.controll_box .circle {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #fff;
    margin: 1px;
    display: inline-block;
    box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, 0.5);
    transition: 0.5s;
}

.bc_ttl .controll_box {
    margin-top: -4px;
}

.c_ratio_icon {
    display: inline-block;
    float: right;
    font-size: 18px;
}

.c_ratio_up {
    color: #f00;
}

.c_ratio_down {
    color: #00f;
}

.blinking {
    -webkit-animation: blink 0.5s ease-in-out infinite alternate;
    -moz-animation: blink 0.5s ease-in-out infinite alternate;
    animation: blink 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.bet_list_ttl {
    text-align: center;
    padding: 5px 0;
    background: #333;
    margin-top: 5px;
}

.main_banner_big {
    width: 100%;
}

.main_btn_ttl {
    display: block;
    background: #111;
    color: #9ac018;
    height: 30px;
    line-height: 30px;

    font-size: 14px;
}

.main_btn_eng {
    background: rgba(0, 0, 0, 0.8);
    display: block;
    height: 90px;
    line-height: 90px;

    letter-spacing: 2px;
    font-size: 24px;
}

.main_btn_box2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    padding: 0px 0 10px;
    /* background-image: linear-gradient(rgba(255, 255, 255, 0.093), rgba(255, 255, 255, 0.09)), url(/static/img/main/test_bg.mp4); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.main_btn_box2 a {
    overflow: hidden;
    display: inline-block;
    min-width: 98px;
    text-align: center;
    font-size: 13px;
    height: auto;
    padding-bottom: 8px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgb(0 0 0 / 90%);
}

.main_btn_box2.only_mobile {
    position: relative;
    overflow: hidden;
}

.main_btn_box2.only_mobile .content {
    width: 100%;
    display: block !important;
}

.main_btn_box2.only_mobile .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.main_btn_box2.only_mobile .content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    padding: 0px 0 10px;
    /* background-image: linear-gradient(rgba(255, 255, 255, 0.093), rgba(255, 255, 255, 0.09)), url(/static/img/main_bg.gif); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.main_btn_box2 a:hover {
    text-shadow: 1px 1px 3px rgb(0 0 0 / 100%);
}

.main_btn_box2 a:hover .main_btn_eng {
    background: rgba(0, 0, 0, 0.5);
}

.main_btn_box2 a:hover .main_btn_ttl {
    background: #222;
    color: #fff;
}

.main_btn_box2 a i {
    font-size: 50px;
    margin: 10px 0 10px;
    text-align: center;
    display: block;
}

.no_ls {
    letter-spacing: 0;
}

.main_01 {
    background: url("/static/img/main/menu_01.png") no-repeat center top;
}

.main_02 {
    background: url("/static/img/main/menu_02.png") no-repeat center top;
}

.main_03 {
    background: url("/static/img/main/menu_03.png") no-repeat center top;
}

.main_04 {
    background: url("/static/img/main/menu_04.png") no-repeat center top;
}

.main_05 {
    background: url("/static/img/main/menu_05.png") no-repeat center top;
}

.main_06 {
    background: url("/static/img/main/menu_06.png") no-repeat center top;
}

.main_07 {
    background: url("/static/img/main/menu_07.png") no-repeat center top;
}

.main_08 {
    background: url("/static/img/main/menu_08.png") no-repeat center top;
}

.main_09 {
    background: url("/static/img/main/menu_09.png") no-repeat center top;
}

.main_10 {
    background: url("/static/img/main/menu_10.png") no-repeat center top;
}

.main_11 {
    background: url("/static/img/main/menu_11.png") no-repeat center top;
}

.main_12 {
    background: url("/static/img/main/menu_12.png") no-repeat center top;
}

.main_text_line {
    text-align: center;
    padding-top: 10px;
}

.sports_tab_out_box {
    overflow-y: hidden;
    overflow-x: overay;
    padding-top: 10px;
}

.btn_sports_tab {
    display: inline-block;
    width: 60px;
    height: 60px;
    position: relative;
    cursor: pointer;
}

.btn_sports_tab strong {
    color: #ffc107;
    background: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    padding: 2px 5px;
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 1px;
}

.btn_inplay_tab {
    display: inline-block;
    width: 60px;
    height: 60px;
    position: relative;
    cursor: pointer;
}

.btn_inplay_tab strong {
    color: #ffc107;
    background: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    padding: 2px 5px;
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 1px;
}

.btn_sports_tab span,
.btn_sports_tab2 span,
.btn_inplay_tab span {
    color: #ffffff;
    font-size: 13px;
    display: inline-block;
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    text-align: center;
}

.btn_inplay_tab[data-cate="all"] {
    background: url("/static/img/noimg.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_inplay_tab[data-cate="favor"] {
    background: url("/static/img/icon_star.png?v=4") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_inplay_tab[data-cate="soccer"] {
    background: url("/static/img/icon_soccer.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_inplay_tab[data-cate="basket"] {
    background: url("/static/img/icon_basket.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_inplay_tab[data-cate="baseball"] {
    background: url("/static/img/icon_baseball.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_inplay_tab[data-cate="volley"] {
    background: url("/static/img/icon_volley.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_inplay_tab[data-cate="hockey"] {
    background: url("/static/img/icon_hockey.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_inplay_tab[data-cate="egame"] {
    background: url("/static/img/icon_egame.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_inplay_tab[data-cate="afb"] {
    background: url("/static/img/icon_afootball.png?v=4") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_inplay_tab[data-cate="darts"] {
    background: url("/static/img/icon_darts.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_inplay_tab[data-cate="tabletennis"] {
    background: url("/static/img/icon_tabletennis.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_inplay_tab[data-cate="americanfootball"] {
    background: url("/static/img/icon_americanfootball.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_inplay_tab_on {
    border: 1px solid #ff760a;
}

.btn_sports_tab2 {
    display: inline-block;
    width: 60px;
    height: 60px;
    position: relative;
    cursor: pointer;
}

.btn_sports_tab2 strong {
    color: #ff760a;
    background: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    padding: 2px 5px;
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 1px;
}

.btn_sports_tab {
    position: relative;
    width: 70px;
    height: 70px;

    border: 1px solid transparent;
    border-radius: 10px;

    cursor: pointer;

    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Icon */
.btn_sports_tab[data-cate]::before {
    content: "";

    position: absolute;

    top: 5px;
    left: 50%;

    width: 35px;
    height: 35px;

    transform: translateX(-50%);

    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px 35px;

    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}

/* ===== Sport Icons ===== */

.btn_sports_tab[data-cate="all"]::before {
    background-image: url("/static/img/noimg.png");
}

.btn_sports_tab[data-cate="favor"]::before {
    background-image: url("/static/img/icon_star.png?v=4");
}

.btn_sports_tab[data-cate="soccer"]::before {
    background-image: url("/static/img/icon_soccer.png");
}

.btn_sports_tab[data-cate="basket"]::before {
    background-image: url("/static/img/icon_basket.png");
}

.btn_sports_tab[data-cate="baseball"]::before {
    background-image: url("/static/img/icon_baseball.png");
}

.btn_sports_tab[data-cate="volley"]::before {
    background-image: url("/static/img/icon_volley.png");
}

.btn_sports_tab[data-cate="hockey"]::before {
    background-image: url("/static/img/icon_hockey.png");
}

.btn_sports_tab[data-cate="tennis"]::before {
    background-image: url("/static/img/icon_tenis.png");
}

.btn_sports_tab[data-cate="handball"]::before {
    background-image: url("/static/img/icon_handball.png");
}

.btn_sports_tab[data-cate="pp"]::before {
    background-image: url("/static/img/icon_pp.png");
}

.btn_sports_tab[data-cate="mma"]::before {
    background-image: url("/static/img/icon_mma.png");
}

.btn_sports_tab[data-cate="boxing"]::before {
    background-image: url("/static/img/icon_boxing.png");
}

.btn_sports_tab[data-cate="dart"]::before {
    background-image: url("/static/img/icon_dart.png");
}

.btn_sports_tab[data-cate="egame"]::before {
    background-image: url("/static/img/icon_egame.png");
}

.btn_sports_tab[data-cate="afb"]::before {
    background-image: url("/static/img/icon_afootball.png?v=4");
}

.btn_sports_tab[data-cate="darts"]::before {
    background-image: url("/static/img/icon_darts.png");
}

.btn_sports_tab[data-cate="tabletennis"]::before {
    background-image: url("/static/img/icon_tabletennis.png");
}

.btn_sports_tab[data-cate="americanfootball"]::before {
    background-image: url("/static/img/icon_americanfootball.png");
}

/* Hover */

.btn_sports_tab:hover {
    transform: translateY(-4px);

    border: 1px solid #b79939;

    background: linear-gradient(180deg, rgba(252, 182, 36, 0.15), transparent);

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.35),
        0 0 15px rgba(252, 182, 36, 0.3);
}

.btn_sports_tab:hover::before {
    transform: translateX(-50%) translateY(-4px) scale(1.15);

    filter: drop-shadow(0 0 8px #b79939);
}

/* Active */

.btn_sports_tab_on {
    border: 1px solid #b79939;

    box-shadow: 0 0 18px rgba(252, 182, 36, 0.45);
}

.btn_sports_tab_on::before {
    animation: sportIconFloat 2s ease-in-out infinite;

    filter: drop-shadow(0 0 10px rgba(252, 182, 36, 0.8));
}

@keyframes sportIconFloat {
    0%,
    100% {
        transform: translateX(-50%) translateY(0);
    }

    50% {
        transform: translateX(-50%) translateY(-5px);
    }
}

.btn_sports_tab2[data-cate="all"] {
    background: url("/static/img/noimg.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2[data-cate="favor"] {
    background: url("/static/img/icon_star.png?v=4") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2[data-cate="soccer"] {
    background: url("/static/img/icon_soccer.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2[data-cate="basket"] {
    background: url("/static/img/icon_basket.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2[data-cate="baseball"] {
    background: url("/static/img/icon_baseball.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2[data-cate="volley"] {
    background: url("/static/img/icon_volley.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2[data-cate="hockey"] {
    background: url("/static/img/icon_hockey.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2[data-cate="egame"] {
    background: url("/static/img/icon_egame.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2[data-cate="mma"] {
    background: url("/static/img/icon_mma.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2[data-cate="afb"] {
    background: url("/static/img/icon_afootball.png?v=4") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2[data-cate="darts"] {
    background: url("/static/img/icon_darts.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2[data-cate="tabletennis"] {
    background: url("/static/img/icon_tabletennis.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2[data-cate="americanfootball"] {
    background: url("/static/img/icon_americanfootball.png") no-repeat center 5px;
    background-size: 35px 35px;
}

.btn_sports_tab2_on {
    border: 1px solid #ff760a;
}

.info_league {
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 13px;
    background: #000;
}

.info_league img {
    width: 18px;
    height: 12px;
    vertical-align: -2px;
}

.sports_time {
    padding: 0 5px;
    border: 1px solid #171733;
    background: #1e2428;

    float: left;
    height: 20px;
    line-height: 20px;
    margin-top: -27px;
    margin-left: -2px;
}

.open_markets {
    display: block;
    width: 90px;
    letter-spacing: -1px;
    text-align: right;
    height: 20px;
    line-height: 20px;
    border: 1px solid #222;
    padding: 0 10px;
    font-size: 13px;
    height: 22px;
    line-height: 22px;

    cursor: pointer;
}

.open_markets:hover {
    background: #222;
}

.sports_markets {
    overflow: hidden;
    height: 24px;
    margin-top: -30px;
    margin-right: 20px;
    float: right;
    border: 1px solid #171733;
    background: #1e2428;
}

.inplay_box .sports_markets {
    margin-top: -15px;
}

.inplay_box .sports_time {
    margin-top: -14px;
}

.market_opened {
    background: #af1605;
}

.sports_box {
    border: 2px solid #222733;
    background: #191919;
    margin-bottom: 30px;
    padding: 5px 3px;
}

.s_odds {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

.team_head {
    width: 150px;
    height: 36px;
    color: #b79939;
    background: #2d353c;
    border: 2px solid #2d353c;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1px;
    flex-direction: column;
}

.team_head .sub_detail {
    font-size: 12px;
    color: white;
}

.odds-disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
}

.team_home,
.team_away,
.team_hd_home,
.team_hd_away,
.team_over,
.team_under {
    position: relative;
    padding: 0 5px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    float: left;
    width: calc(50% - 20px);
    box-sizing: border-box;
    color: #ddd;
    background: linear-gradient(180deg, #2d353c, #222);
    border-color: #424242 #181818 #232324 #2c3339;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
}

.team_over i {
    color: #ff1515;
    margin-right: 10px;
}

.team_under i {
    color: #0080ff;
    margin-left: 10px;
}

.team_home {
}

.team_draw,
.team_stan {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    padding: 1px;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
    color: #ddd;
    width: 78px;
    background: linear-gradient(180deg, #2d353c, #222);
    border-color: #424242 #181818 #232324 #2c3339;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
}

.team_stan {
    text-align: center;
    color: #b79939;
}

.team_draw {
}

.s_odds .normal span,
.s_odds .select span,
.sel_odds span {
    overflow-x: overlay;
    overflow-y: hidden;
    white-space: nowrap;
}

.sp_icon_box {
    min-width: 45px;
}

.team_home .sp_icon_box,
.team_hd_home .sp_icon_box {
    text-align: right;
}

.team_away .sp_icon_box,
.team_hd_away .sp_icon_box {
    text-align: left;
}

.team_home .odds_ratio {
    margin-left: 10px;
}

.team_away .odds_ratio {
    margin-right: 10px;
}

.team_hd_home .odds_ratio {
    margin-left: 10px;
}

.team_hd_away .odds_ratio {
    margin-right: 10px;
}

.detail_game {
    padding: 20px;
}

.home_ttl,
.away_ttl {
    width: calc(50% - 40px);
}

.home_ttl {
    text-align: center;
}

.away_ttl {
    text-align: center;
}

.vs {
    height: 65px;
}

.vs img {
    width: 65px;
}

.detail_tab {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
}

.detail_tab div {
    width: 50%;
    display: block;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;

    border-bottom: 2px solid #b79939;
    cursor: pointer;
    transition: none;
}

.detail_tab div span {
    display: block;
    margin-right: 2px;
    background: #2b343b;
}

.detail_tab div.detail_tab_on {
    cursor: default;
    line-height: 33px;
    border: 2px solid #b79939;
    border-bottom: 0;
}

.detail_tab div.detail_tab_on span {
    background: #111;
    margin-right: 0;
}

.d_box .detail_ttl {
    background: #21282e;
    color: #b79939;
    border-top: 1px solid #414244;
    border-bottom: 1px solid #000;

    margin-bottom: 2px;
    font-size: 13px;
}

.detail_box {
    background: #121619;
    padding: 0;

    border: 1px solid #1e2327;
}

.detail_game .odds_ratio {
    margin-right: 10px;
}

.detail_game .odds_name {
    margin-left: 10px;
}

.game_3 .name_space {
    max-width: 70%;
    display: inline-block;
}

.game_2 .odds_name {
    max-width: 58%;
    display: inline-block;
}

.game_2 .name_space {
    width: 75%;
}

.name_space {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.d_box {
    margin-bottom: 10px;
}

.sel_lock {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #222;
    font-size: 18px;
}

.bonus_box {
    position: relative;
    border: 2px solid #191919;
    background: #191919;
    padding: 15px 5px 5px;
    margin: 15px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.bonus_box .in_ttl {
    background-color: #80630d;
    padding: 3px 5px;
    position: absolute;
    top: -14px;
    left: 0;
}

.btn_bonus_p {
    flex: 1;
}

.btn_bonus {
    background: #191919;
    border: 1px solid #b79939;
    /* width:28.5%; */
    padding: 4px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn_bonus .bonus_name {
    /* color:#b79939; */
    font-size: 14px;
}

.btn_bonus .bonus_ratio {
    width: 40px;
    height: 30px;
    line-height: 33px;
    text-align: center;
    border-radius: 50%;
    background: #0c0c0c;
    color: #ffffff;
}

.text-red {
    color: #ff1515 !important;
}

.sp_notice_box,
.sp_order_box {
    border: 2px solid #000000;
    background: #191919;
    margin: 10px 0;
}

.sp_notice_box {
    padding: 3px 5px 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.sp_order_box {
    padding: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.btn_order {
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #171733;
    cursor: pointer;
    float: left;
    width: auto;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    border-radius: 10px;
}

.btn_order:hover,
.btn_order_on {
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);
    box-shadow:
        inset 0 -1px 0 rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.sp_notice_box .icon_notice {
    width: 50px;
    text-align: center;
    color: #b79939;
    font-size: 35px;
}

.sp_notice_box .text_notice {
    padding-top: 4px;
    line-height: 18px;
    color: #707478;
}

.sch_sp_box {
    border-image: linear-gradient(to bottom, #000000, #fbdf9f) 1;
    box-sizing: border-box;
    text-align: center;
    padding: 15px 3px;
    background: linear-gradient(to bottom, #171717, #333232 9%, #272727 17%, #252525 74%, #0f0f0f 96%, #000000);
}

.sch_key {
    color: #ffffff;
    background: #181818;
    width: 240px;
    height: 24px;
    border: 0;
    border-bottom: 1px solid #444;
    padding: 3px;
    text-align: center;
    border-radius: 50px;
}

.sch_key2 {
    color: #ffffff;
    background: #181818;
    width: 240px;
    height: 24px;
    border: 0;
    border-bottom: 1px solid #444;
    margin-top: 5px;
    padding: 3px;
    text-align: center;
    border-radius: 50px;
}

.sch_sp_btn {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    box-shadow:
        0 2px 4px #232323,
        inset 0 0 2px #181818;
    color: #fff;
    text-shadow: 0 1px #333;
    transition: all 0.1s ease;
    border-radius: 50px;
    border: 1px solid #000;
    background: linear-gradient(0deg, #745500 0%, #d9be51 71.63%, #fff8a8 100%);
}

.sch_sp_btn:hover {
    /* Pressed effect */
    box-shadow:
        0 1px 2px #232323,
        inset 0 0 4px #181818;
    transform: translateY(2px);
    /* Moves the button down slightly */
    background-image: linear-gradient(to top, #434242 0%, #333 85%, #6a6a6a 100%);
}

.sch_sp_btn2 {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    box-shadow:
        0 0px 1px 1px #232323,
        0 1px 1px #232323,
        0 1px 1px #232323,
        0 1px 1px #eee,
        inset 0 0 2px 0 #181818;
    color: #fff;
    text-shadow: 0 1px #333;
    border-radius: 50px;
    border: 1px solid #000;
    background: linear-gradient(0deg, #745500 0%, #d9be51 71.63%, #fff8a8 100%);
}

.sch_sp_btn2:hover {
    /* Pressed effect */
    box-shadow:
        0 1px 2px #232323,
        inset 0 0 4px #181818;
    transform: translateY(2px);
    /* Moves the button down slightly */
    background-image: linear-gradient(to top, #434242 0%, #333 85%, #6a6a6a 100%);
}

.sch_sp_btn i,
.sch_sp_btn2 i {
    vertical-align: -1px;
}

.sch_sp_button {
    cursor: pointer;
    background: none;
    color: #fff;
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: 0px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    border: 0;
}

.btn_snb_sp,
.btn_snb_fv {
    cursor: pointer;
    padding: 8px 10px;
    line-height: 20px;
    color: #fff;
    border-bottom: 1px solid #111;
    background: #191919;
}

.btn_snb_sp:hover,
.btn_snb_fv:hover {
    background-image: linear-gradient(180deg, #000 0, #090909 20%, #090909 50%, #090909 80%, #090909);
}

.league_star {
    color: #fff;
    display: inline-block;
    width: 25px;
    height: 100%;
}

.league_star:hover {
    position: relative;
    bottom: 2px;
}

.league_star.favor {
    color: yellow;
}

.icon_sp {
    vertical-align: middle;
    display: inline-block;
    width: 25px;
    height: 22px;
    overflow: hidden;
}

.icon_sp img {
    width: 22px;
    height: 22px;
}

.snb_sp_name {
    vertical-align: middle;
    display: inline-block;
    width: 188px;
    margin-left: 16px;
}

.snb_sp_cnt {
    vertical-align: middle;
    display: inline-block;
    width: 50px;
    height: 20px;
    text-align: center;
    color: #ff7f00;
    text-shadow: 1px 1px 5px rgb(0 0 0);
}

.snb_national {
    padding-left: 20px;
}

.btn_national {
    cursor: pointer;
    border-left: 1px solid #af1605;
    padding: 10px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    font-weight: 100;
    color: #889097;
    text-decoration: none;
    position: relative;
}

.btn_national:hover {
    background: linear-gradient(180deg, #2d353c, #222);
}

.btn_national:hover .nt_name {
    color: #fc0;
}

.btn_national i.icon_circle {
    position: absolute;
    left: -6px;
    border: 2px solid #889097;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.btn_national img {
    width: 20px;
    height: 13px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px;
}

.nt_cnt {
    display: inline-block;
    width: 40px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    margin-right: 12px;
}

.btn_league {
    padding: 7px 10px;
    font-weight: 100;
    color: #889097;
    border-left: 1px solid #af1605;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
}

.btn_league i {
    margin-right: 5px;
}

.btn_league:hover {
    background: linear-gradient(180deg, #2d353c, #222);
}

.btn_league:hover .nt_name {
    color: #fc0;
}

.btn_league .nt_cnt {
    margin-right: 5px;
}

.odds_name {
    max-width: 70%;
}

.odds_name_box {
    max-width: 70%;
}

.korean_list_box .team_3,
.korean_list_box .team_2,
.korean_list_box .team_stan,
.korean_list_box .team_draw {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}

.korean_list_box .team_home,
.korean_list_box .team_away,
.korean_list_box .team_hd_home,
.korean_list_box .team_hd_away,
.korean_list_box .team_over,
.korean_list_box .team_under {
    width: calc(50% - 100px);
}

.korean_list_box .team_head {
    height: 36px;
    line-height: 35px;
    width: 100px;
}

.korean_list_box .sports_box {
    margin: 10px 15px 5px;
    padding-top: 10px;
}

.korean_list_box .sports_time {
    margin-top: -20px;
}

.korean_list_box .sports_markets {
    margin-top: -22px;
    margin-right: -20px;
    cursor: pointer;
}

.korean_list_box .open_markets {
    width: 50px;
    text-align: left;
}

.korean_list_box .closed .s_am {
    display: none;
}

.korean_list_box .info_league {
    height: 35px;
    line-height: 38px;
    font-size: 13px;
    margin-top: 15px;
}

.open_match,
.clean_space {
    padding: 0 5px;
    text-align: center;
    width: 85px;
    box-sizing: border-box;
    color: #ddd;
    background: linear-gradient(180deg, #2d353c, #222);
    border-color: #424242 #181818 #232324 #2c3339;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
}

.open_match {
    cursor: pointer;
}

.korean_notice_box {
    justify-content: flex-end;
}

.korean_open_all {
    background: #191919 !important;
    border: 1px solid #b79939;
    cursor: pointer;
    width: 100px;
    text-align: center;
    padding: 4px 12px;
}

.team_hd_home i,
.team_hd_away i {
    color: #88f588;
    font-size: 10px;
    vertical-align: 1px;
}

.sports_sc {
    background: url("/static/img/inplay/soccer.png") no-repeat center;
    background-size: 100% 100%;
    padding: 0;
}

.sports_bk {
    background: url("/static/img/inplay/basket.png") no-repeat center;
    background-size: 100% 100%;
    padding: 0;
}

.sports_bs {
    background: url("/static/img/inplay/baseball.png") no-repeat center;
    background-size: 100% 100%;
    padding: 0;
}

.sports_vb {
    background: url("/static/img/inplay/volley.png") no-repeat center;
    background-size: 100% 100%;
    padding: 0;
}

.sports_ih {
    background: url("/static/img/inplay/hockey.png") no-repeat center;
    background-size: 100% 100%;
    padding: 0;
}

.sports_eg {
    background: url("/static/img/inplay/egame.png") no-repeat center;
    background-size: 100% 100%;
    padding: 0;
}

.inplay_box {
    background: rgba(34, 34, 34, 0.6);
}

.ny_time {
    position: absolute;
    top: 10px;
    left: 50%;
    color: #b79939;
    width: 200px;
    margin-left: -100px;
}

.spoimg {
}

.spoimg img {
    vertical-align: -10px;
    width: 28px;
    height: 28px;
}

.spobar {
    display: inline-block;
    margin: 0 10px;
}

.live_tracker,
.live_tracker2 {
    overflow: hidden;
}

.live_tracker {
    width: 100%;
    padding-bottom: 15px;
    background: url("/static/img/no_lt.png") no-repeat center top;
    background-size: contain;
}

.live_tracker iframe {
    width: 100%;
    height: 500px;
}

.five_spo {
    padding: 0px;
}

.five_spo ul {
    display: flex;
    flex-direction: column;
    border: 0;
    background: none;
}

.five_game {
    display: flex;
    align-items: center;
    padding: 3px 10px;
    margin-bottom: 3px;
    cursor: pointer;
    background: linear-gradient(180deg, #242424 17%, #161515 73%);
    box-shadow:
        inset 0px 1px 0px rgba(255, 255, 255, 0.06),
        0px 1px 3px rgba(0, 0, 0, 0.1);
}

.five_game span {
    padding: 0 5px;
}

.five_team_box {
    display: flex;
    flex-direction: column;
}

.five_team_box span {
    margin: 4px 0;
}

.left_ttl {
    color: #fff;
    font-size: 13px;
    padding: 10px 5px;
}

.left_ttl img {
    /* vertical-align: -12px; */
    /* width: 30px; */
}

.btn_bonus {
    cursor: pointer;
}

.btn_bonus:hover {
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);
    box-shadow:
        inset 0 -1px 0 rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.on_bonus,
.btn_bonus.selected {
    color: #ffffff !important;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);
    box-shadow:
        inset 0 -1px 0 rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.on_bonus .bonus_name,
.btn_bonus.selected .bonus_name {
    /* color:#000; */
}

.sport_list_box {
    padding-bottom: 30px;
}

.korean_ball {
    width: 20px !important;
    height: 20px !important;
    vertical-align: -5px !important;
}

.cancel_bet {
    cursor: pointer;
}

.mobile_btn_login {
    display: none;
}

.btn_pc {
    display: block;
    border: 1px solid #999;

    margin: 5px 10px;
    padding: 5px;
    font-size: 24px;
    text-align: center;
}

.btn_pc_box {
    padding: 50px 0;
}

.show_mobile {
    display: none;
}

.btn_out_join {
    display: none;
}

.page_ttl {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 2px 0;
    text-align: center;
    border: 1px solid #171717;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(0deg, #111 0%, #141414 65.87%, #434343 100%);
    box-shadow:
        inset 0 4px 5px rgba(0, 0, 0, 0.4),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.open_bota {
    width: 90% !important;
    height: auto !important;
}

.main_game_ttl {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
    background: #222;
}

.main_game_sub_ttl {
    color: #b79939;
    font-size: 14px;
}

.main_game_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;

    padding: 0 0 15px;
}

/* Card */

.main_game_list .mg_link {
    position: relative;

    width: calc(20% - 15px);

    cursor: pointer;

    overflow: hidden;

    border-radius: 8px;

    aspect-ratio: 2 / 2.5;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

/* Background */

.main_game_list .mg_link img.casino_bg {
    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.5s ease;
}

/* Provider image */

.main_game_list .mg_link img.casino_img {
    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;

    border: 2px solid #000;

    border-radius: 8px;

    z-index: 2;

    transition:
        transform 0.5s ease,
        filter 0.5s ease;
}

/* Hover */

.main_game_list .mg_link:hover {
    transform: translateY(-8px) scale(1.03);

    box-shadow:
        0 12px 30px rgb(0 0 0 / 50%),
        0 0 20px rgb(255 255 255 / 34%);

    z-index: 5;
}

.main_game_list .mg_link:hover .casino_bg {
    transform: scale(1.12);
}

.main_game_list .mg_link:hover .casino_img {
    transform: scale(1.08);

    filter: drop-shadow(0 0 12px #ffffff63);
}

/* Shine effect */

.main_game_list .mg_link::after {
    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 50%;
    height: 100%;

    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.45), transparent);

    transform: skewX(-25deg);

    transition: 0.7s;

    z-index: 3;
}

.main_game_list .mg_link:hover::after {
    left: 150%;
}

.pop_login {
    top: 0;
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999999;
    width: 100%;
    height: 100%;
    transition: none;
}

.pop_login_box {
    background-image: linear-gradient(
        134deg,
        #3f3f3f 0,
        #101010 5%,
        #1c1c1cad 30%,
        rgb(0 0 0 / 45%) 50%,
        #29292996 70%,
        #101010 95%,
        #3f3f3f
    );
    border: 2px solid #212121;
    border-radius: 15px;
    overflow: hidden;
    padding: 20px;
    margin: 5% auto 0;
    width: 300px;
}

.pop_login_ttl {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    text-align: center;
}

.pop_login_ttl img {
    width: 60%;
    margin-top: 40px;
}

.pop_login_info {
    font-size: 14px;
    text-align: center;
    padding: 10px 0 0;
    color: #9bcbfd;
}

.pop_login_sub_ttl {
    margin: 20px 0 10px;
    color: #999;
}

.pop_login_btn {
    display: block;
    margin: 25px auto 5px;
    width: 97%;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
    border: 0;
    cursor: pointer;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 58%);
    color: #fff;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);
}

.btn_pop_join {
    display: block;
    margin: 5px auto;
    text-align: center;
    border-radius: 30px;
    width: 93%;
    height: 46px !important;
    line-height: 50px;
    border: 0;
    cursor: pointer;
    background: #2a2a2a;
    color: #fff;
}

.btn_pop_tel {
    display: inline-block;
    margin: 0 auto 5px 5px;
    text-align: center;
    border-radius: 30px;
    width: 97%;
    height: 46px;
    line-height: 50px;
    border: 0;
    cursor: pointer;
    color: #fff;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000000 100%);
}

.btn_pop_kakao {
    display: inline-block;
    margin: 0 5px 5px 0;
    text-align: center;
    border-radius: 30px;
    width: calc(47.5%);
    height: 40px;
    line-height: 40px;
    border: 0;
    cursor: pointer;
    background: #c0ab00;
    color: #fff;
}

.pop_login_box table {
    width: 100%;
    border-spacing: 1;
}

.pop_login_box input {
    color: #fff;
    border: 0;
    margin: 0 auto;
    display: block;
    width: 90%;
    padding: 10px;
    border-radius: 3px;
    background: rgba(50, 50, 50, 0.9);
}

.close_login_pop {
    padding: 0 5px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    cursor: pointer;
}

.plus_slot {
    font-size: 18px;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
}

.banner_box {
    padding-bottom: 30px;
}

.banner_box img {
    width: 100%;
}

.popup_box img {
    max-width: 100%;
    height: auto !important;
}

.popup_content {
    overflow: hidden;
    border: 1px solid #303030;
    border-radius: 0px 0px 10px 10px;
    background-color: #0000005e;
}

.code_info {
    padding: 10px 0;
}

.text_red {
    color: #ed1d1d;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
}

.t_info {
    color: #b79939;
    font-size: 10px;
}

.t_info2 {
    color: #b79939;
}

.t_info3 {
    color: #b79939;
    font-size: 10px;
    padding-top: 10px;
}

.sch_in_game {
    padding-bottom: 20px;
    background: none;
}

.sch_in_game input {
    height: 30px;
    text-align: center;
}

.sch_in_game span {
    width: 37px;
    height: 37px;
    line-height: 37px;
}

.slot_box2 {
    text-align: center;
}

.slot_box2 .open_slot_game {
    border: 1px solid #000;
    width: 180px;
    height: 120px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    background: url("/static/img/casino/bg_maintenence.png") no-repeat center;
}

.slot_box2 .open_slot_game .slot_ttl {
    position: absolute;
    width: 180px;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.slot_box2 .open_slot_game img {
    max-width: 100%;
}

.five_sport img {
    width: 36px;
}

.view_content img {
}

.new_box {
    height: 599px;

    background: #333;
    color: #333;
}

.new_coin_box {
    color: #fff;
    margin: 100px auto;
    width: 360px;
    background: #222;
    border: 1px solid #000;
}

.new_ttl {
    background: #000;
    padding: 10px;
    font-size: 16px;
    text-align: center;
}

.new_cont {
    padding: 20px;
}

.new_cont table {
    width: 300px;
    margin: 0 auto;
}

.new_cont table th {
    width: 90px;
}

.new_cont table td {
    height: 30px;
    padding-left: 30px;
}

.new_cont .t_info {
    text-align: center;
    font-size: 11px;
    padding: 0;
}

.new_btn_box {
    padding: 10px 0;
    text-align: center;
}

.coin_blind {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
}

.coin_pop {
    position: fixed;
    left: calc(50% - 200px);
    top: calc(50% - 150px);
    z-index: 9999;
    background: #930;
    width: 400px;
    height: 300px;
    border: 3px solid #930;
    border-radius: 20px;
    overflow: hidden;
}

.coin_pop_ttl {
    background: #930;
    text-align: center;
    padding: 10px 0;
    font-size: 20px;
    position: relative;
}

.btn_close_coin_pop {
    position: absolute;
    right: 10px;
    top: 10px;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;

    cursor: pointer;
    font-size: 28px;
}

.now_coin {
    display: inline-block;
    width: 150px;
    background: #333;
    color: #fff;
    padding: 5px 3px;
    border: 1px solid #666;
}

.exchange_coin {
    width: 150px;
    background: #333;
    color: #fff;
    padding: 3px;
    border: 1px solid #666;
}

.coin_pop_cont {
    background: #000;
    padding: 25px 0;
}

.coin_pop_cont table {
    width: 300px;
    margin: 0 auto;
    border: 1px solid #333;
    border-collapse: collapse;
}

.coin_pop_cont table th {
    padding: 5px;
}

.coin_pop_cont table td {
    padding: 5px;
}

.coin_pop_btn_box {
    margin-top: 10px;
    text-align: center;
}

.coin_ex_submit {
    width: 300px;
}

.btn_cmt2 {
    background: linear-gradient(to bottom, rgb(52 133 73) 1%, rgb(0 58 23) 100%);
    height: 35px;
    width: 100px;
    border: 1px solid #000;
    color: #fff;
    display: inline-block;
}

.cmt_list {
}

.cmt_list ul li {
    border-bottom: 1px solid #666;
}

.cmt_list ul li span {
    display: inline-block;
    padding: 10px;
}

.cmt_list ul li span.c_nick {
    background: linear-gradient(to bottom, rgba(197, 39, 47, 1) 0%, rgba(103, 3, 8, 1) 100%);
    border: 1px solid #111;

    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 1px 3px;
}

.cmt_del {
    font-size: 11px;
    display: inline-block;
    background: linear-gradient(to bottom, rgba(153, 51, 0, 1) 1%, rgba(100, 15, 15, 1) 100%);
    width: 17px;
    height: 17px;
    line-height: 17px;

    text-align: center;
}

.fdr_game .mini_frm_box {
    height: 800px;
}

.fdr_game iframe {
    margin: -90px 0 0 -10px !important;
    height: 900px !important;
}

.foe_game .mini_frm_box {
    height: 850px;
    width: 670px;
}

.foe_game iframe {
    margin: -170px 0 0 -100px !important;
    height: 1200px !important;
}

.frl_game .mini_frm_box {
    height: 850px;
    width: 670px;
}

.frl_game iframe {
    margin: -170px 0 0 -100px !important;
    height: 1200px !important;
}

.bcr_frm_box {
    width: 810px;
    height: 620px;
    float: left;
    overflow: hidden;
}

.bcr_frm_box iframe {
    width: 830px;
    height: 641px;
    margin: -10px 0 0 -10px;
}

.a_circle {
    background: linear-gradient(to bottom, rgba(255, 0, 198, 1) 1%, rgba(150, 0, 100, 1) 100%);
}

.b_circle {
    background: linear-gradient(to bottom, rgba(0, 186, 255, 1) 1%, rgba(0, 100, 150, 1) 100%);
}

.c_circle {
    background: linear-gradient(to bottom, rgba(255, 72, 0, 1) 1%, rgba(150, 50, 0, 1) 100%);
}

.d_circle {
    background: linear-gradient(to bottom, rgba(181, 27, 232, 1) 1%, rgba(100, 10, 150, 1) 100%);
}

.apeach_circle {
    margin-top: 30px;
    background: url("/static/img/apeach.png") no-repeat left top;
    width: 32px;
    height: 32px;
    text-indent: -200px;
    overflow: hidden;
    display: inline-block;
}

.ryan_circle {
    margin-top: 30px;
    background: url("/static/img/ryan.png") no-repeat left top;
    width: 32px;
    height: 32px;
    text-indent: -200px;
    overflow: hidden;
    display: inline-block;
}

.board_list table td.subj {
    font-size: 14px;
}

.btn_small {
    display: inline-block;
    border: 1px solid #000;
    cursor: pointer;
    padding: 1px 5px;
}

.btn_green {
    text-shadow: 0 0px 0px rgb(0 0 0 / 80%);
    color: #fff;
    border-radius: 30px;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);
    box-shadow:
        0 -1px 0 0 rgba(0, 0, 0, 0.5) inset,
        0 1px 0 0 rgba(255, 255, 255, 0.25) inset,
        0 1px 3px 0 rgba(0, 0, 0, 0.9);
}

.btn_ex_money {
    vertical-align: middle;
    background: #cdcdcd;
    color: #000;
    border-radius: 3px;
    display: inline-block;
    margin-top: -1px;
}

.chk_okay i {
    color: #2ea14b;
}

.sm_charge2 {
    background: #222;
    color: #fff;
    padding: 3px;
    font-size: 11px;
    cursor: pointer;
    margin-left: 5px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    width: 50%;
    text-align: center;
}

.sm_withdrawal2 {
    background: #222;
    color: #fff;
    padding: 3px;
    font-size: 11px;
    cursor: pointer;
    margin-left: 5px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    width: 50%;
    text-align: center;
}

.sm_charge2.on,
.sm_withdrawal2.on {
    background: #b79939;
}

.sm_charge_box2,
.sm_withdrawal_box2 {
    margin-top: 20px;
}

.slot_money_box2 {
    background: #111;
    height: 20px;
    padding: 10px;
    overflow: hidden;
    transition: 0.2s;
}

.slot_money_box2 .sm_ttl {
}

.slot_money_box2 .sm_money {
    display: inline-block;
    color: #f00;
    width: 150px;
    text-align: right;
}

.slot_money_box2 .sm_refresh {
    background: #b79939;
    color: #000;
    padding: 3px;
    font-size: 11px;
    cursor: pointer;
}

.slot_money_box2 .select_money,
.slot_money_box2 .select_money2 {
    background: #333;
    display: inline-block;
    width: 87px;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
    margin-bottom: 5px;
}

.slot_money_box2 .select_max,
.slot_money_box2 .select_max2 {
    background: #115f96;
    display: inline-block;
    width: 87px;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
    margin-bottom: 5px;
}

.slot_money_box2 .go_to_charge,
.go_to_withdrawal {
    background: #222;
    color: #fff;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    margin-left: 5px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    width: 111px;
    display: inline-block;
    text-align: center;
    height: 29px;
    line-height: 29px;
}

.exc_ttl {
    display: flex;
}

.sm_charge_box2 .sm_c_money,
.sm_withdrawal_box2 .sm_w_money {
    width: 141px;
}

.sm_btn_box2 {
    width: 100%;
    margin-top: 5px;
}

.outer_exchange {
    transition: 0.2s;
}

.refresh_cmoney {
    cursor: pointer;
}

.b3_tab_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.b3_tab_box a {
    display: inline-block;
    font-weight: 100;
    font-size: 18px;
    text-align: center;
    height: 68px;
    line-height: 68px;
    width: 24.5%;
    border-bottom: 5px solid #fff;
    background: #222;
}

.b3_tab_box a.on {
    background: #333;
}

.vbk {
    border-bottom: 5px solid #ff9000 !important;
}

.vgg {
    border-bottom: 5px solid #1e8567 !important;
}

.vgm {
    border-bottom: 5px solid #fff210 !important;
}

.b3_tab_box a img {
    width: 25px;
    vertical-align: -5px;
}

.vsc_select_box {
    width: 50%;
}

.vsc_tab_box {
    padding: 10px;
    background: #222;
    margin: 5px 0;
    display: flex;
    justify-content: space-around;
}

.vsc_tab_box a {
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
}

.vsc_tab_box a.on {
    color: #b79939;
}

.vtg_markets {
    overflow: hidden;
    height: 24px;
    margin-top: -30px;
    margin-right: 20px;
    float: right;
    border: 1px solid #222733;
    background: #1e2428;
}

.vtg_markets .open_markets {
    width: 125px;
}

.vtg_result_box {
    width: 49%;
}

.vtg_game_box {
    display: flex;
    justify-content: space-between;
}

.vtg_scr_box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.scr_tab_box {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.scr_tab_box span.btn_scr_05 {
    width: 100%;
    display: block;
    height: 62px;
    padding-top: 15px;
    font-size: 18px;
    text-align: center;
    background: #333;
    cursor: pointer;
}

.scr_tab_box span.btn_scr_04 {
    width: 100%;
    display: block;
    height: 70px;
    padding-top: 25px;
    font-size: 15px;
    text-align: center;
    background: #333;
    cursor: pointer;
}

.scr_tab_box span.btn_scr_03 {
    width: 100%;
    display: block;
    height: 90px;
    padding-top: 40px;
    font-size: 18px;
    text-align: center;
    background: #333;
    cursor: pointer;
}

.scr_tab_box span.btn_scr_02 {
    width: 100%;
    display: block;
    height: 128px;
    padding-top: 70px;
    font-size: 18px;
    text-align: center;
    background: #333;
    cursor: pointer;
}

.scr_tab_box span.on {
    background: #555;
}

.virtual_box {
    width: 710px;
    height: 400px;
    margin: 0 auto;
}

.virtual_box iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

.vtg_result_tab_box {
    display: flex;
    justify-content: space-between;
}

.vtg_result_tab {
    background-image: linear-gradient(180deg, #232a30 0, #222a2d 20%, #22272b 50%, #202427 80%, #1f2326);
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 15px;
    text-align: center;
    width: calc(50% - 2px);
    cursor: pointer;
}

.vtg_result_tab_box .on {
    border: 1px solid #4c6f87;
}

.result_list_ul {
    margin: 10px 0;
}

.result_list_ul li {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    background: #252a30;
    margin-bottom: 5px;
}

li.rl_ttl {
    background: #161b1f;
}

.result_list_ul li div {
    text-align: center;
    font-size: 14px;
}

.rl_01 {
    width: 10%;
}

.rl_02 {
    width: 35%;
}

.rl_03 {
    width: 20%;
}

.rl_04 {
    width: 15%;
}

.rl_05 {
    width: 20%;
}

.bl_ttl {
    display: flex;
    justify-content: space-between;
}

.bl_ttl div {
    text-align: center;
    border: 1px solid #333;
    padding: 5px 0;
}

.bl_01 {
    width: 10%;
}

.bl_02 {
    width: 30%;
}

.bl_03 {
    width: 30%;
}

.bl_04 {
    width: 20%;
}

.bl_05 {
    width: 10%;
}

.point_color {
    color: #b79939;
}

.point_color2 {
    color: #11b485;
}

.bl_info {
    border: 1px solid #333;
    padding: 10px;
    line-height: 20px;
}

.bl_05 .bl_result {
    vertical-align: -8px;
}

.result_list_ul img {
    width: 20px;
    vertical-align: -5px;
}

.vgg_odds {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.gg_num {
    width: 20px;
    vertical-align: -5px;
}

.vt_bet_list_ul li {
    margin-bottom: 10px;
}

.txt_number {
    width: 20px;
    height: 20px;
    background: #111;

    display: inline-block;
    text-align: center;
    line-height: 20px;
    vertical-align: -5px;
    font-size: 10px;
}

.txt_number2 {
    width: 20px;
    height: 20px;
    background: #111;

    display: inline-block;
    text-align: center;
    line-height: 20px;
    vertical-align: 1px;
    font-size: 10px;
}

.sky_frm_box {
    float: left;
    width: 800px;
    height: 714px;
    overflow: hidden;
}

.sky_frm_box iframe {
    -webkit-transform: scale(0.95);
    width: 830px;
    height: 714px;
    margin: -20px 0 0 -20px;
}

.sky_bj_box {
    height: 860px;
}

.sky_bj_box iframe {
    height: 900px;
}

.sure_frm_box {
    width: 800px;
    height: 850px;
    float: left;
    overflow: hidden;
}

.sure_frm_box iframe {
    margin: -430px 0 0 -445px;
    width: 1700px;
    height: 1644px;
    -webkit-transform: scale(0.48);
}

.surep_frm_box {
    width: 800px;
    height: 850px;
    float: left;
    overflow: hidden;
}

.surep_frm_box iframe {
    margin: -85px 0 0 -90px;
    width: 1700px;
    height: 1644px;
    -webkit-transform: scale(0.9);
}

.crown_frm_box {
    width: 800px;
    height: 600px;
    float: left;
    overflow: hidden;
}

.crown_frm_box iframe {
    width: 800px;
    height: 600px;
}

.token_game_frm {
    width: 100%;
    height: 900px;
}

.vs_color {
    color: #b79939;
}

.market_color {
    color: #55c0ff;
}

.stan_color {
    color: #b79939;
}

.ratio_color {
    color: #0fad3f;
}

.chk {
    vertical-align: -2px;
}

.bet_total_td {
    padding: 5px !important;
    background: #111;
    line-height: 20px;
}

.end_bar {
    height: 10px;
    border: none !important;
    background: #111;
}

.live_tracker2 {
    width: 100%;
    margin: 0 auto;
    max-width: 490px;
    height: 327px;
    overflow: hidden;
    background: url("/static/img/no_lt.png") no-repeat center top;
}

.live_tracker2 iframe {
    width: 100%;
    height: 440px;
}

.deposit_select_label {
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}

.deposit_select_label input {
    position: absolute;
    left: 0;
    top: 6px;
}

.deposit_select_label span {
    color: #cff536;
    display: block;
    margin-left: 0;
}

.slot_money_black_box {
    background: #000;
    padding: 3px;
    display: inline-block;
}

.mb_pc_box {
    display: flex;
    justify-content: space-between;
}

.mb_pc_box.mainBannerSwiper {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 5px;
}

.mainBannerSwiper .swiper-slide {
    background: transparent;
    border-radius: 5px;
    overflow: hidden;
}

.mainBannerSwiper .swiper-slide:hover {
    transform: none;
}

.mainBannerSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 430px;
    margin-bottom: 0;
    object-fit: fill;
    transition: none;
}

.mainBannerSwiper .swiper-pagination {
    bottom: 10px;
    display: block;
}

.mainBannerSwiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.45);
    opacity: 1;
}

.mainBannerSwiper .swiper-pagination-bullet-active {
    background: #fff;
}

.mb_box {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    border-radius: 5px;
    width: calc(50% - 8px);
}

.mb_box img {
    width: 100%;
    margin-bottom: -4px;
    transition: none;
    height: 263px;
}

@media (max-width: 768px) {
    .mb_box img {
        height: 174px;
    }

    .mainBannerSwiper .swiper-slide img {
        height: 174px;
    }
}

.main_banner {
    top: 0;
    left: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.mb_01,
.mb_11,
.mb_21 {
    left: 0;
}

.mb_ctr_box {
    position: absolute;
    z-index: 0;
    bottom: 10px;
    text-align: center;
    width: 100%;
}

.btn_mb_ctr,
.btn_mb_ctr2,
.btn_mb_ctr3 {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    border-radius: 5px;
    display: inline-block;
    margin: 0 2px;
}

.btn_mb_ctr_on {
    background: rgba(255, 255, 255, 1);
}

.mb_ctr_arr,
.mb_ctr_arr2,
.mb_ctr_arr3 {
    display: none;
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    line-height: 38px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.3);
    z-index: 999;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}

.mb_arr_left {
    left: 5px;
}

.mb_arr_right {
    right: 5px;
}

.main_middle_box {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    gap: 4px;
}

.main_middle_box a {
    position: relative;
    width: calc(25% - 15px);
}

.main_middle_box a img {
    width: 100%;
    border-radius: 12px 12px 0 0;
}

.main_middle_box a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 3px;
    border-radius: 10px 10px 0px 0px;
    /* border: 2px solid #b79939; */
    /*  */
    pointer-events: none;
}

.main_middle_box a span.hoverb {
    left: 0;
    top: 0;
    opacity: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 5;
    text-align: center;
}

.hoverb img {
    width: 50% !important;
    display: inline-block;
    margin-top: 70px;
}

.mmb_in_ttl {
    display: block;
    font-size: 30px;
    margin-top: 10px;
    font-family: pcp;
}

.mmb_in_btn {
    background: #555;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px;
    color: #f5f5f5;
    margin-top: 35%;
}

.main_middle_box a:hover span.hoverb {
    opacity: 1;
}

.main_bbs_btn_box a {
    width: calc(50% - 4px) !important;
    height: 90px !important;
}

.main_bbs_btn_box a img {
    margin: 13px auto 8px !important;
}

.board_list {
    padding: 10px;
}

.board_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.board_list ul li {
    width: calc(20% - 5px);
    max-width: 300px;
    margin-bottom: 10px;
    margin-right: 5px;
}

.board_list ul li a img {
    width: 100%;
}

.bl_ttl {
    text-align: center;
    width: 100%;
    height: auto;
    line-height: 27px;
    font-size: 12px;
    overflow: overlay;
    white-space: nowrap;
    border-radius: 0px 0px 0px 0px;
    display: flex;
    gap: 0px;
    justify-content: center;
    background: linear-gradient(180deg, #515151 0%, #212121 100%);
}

.t_orange {
    color: #b79939;
}

.info_dw_img {
    width: calc(49% - 10px);
}

.snb_btn_img {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #000;
}

/*시그니처색*/
.snb_btn_img a {
    width: 147px;
    height: 75px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    background: #111;
    margin-top: 5px;
}

.snb_btn_img img {
    width: 100%;
    display: block;
    border-radius: 5px;

    box-shadow: 0 0 3px rgb(0 0 0);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        filter 0.3s ease;
}

.snb_btn_img {
    overflow: hidden;
    border-radius: 5px;
}

.snb_btn_img img:hover {
    transform: scale(1.05);

    filter: brightness(1.15) saturate(1.2);

    box-shadow:
        0 0 5px rgba(252, 182, 36, 0.6),
        0 0 15px rgba(252, 182, 36, 0.35),
        0 5px 15px rgba(0, 0, 0, 0.5);
}

.snb_btn_img span {
    position: absolute;
    padding: 3px 5px;
    background: rgba(0, 0, 0, 0.8);
    color: #3e4c6f;
    left: 10px;
    top: 10px;
}

.board_list {
    padding: 20px;
}

.board_list table {
    width: 100%;
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;
}

.bd_no {
    width: 80px;
}

.bd_chk {
    width: 30px;
}

.bd_name {
    width: 150px;
}

.bd_date {
    width: 100px;
}

.board_list table th {
    background: #444;
    height: 30px;
    line-height: 30px;
    border: 1px solid #171717;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(0deg, #111 0%, #141414 65.87%, #434343 100%);
    box-shadow:
        inset 0 4px 5px rgba(0, 0, 0, 0.4),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.board_list table td {
    padding: 10px;
    border-bottom: 1px solid #333;
}

.bettinglist-page-table table td {
    padding: 0;
    border-bottom: unset;
}

.minigame_tap_t1 {
    width: 100%;
}

.minigame_tap_t1 ul {
    display: flex;
    justify-content: flex-start;
    border: 1px solid #333;
    border-right: 0;
    border-bottom: 0;
    margin-bottom: 7px;
}

.minigame_tap_t1 ul li {
    display: inline-block;
    width: calc(50% - 1px);
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    background: #111111;
    border: 0;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    cursor: pointer;
}

.minigame_tap_t1 ul li.on {
    background: #333;
    text-shadow: 0 1px 3px rgb(0 0 0 / 80%);
    font-weight: bold;
    color: #fff;
}

.minigame_tap_t1 ul li img {
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    display: inline-block;
    margin-right: 5px;
}

.cs_img_box {
    width: 100%;
}

.cs_img_box img {
    width: 100%;
}

.slot_search_box input {
    background: #333;
    color: #fff;
    border: 0;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}

.pop_join {
    top: 0;
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999999;
    width: 100%;
    height: 100%;
    transition: none;
}

.pop_join_box {
    position: relative;
    background-image: linear-gradient(
        134deg,
        #3f3f3f 0,
        #101010 5%,
        #1c1c1cad 30%,
        rgb(0 0 0 / 45%) 50%,
        #29292996 70%,
        #101010 95%,
        #3f3f3f
    );
    border: 2px solid #212121;
    border-radius: 15px;
    overflow: hidden;
    padding: 20px;
    margin: 3% auto 0;
    width: 350px;
}

.pop_join_ttl {
    text-align: center;
}

.pop_join_ttl img {
    width: 30%;
}

.close_join_pop {
    padding: 0 5px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

.pop_join_info {
    padding: 10px 0;
    font-size: 16px;
    text-align: center;
}

.pop_join_box .ip_sm {
    width: 320px;
    height: 52px;
    line-height: 50px;
    margin-bottom: 5px;
    cursor: pointer;
    vertical-align: middle;
    display: block;
    padding: 0;
    border-radius: 4px;
    color: #000;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.7);
    border: solid 1px #000;
    transition: 0.2s;
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);
    background: linear-gradient(to bottom, rgb(247, 222, 0) 1%, rgba(243, 166, 28, 0.79) 100%);
    font-size: 14px;
    margin: 1px auto 1px;
    text-align: center;
}

.pop_join_box .code_info {
    text-align: center;
    font-size: 12px;
}

.pop_join_box .ip_id {
    width: 317px;
    height: 43px;
    line-height: 43px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    margin: 0 auto 1px;
    border-radius: 30px;
    background: rgba(50, 50, 50, 0.9);
    transition: 0.2s;
    border: 1px solid #000;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
    text-align: center;
}

.pop_join_box .ip_join_st {
    width: 317px;
    height: 25px;
    line-height: 25px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    margin: 0 auto 1px;
    border-radius: 4px;
    background: rgba(50, 50, 50, 0.9);
    transition: 0.2s;
    border: 1px solid #000;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
    text-align: center;
}

.pop_join_box .hp {
    width: 80px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    border-radius: 4px;
    background: rgba(50, 50, 50, 0.5);
    transition: 0.2s;
    border: 1px solid #000;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
    text-align: center;
}

.pop_join_sub_ttl {
    margin: 5px 0 3px;
    text-indent: 20px;
    color: #999;
}

.pop_join_input_box {
    text-align: center;
}

.pop_payback {
    top: 0;
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999999;
    width: 100%;
    height: 100%;
    transition: none;
}

.pop_payback_box {
    position: relative;
    background-image: linear-gradient(
        134deg,
        #3f3f3f 0,
        #101010 5%,
        #1c1c1cad 30%,
        rgb(0 0 0 / 45%) 50%,
        #29292996 70%,
        #101010 95%,
        #3f3f3f
    );
    border: 2px solid #212121;
    border-radius: 15px;
    overflow: hidden;
    padding: 20px;
    margin: 15% auto 0;
    width: 350px;
}

.pop_payback_ttl {
    text-align: center;
}

.pop_payback_ttl img {
    width: 50%;
}

.close_payback_pop {
    padding: 0 5px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

.pop_payback_info {
    padding: 10px 0;
    font-size: 16px;
    text-align: center;
}

.pop_payback_box .ip_sm {
    width: 320px;
    height: 52px;
    line-height: 50px;
    margin-bottom: 5px;
    cursor: pointer;
    vertical-align: middle;
    display: block;
    padding: 0;
    border-radius: 4px;
    color: #000;
    text-shadow: 0 0px 1px rgba(0, 0, 0, 0.7);
    border: solid 1px #000;
    transition: 0.2s;
    box-shadow: inset 0 1px 0px 0 rgba(255, 255, 255, 0.3);
    background: linear-gradient(to bottom, rgb(247, 222, 0) 1%, rgba(243, 166, 28, 0.79) 100%);
    font-size: 14px;
    margin: 1px auto 1px;
    text-align: center;
}

.pop_payback_box .code_info {
    text-align: center;
    font-size: 12px;
}

.pop_payback_box .ip_id {
    width: 317px;
    height: 43px;
    line-height: 43px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    margin: 0 auto 1px;
    border-radius: 4px;
    background: rgba(50, 50, 50, 0.9);
    transition: 0.2s;
    border: 1px solid #000;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
    text-align: center;
}

.pop_payback_box .ip_payback_st {
    width: 317px;
    height: 25px;
    line-height: 25px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    margin: 0 auto 1px;
    border-radius: 4px;
    background: rgba(50, 50, 50, 0.9);
    transition: 0.2s;
    border: 1px solid #000;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
    text-align: center;
}

.pop_payback_box .hp {
    width: 80px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    border-radius: 4px;
    background: rgba(50, 50, 50, 0.5);
    transition: 0.2s;
    border: 1px solid #000;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
    text-align: center;
}

.pop_payback_sub_ttl {
    margin: 5px 0 3px;
    text-indent: 20px;
    color: #999;
}

.pop_payback_input_box {
    text-align: center;
}

.btn_payback {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    background: #af1605;
    cursor: pointer;
}

.payback_info {
    width: 350px;
    padding-bottom: 20px;
}

/* 페이백 모달 새 스타일 */
.payback_modal_box {
    max-height: 90vh;
    overflow-y: auto;
}

.payback_detail {
    margin-top: 15px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    border: 1px solid #333;
}

.payback_detail_info {
    margin-bottom: 15px;
}

.payback_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.payback_row:last-child {
    border-bottom: none;
}

.payback_label {
    color: #999;
    font-size: 13px;
}

.payback_value {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.payback_margin_row {
    background: rgba(26, 188, 156, 0.1);
    margin: 5px -10px;
    padding: 10px;
    border-radius: 5px;
    border-bottom: none;
}

.payback_margin_row .payback_value {
    color: #1abc9c;
}

.payback_amount_row {
    background: rgba(241, 196, 15, 0.1);
    margin: 5px -10px;
    padding: 12px 10px;
    border-radius: 5px;
    border-bottom: none;
}

.payback_amount_row .payback_label {
    color: #f1c40f;
    font-size: 14px;
}

.payback_highlight {
    color: #f1c40f !important;
    font-size: 18px !important;
}

.btn_payback_receive {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    background: linear-gradient(180deg, #fec65e, #b48c43);
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
    margin-top: 10px;
}

.btn_payback_receive:hover {
    background: linear-gradient(180deg, #ffe08a, #d4a84e);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(254, 198, 94, 0.3);
}

.btn_payback_receive:disabled {
    background: #666;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn_payback_receive i {
    margin-right: 8px;
}

.payback_loading {
    text-align: center;
    padding: 30px;
    color: #f1c40f;
    font-size: 14px;
}

.payback_loading i {
    margin-right: 8px;
}

.footer {
    border-top: 1px solid #393939;
    width: 100%;
    padding: 20px 0;
}

.footer_logos {
}

.footer_logos ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.footer_logos ul li {
    background: url("/static/img/footer_logos.png") no-repeat;
    width: 110px;
    height: 40px;
    display: inline-block;
    transition:
        transform 0.3s ease,
        filter 0.3s ease,
        box-shadow 0.3s ease;
    margin: 10px;
    cursor: pointer;
}

.footer_logos ul li:hover {
    transform: translateY(-5px) scale(1.08);

    filter: brightness(1.25) drop-shadow(0 0 5px rgb(0 0 0 / 80%)) drop-shadow(0 0 12px rgb(0 0 0 / 40%));
}

li.ft_logos_01 {
    background-position: 0px -160px !important;
}

li.ft_logos_02 {
    background-position: -110px -160px !important;
}

.ft_logos_03 {
    background-position: -220px -160px !important;
}

.ft_logos_04 {
    background-position: -330px -160px !important;
}

.ft_logos_05 {
    background-position: -440px -160px !important;
}

.ft_logos_06 {
    background-position: -550px -160px !important;
}

.ft_logos_07 {
    background-position: -660px -160px !important;
}

.ft_logos_08 {
    background-position: -770px -160px !important;
}

.ft_logos_09 {
    background-position: -880px -160px !important;
}

.ft_logos_10 {
    background-position: -990px -160px !important;
}

.ft_logos_11 {
    background-position: 0px -200px !important;
}

.ft_logos_12 {
    background-position: -110px -200px !important;
}

.ft_logos_13 {
    background-position: -220px -200px !important;
}

.ft_logos_14 {
    background-position: -330px -200px !important;
}

.ft_logos_15 {
    background-position: -440px -200px !important;
}

.ft_logos_16 {
    background-position: -550px -200px !important;
}

.ft_logos_17 {
    background-position: -660px -200px !important;
}

.ft_logos_18 {
    background-position: -770px -200px !important;
}

.ft_logos_19 {
    background-position: -880px -200px !important;
}

.ft_logos_20 {
    background-position: -990px -200px !important;
}

.ft_logos_21 {
    background-position: 0px -240px !important;
}

.ft_logos_22 {
    background-position: -110px -240px !important;
}

.ft_logos_23 {
    background-position: -220px -240px !important;
}

.ft_logos_24 {
    background-position: -330px -240px !important;
}

.ft_logos_25 {
    background-position: -440px -240px !important;
}

.ft_logos_26 {
    background-position: -550px -240px !important;
}

.ft_logos_27 {
    background-position: -660px -240px !important;
}

.ft_logos_28 {
    background-position: -770px -240px !important;
}

.ft_logos_29 {
    background-position: -880px -240px !important;
}

.ft_logos_30 {
    background-position: -990px -240px !important;
}

.ft_logos_31 {
    background-position: 0px -280px !important;
}

.ft_logos_32 {
    background-position: -110px -280px !important;
}

.ft_logos_33 {
    background-position: -220px -280px !important;
}

.ft_logos_34 {
    background-position: -330px -280px !important;
}

.ft_logos_01:hover {
    background-position: 0px 0px !important;
}

.ft_logos_02:hover {
    background-position: -110px 0px !important;
}

.ft_logos_03:hover {
    background-position: -220px 0px !important;
}

.ft_logos_04:hover {
    background-position: -330px 0px !important;
}

.ft_logos_05:hover {
    background-position: -440px 0px !important;
}

.ft_logos_06:hover {
    background-position: -550px 0px !important;
}

.ft_logos_07:hover {
    background-position: -660px 0px !important;
}

.ft_logos_08:hover {
    background-position: -770px 0px !important;
}

.ft_logos_09:hover {
    background-position: -880px 0px !important;
}

.ft_logos_10:hover {
    background-position: -990px 0px !important;
}

.ft_logos_11:hover {
    background-position: 0px -40px !important;
}

.ft_logos_12:hover {
    background-position: -110px -40px !important;
}

.ft_logos_13:hover {
    background-position: -220px -40px !important;
}

.ft_logos_14:hover {
    background-position: -330px -40px !important;
}

.ft_logos_15:hover {
    background-position: -440px -40px !important;
}

.ft_logos_16:hover {
    background-position: -550px -40px !important;
}

.ft_logos_17:hover {
    background-position: -660px -40px !important;
}

.ft_logos_18:hover {
    background-position: -770px -40px !important;
}

.ft_logos_19:hover {
    background-position: -880px -40px !important;
}

.ft_logos_20:hover {
    background-position: -990px -40px !important;
}

.ft_logos_21:hover {
    background-position: 0px -80px !important;
}

.ft_logos_22:hover {
    background-position: -110px -80px !important;
}

.ft_logos_23:hover {
    background-position: -220px -80px !important;
}

.ft_logos_24:hover {
    background-position: -330px -80px !important;
}

.ft_logos_25:hover {
    background-position: -440px -80px !important;
}

.ft_logos_26:hover {
    background-position: -550px -80px !important;
}

.ft_logos_27:hover {
    background-position: -660px -80px !important;
}

.ft_logos_28:hover {
    background-position: -770px -80px !important;
}

.ft_logos_29:hover {
    background-position: -880px -80px !important;
}

.ft_logos_30:hover {
    background-position: -990px -80px !important;
}

.ft_logos_31:hover {
    background-position: 0px -120px !important;
}

.ft_logos_32:hover {
    background-position: -110px -120px !important;
}

.ft_logos_33:hover {
    background-position: -220px -120px !important;
}

.ft_logos_34:hover {
    background-position: -330px -120px !important;
}

.copyright {
    text-align: center;
    padding: 10px 0 0;
    color: #999;
}

.slot_money_box3 {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.slot_money_box3 span {
    display: inline-block;
    width: calc(50% - 8px);
    height: 30px;
    line-height: 30px;
    background: #222;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 2px 6px rgba(0, 0, 0, 0.6);
}

.slot_money_box3 span.on {
    /* background:#b79939 !important; */
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%) !important;
    box-shadow:
        inset 0 -1px 0 rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.sm_btn_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sm_c_money,
.sm_w_money {
    width: calc(60% - 5px) !important;
    height: 35px;
}

.go_to_charge,
.go_to_withdrawal {
    width: calc(40% - 5px) !important;
    margin: 0 !important;
    height: 37px !important;
    line-height: 37px !important;
}

.sm_btn_box {
    margin-top: 10px;
}

.sm_btn_box span {
    width: calc(25% - 5px) !important;
    padding: 10px 0 !important;
}

.sel_amt_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sel_amt_box span {
    width: 27%;
}

span.team_img img {
    width: 24px;
    vertical-align: -8px;
}

.team_home .odds_name_box,
.team_hd_home .odds_name_box,
.team_over .odds_name_box {
    width: 58%;
    text-align: left;
}

.team_away .odds_name_box,
.team_hd_away .odds_name_box,
.team_under .odds_name_box {
    width: 58%;
    text-align: right;
}

.team_img img {
    max-width: 50px;
}

.korean_list_box .team_img {
    margin: 0 5px;
}

.five_team_box img {
    width: 20px;
    vertical-align: -5px;
}

.korean_list_box .odds_name_box {
    width: 82%;
    max-width: 82%;
}

.league_box {
    max-width: calc(100% - 100px);
    overflow-x: overlay;
    white-space: nowrap;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    gap: 5px;
}

.league_box img {
    background-color: #333;
    padding: 3px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.info_league_global {
    display: flex;
    justify-content: space-between;
}

.special_icon_box {
    min-width: 50px;
}

.icon_rt_change {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 5px solid #f00;
    border-right: 5px solid #f00;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
    opacity: 0;
}

.blink2 {
    display: block !important;
    animation: blinker 0.3s linear 4;
}

@keyframes blinker {
    50% {
        opacity: 1;
    }
}

.es_icon {
    width: auto !important;
    height: 20px !important;
    vertical-align: -6px !important;
    margin-top: 7px;
    float: right;
}

.icon_esports {
    width: 20px !important;
    height: 20px !important;
    vertical-align: -6px !important;
}

.play_es {
    width: 95px;
    padding: 0 5px;
    text-align: center;
}

.play_es img {
    width: 25px;
    vertical-align: middle;
    margin-right: 5px;
}

.csn_rank_box {
    background: #222;
    width: 297px;
}

.csn_rank_box a {
    display: inline-block;
    margin: 5px 0 0 5px;
}

.csn_rank_box a img {
    width: 287px;
}

.sup_sutda_game .mini_frm_box iframe {
    height: 967px;
}

.sup_sutda_game .mini_frm_box {
    height: 938px;
}

.sup_hl_game .mini_frm_box iframe {
    height: 580px;
    margin-left: -10px;
}

.sup_hl_game .mini_frm_box {
    width: 804px;
    height: 558px;
}

.gnb_box.gold {
    border-top: 2px solid #cba539;
    border-bottom: 2px solid #cba539;
}

/*계좌안내 클립보드*/
.alert_text {
    line-height: 30px;
    text-align: left;
}

.btn_copy_bank {
    cursor: pointer;
    border-radius: 5px;
    background: #4646df;
    display: inline-block;
    padding: 5px 10px;
    line-height: 25px;
}

.swal2-container {
    z-index: 20000 !important;
}

.swal2-html-container {
    text-align: center;
}

.new_icon {
    position: absolute;
    top: 7px;
    background: #f20600;
    font-size: 11px;
    display: block;
    padding: 2px 5px;
    border-radius: 5px;
    height: 10px;
    line-height: 11px;
    left: 49px;
    text-shadow: 0px 0px 4px black;
}

.new_icon2 {
    position: absolute;
    top: 17px;
    background: #f20600;
    font-size: 11px;
    display: block;
    padding: 2px 5px;
    border-radius: 5px;
    height: 10px;
    line-height: 11px;
    margin-left: 12px;
    text-shadow: 0px 0px 4px black;
}

.new_icon5 {
    position: absolute;
    top: 17px;
    background: #f20600;
    font-size: 11px;
    display: block;
    padding: 2px 5px;
    border-radius: 5px;
    height: 10px;
    line-height: 11px;
    margin-left: 31px;
    text-shadow: 0px 0px 4px black;
}

.half_tab {
    margin-bottom: 5px;
}

.half_tab a {
    width: calc(50% - 5px);
    display: inline-block;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    background: #333;
    border-radius: 5px;
    overflow: hidden;
}

.half_tab a.on {
    background-color: #fec65e;
}

.rolling_info_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 10px 20px 10px 0;
    width: calc(50% - 5px);
}

@media screen and (max-width: 768px) {
    .rolling_info_area {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        gap: 10px;
        margin: 0 auto;
        padding: 10px 20px 10px 0;
        width: calc(100% - 0px);
    }
}

.rolling_info_box {
    width: calc(33% - 5px);
    box-sizing: border-box;
    border-radius: 4px;
    background: #000000;
    text-align: center;
    overflow: scroll;
    outline: none;
    border: none;
    color: #999;
    background-color: #232323;
    box-shadow:
        -1px -1px 3px 0 rgb(43 43 43),
        1px 1px 3px 0 rgb(34 34 34),
        inset 1px 1px 5px 0 rgba(0, 0, 0, 1),
        inset -2px -2px 5px 0 rgb(24 24 24),
        inset 1px 1px 5px 0 rgba(0, 0, 0, 1),
        inset -2px -2px 5px 0 rgb(0 0 0),
        inset 1px 1px 5px 0 rgba(0, 0, 0, 1),
        inset -2px -2px 5px 0 rgb(62 62 62);
    padding: 13px;
}

.rolling_info_box h2 {
    font-size: 16px;
    margin: 0 0 5px 0;
    color: #ffffff;
}

.rolling_info_box .percentage {
    font-size: 23px;
    font-weight: bold;
    margin: 0;
    color: #cff536;
}

.rolling_info_box .rolling_text {
    font-size: 12px;
    color: #b1b1b1;
    margin: 8px 0;
}

.rolling_info_box .amount {
    font-size: 15px;
    color: #eb2268;
    margin: 0;
}

.rolling_info_box .unit {
    font-size: 12px;
    color: #b1b1b1;
    margin: 0;
}

.join_btn.loading {
    pointer-events: none !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.bet_slip_toggle_btn {
    display: none;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 60px;
    /* background: #b79939; */
    border: 1px solid #b79939;
    border-right: none;
    border-radius: 8px 0 0 8px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 9996;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);
    color: #ffffff !important;
}

@media (max-width: 768px) {
    .bet_slip_toggle_btn {
        display: flex;
    }

    .bet_slip {
        right: -300px;
        transition: right 0.3s ease;
    }

    .bet_slip.bet_slip_on {
        right: 0;
    }

    .bet_slip_toggle_btn.closed {
        right: 0;
    }

    .bet_slip_toggle_btn:not(.closed) {
        right: 295px;
    }
}

@media (max-width: 1024px) {
    .bet_slip_toggle_btn {
        display: flex;
    }
}

.bet_slip_toggle_btn.closed {
    right: 0;
}

.bet_slip_toggle_btn i,
.bet_slip_toggle_btn span {
    color: #ffffff !important;
    font-size: 28px;
    transition: transform 0.3s ease;
}

.bet_slip_toggle_btn.closed i {
    transform: rotate(180deg);
}

.bet_slip_toggle_btn.no-transition {
    transition: none !important;
}

.detail_ttl {
    position: relative;
    cursor: pointer;
    user-select: none;
}

.detail_ttl .market_toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #b79939;
}

.detail_ttl .market_toggle i {
    transition: transform 0.3s ease;
}

.d_box.market_closed .detail_ttl .market_toggle i {
    transform: rotate(-90deg);
}

.d_box.market_closed .detail_odds {
    display: none;
}

.toggle_all_markets {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: #333;
    border: 1px solid #555;
    color: #b79939;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
}

.toggle_all_markets:hover {
    background: #444;
}

.d_info {
    position: relative;
}

/* 가로 토글 버튼 */
.bet_slip_toggle_horizontal {
    display: none;
    width: 100%;
    height: 35px;
    background: #333;
    border: 1px solid #555;
    border-radius: 5px;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.bet_slip_toggle_horizontal:hover {
    background: #444;
    border-color: #b79939;
}

.bet_slip_toggle_horizontal i {
    color: #b79939;
    margin-right: 5px;
    font-size: 12px;
}

.bet_slip_toggle_horizontal span {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

/* 모바일에서만 표시 */
@media (max-width: 768px) {
    .bet_slip_toggle_horizontal {
        display: flex;
    }
}

/* 베팅 슬립이 닫혀있을 때는 숨기기 */
.bet_slip:not(.bet_slip_on) .bet_slip_toggle_horizontal {
    display: none !important;
}

/* 배팅카트 닫기 버튼 (항상 보임) */
.bet_slip_close_btn {
    display: flex;
    position: fixed;
    right: -36px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 100px;
    border: 1px solid #b79939;
    border-right: none;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    z-index: 1001;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.5);
    transition: right 0.3s ease;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);
    color: #ffffff;
}

.bet_slip_close_btn:hover {
    background: #b79939;
    border-color: #b79939;
}

.bet_slip_close_btn i {
    /* color: #000000; */
    font-size: 20px;
    margin-bottom: 6px;
}

.bet_slip_close_btn span {
    display: inline-block;
    white-space: nowrap;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 14px;
    /* color: #000000; */
    font-weight: 900;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* 배팅카트가 ì—´ë ¸ì„ 때만 닫기 버튼 표시 */
.bet_slip_close_btn.active {
    right: 295px;
}

@media (max-width: 768px) {
    #quickFoot {
        position: fixed;
        width: 100%;
        height: 50px;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 0;
        background: linear-gradient(180deg, #262626 0%, #191919 49%, #000 51%, #181818 100%);
        /* 배경색 */
        box-shadow:
            0px -2px 10px rgba(28, 28, 28, 0.25),
            inset 0px 1px 0px rgba(255, 255, 255, 0.1),
            0px -4px 10px rgba(0, 0, 0, 0.9);
        z-index: 1;
        /* 배경이 기본값 0으로 설정 */
    }

    .q_bg {
        background: linear-gradient(180deg, #262626 0%, #191919 49%, #000 51%, #181818 100%);
        box-shadow:
            inset 0 20px 4px -21px rgba(255, 255, 255, 0.4),
            0 19px 13px 0 rgba(0, 0, 0, 0.3);
        z-index: 1;
        /* 배경이 기본값 0으로 설정 */
        width: 100%;
        height: 50px;
    }

    #quickFoot a {
        width: 50%;
        position: relative;
        height: 50px;
        color: #dfe5ff;
        font-size: 11px;
        text-align: center;
        display: inline-block;
    }

    #quickFoot a .iconfont {
        position: relative;
        font-size: 20px;
        display: inline-block;
        height: 28px;
        line-height: 31px;
        background: var(--gold);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

    #quickFoot a:after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        display: none;
        height: 22px;
        background-image: linear-gradient(to top, #2f2f2f 0%, #6b6b6b 85%, #7a7a7a 100%);
    }

    #quickFoot a:first-child:after {
        display: none;
    }

    #quickFoot a.home {
        background:
            url(/static/img/main/home_icon_bg.gif?v=6) center / cover no-repeat,
            linear-gradient(to bottom, rgba(50, 50, 50, 1), rgba(20, 20, 20, 1));
        border-radius: 50%;
        width: 52px;
        height: 51px;
        color: #fff;
        position: absolute;
        top: -4px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }

    #quickFoot a.home .iconfont {
        background: #000;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        color: #000;
    }

    #quickFoot:after {
        content: "";
        z-index: -2;
        position: fixed;
        bottom: 0;
        width: 56px;
        height: 56px;
        left: 50%;
        transform: translateX(-50%);
        background: #000;
        border-radius: 50%;
        box-shadow: 0px -2px 10px rgb(46 118 255 / 25%);
    }

    #quickFoot:before {
        content: "";
        z-index: -1;
        position: fixed;
        bottom: 0;
        width: 80px;
        height: 50px;
        left: 50%;
        transform: translateX(-50%);
    }

    #quickFoot .quickInner {
        position: relative;
    }

    #quickFoot .quickInner > div {
        width: calc((100% - 45px) / 2);
        font-size: 0;
    }

    #quickFoot .left {
        float: left;
    }

    #quickFoot .right {
        float: right;
    }
}

.icon_size {
    width: 24px;
    margin-top: 7px;
}

@media screen and (min-width: 1024px) {
    #quickFoot {
        display: none;
    }
}

.new-icon {
    position: absolute;
    top: -12px;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 10px;
    /* animation: pulse 1.5s infinite; */
    z-index: 10;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
    transition: 0.2s;
    border-radius: 22px;
    background: linear-gradient(123deg, #626262 0%, #434343 100%);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.new-icon2 {
    background: linear-gradient(135deg, #ff4757, #ff6348);
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 10px;
    animation: pulse 1.5s infinite;
    box-shadow: 0 2px 5px rgba(255, 71, 87, 0.5);
    z-index: 10;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
    transition: 0.2s;
}

.new-icon3 {
    background: linear-gradient(135deg, #ff4757, #ff6348);
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 10px;
    animation: pulse 1.5s infinite;
    box-shadow: 0 2px 5px rgba(255, 71, 87, 0.5);
    z-index: 10;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
    transition: 0.2s;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 2px 5px rgba(255, 71, 87, 0.5);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 2px 8px rgba(255, 71, 87, 0.7);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 2px 5px rgba(255, 71, 87, 0.5);
    }
}

.paging_div {
    margin-top: 15px;
    text-align: center;
}

.paging_div .inner_paging a {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #d5d5d5;
    border-radius: 6px;
    transition: all 0.25s ease;
}

.paging_div .inner_paging a.num_prev,
.paging_div .inner_paging a.num_next,
.paging_div .inner_paging a.num {
    background: linear-gradient(180deg, #3a3a3a 0%, #1a1a1a 100%);

    border: 1px solid #444;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 4px rgba(0, 0, 0, 0.5);

    cursor: pointer;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 30px;
    margin: 0 3px;
}

.paging_div .inner_paging a.num_prev,
.paging_div .inner_paging a.num_next {
    width: 60px;
}

.paging_div .inner_paging a:hover,
.paging_div .inner_paging a.cur {
    color: #fff7cf;

    background: linear-gradient(180deg, #c89d1c 0%, #6e5200 55%, #3d2b00 100%) !important;

    border-color: #d4af37;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 0 10px rgba(255, 200, 50, 0.5),
        0 3px 8px rgba(0, 0, 0, 0.6);

    transform: translateY(-1px);
}

.head_team_unset {
    background: unset;
    border: unset;
    color: #ffba00;
}

.head_team_unset.team_home,
.head_team_unset.team_away {
    flex: 1;
    width: 100%;
}

.head_team_unset.team_draw {
    display: flex;
    justify-content: center;
}

.head_team_unset .odds_name_box {
    width: 100%;
    max-width: unset;
}

.toggle-ep-btn {
    cursor: pointer;
    background-color: #2a2a2a;
    border-radius: 9999px;
    width: 40px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-size: 12px;
    line-height: 16px;
    color: white;
    transition: background-color 150ms ease-in-out;
}

.toggle-ep-btn:hover {
    background-color: #3a3a3a;
}

/* 같은 경기 중복 ì„ íƒ 비활성화 스타일 */
.odds-disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
    background: #333 !important;
}

/* Betting */
.container-betting-virtual {
    font-size: 14px;
}

.list-betting-virtual {
    border-top: 2px solid #b79939;
    border-radius: 10px 10px 0px 0px;
}

.leage-virtual-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #000000;
    padding: 10px 10px;
    border-radius: 10px 10px 0px 0px;
}

.leage-mini-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #000000;
    padding: 3px 10px;
    border-radius: 10px 10px 0px 0px;
    font-size: 14px;
}

.leage-mini-info .virtual-info-l {
    width: 100%;
}

.leage-mini-info .virtual-info-c {
    width: 100%;
    text-align: center;
}

.virtual-info-l {
    width: 100%;
}

.virtual-info-l .info {
    display: flex;
    width: 100%;
}

.virtual-info-l .info .icon {
}

.virtual-info-l .info.mini .icon {
    width: 150px;
    padding: 10px 0px;
    text-align: center;
}

.virtual-info-r .info.mini .icon {
    /* width: 150px; */
    padding: 5px 0px;
    text-align: center;
}

.virtual-info-r .info.mini .icon img {
    width: 30px;
    cursor: pointer;
}

.virtual-info-l .info .icon img {
    width: 1.5rem;
}

.virtual-info-l .info .name-leage {
    padding: 0px 10px;
}

.virtual-info-l .info.mini .name-leage {
    display: flex;
    align-items: center;
    width: 100%;
}

.virtual-info-r .info.mini .name-leage {
    display: flex;
    align-items: center;
    /* width: 100%; */
    padding: 0px 10px;
    justify-content: flex-end;
}

.virtual-info-r {
    width: 100%;
}

.virtual-info-r .info {
    display: flex;
    justify-content: flex-end;
}

.virtual-info-r .info .datetime {
}

.virtual-info-r .info .icon {
    padding: 0px 10px;
}

.virtual-info-r .info .dropdown {
    padding: 0px 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.virtual-info-r .info .dropdown .arrow-v {
    /* position: absolute; */
    top: -2vw;
    right: 0;
}

.virtual-info-r .info .dropdown .arrow-v::before {
    position: relative;
    content: url(../images/st-virtual/dropdown-icon.png);
    display: block;
    width: 10px;
    height: 0px;
    /* background: #b79939; */
    transition: 0.3s ease-in-out;
}

.virtual-info-r .info .dropdown .arrow-v::after {
    position: relative;
    content: url(../images/st-virtual/dropdown-icon.png);
    display: block;
    width: 10px;
    height: 0px;
    /* background: #b79939; */
    transition: 0.3s ease-in-out;
}

.virtual-info-r .info .dropdown .arrow-v::before {
    transform: rotate(0deg);
    position: relative;
    top: -15px;
}

.virtual-info-r .info .dropdown .arrow-v::after {
    transform: rotate(0deg);
    position: relative;
    top: -15px;
}

.virtual-info-r .info .dropdown.active .arrow-v::before {
    transform: rotate(180deg);
    top: 15px;
}

.virtual-info-r .info .dropdown.active .arrow-v::after {
    transform: rotate(180deg);
    top: 15px;
}

.container-virtual-table {
}

.virtual-table {
    background: #191919;
    border-radius: 5px;
    padding: 5px 0px;
    margin-bottom: 10px;
}

.virtual-table table {
}

.virtual-table table tbody {
    font-size: 12px;
}

.virtual-table table tbody tr {
}

.virtual-table table tbody tr td {
}

.container-bettinglist-page-table {
}

.bettinglist-page-table {
    background: #191919;
    border-radius: 5px;
    padding: 5px 0px;
    margin-bottom: 10px;
    color: #ffffff;
}

.bettinglist-page-table table {
}

.bettinglist-page-table table tbody {
    font-size: 12px;
}

.bettinglist-page-table table tbody tr {
}

.bettinglist-page-table table tbody tr td {
}

.tbl-info-l {
    color: #707478;
    text-align: center;
}

.tbl-info-r {
    text-align: center;
}

.bettinglist-page-table .buttons .con-betnum {
    display: flex;
}

.bettinglist-page-table .buttons .con-betnum img {
    padding: 0px 5px;
}

.bettinglist-page-table .buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background: #000000;
    border-radius: 5px;
    cursor: pointer;
    height: 30px;
}

.bettinglist-page-table .buttons.selected {
    background: #b79939;
    background: linear-gradient(180deg, rgb(250 206 51) 0%, rgb(255 126 2) 100%);
}

.bettinglist-page-table .buttons.center {
    justify-content: center;
}

.tbl-betting {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background: #000000;
    border-radius: 5px;
    cursor: pointer;
    height: 35px;
}

.tbl-betting.select {
    color: #000000;
    background: #b79939;
}

.tbl-betting.selected {
    color: #000000;
    background: #b79939;
}

.tbl-betting.left font {
    color: #6ba7ff;
}

.tbl-betting.right font {
    color: #f07777;
}

.tbl-betting.center {
    justify-content: center;
}

.tbl-betting .name {
}

.tbl-betting .con-betnum {
    display: flex;
}

.tbl-betting .con-betnum .bet-num {
}

.tbl-betting .con-betnum .bet-icon {
    padding: 0px 10px;
}

.list-betting-mini {
    border-top: 2px solid #b79939;
    border-radius: 10px 10px 0px 0px;
}

.menu-top-mobile {
    display: flex;
    break-after: column;
    justify-content: space-around;
}

.sport-h-menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.conmenu-sport {
    display: flex;
    padding-bottom: 10px;
}

.list-menu-sport {
    display: flex;
    width: 100%;
    justify-content: center;
}

.menu-sports {
    width: 120px;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    background: #000;
    margin: 0px 2px;
    padding: 10px 4px;
    border-radius: 7px;
    cursor: pointer;
    font-size: 12px;
    justify-content: center;
}

.menu-sports:hover {
    background: #b79939;
    background: linear-gradient(180deg, rgb(250 206 51) 0%, rgb(255 126 2) 100%);
}

.bettinglist-sub {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0c0c0c;
    height: 50px;
    border: 1px solid #b79939;
    border-radius: 5px;
    margin: 5px 0px;
    font-size: 14px;
}

.bettinglist-sub-group {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.bettinglist-sub-group .datetime {
}

.bettinglist-sub-group .num-group {
    padding: 0px 20px;
}

.menu-sports .icon-sports {
}

.menu-sports .icon-sports img {
}

.menu-sports .name-sports {
    font-size: 0.8rem;
}

.color-red {
    color: #ed8b91;
}

.color-red-2 {
    color: #ff4a56;
}

.color-red-3 {
    color: #ff0010;
}

.color-blue {
    color: #59c2e6;
}

.color-yellow {
    color: #b79939;
}

.color-green {
    color: #5df98a;
}

.color-waiting {
    color: #ff9b5a;
}

@media only screen and (max-width: 700px) {
    .leage-virtual-info,
    .tbl-betting,
    .tbl-info-l,
    .tbl-info-r {
        font-size: 2.5vw;
    }

    .virtual-info-r .info .datetime {
        width: 5rem;
    }

    .bettinglist-page-table .buttons {
        font-size: 0.5rem;
    }

    .virtual-info-r .info .icon img {
        width: 1rem;
    }

    .virtual-info-r .info .dropdown .arrow-v {
        /* position: absolute; */
        top: -2vw;
        right: 0;
    }

    .virtual-info-r .info .dropdown .arrow-v::before {
        position: relative;
        content: url(../images/st-virtual/dropdown-icon.png);
        display: block;
        width: 10px;
        height: 0px;
        /* background: #b79939; */
        transition: 0.3s ease-in-out;
    }

    .virtual-info-r .info .dropdown .arrow-v::after {
        position: relative;
        content: url(../images/st-virtual/dropdown-icon.png);
        display: block;
        width: 10px;
        height: 0px;
        /* background: #b79939; */
        transition: 0.3s ease-in-out;
    }

    .virtual-info-r .info .dropdown .arrow-v::before {
        transform: rotate(0deg);
        position: relative;
        top: -2vw;
    }

    .virtual-info-r .info .dropdown .arrow-v::after {
        transform: rotate(0deg);
        position: relative;
        top: -2vw;
    }

    .virtual-info-r .info .dropdown.active .arrow-v::before {
        transform: rotate(180deg);
        top: 2vw;
    }

    .virtual-info-r .info .dropdown.active .arrow-v::after {
        transform: rotate(180deg);
        top: 2vw;
    }

    .tbl-betting {
        padding: 1vw 1vw;
        height: 2rem;
    }

    .mini-table .tbl-betting {
        /* height: 4rem; */
        /* width: 7rem; */
        padding: 0rem 5px;
        /* margin: 0.2rem 0rem; */
    }

    .tbl-betting .con-betnum .bet-icon {
        padding: 0;
    }

    .sb-betting .item-selected .item {
        font-size: 3vw;
    }

    .tbl-betting img {
    }

    .container-virtual {
        padding: 2px 0px;
    }

    #topmenu {
        height: 4rem;
    }

    .header-con-l .logo {
        padding: 1vw 1vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-con-l .logo img {
        width: 2rem;
    }

    .table-calendar tbody {
        font-size: 2vw;
    }

    .table-calendar thead tr th {
        font-size: 2vw;
    }

    .title-center {
        font-size: 16px !important;
        text-align: center;
    }

    .buttons-title {
        font-size: 2.3vw !important;
    }

    #monthAndYear {
        font-size: 4vw !important;
    }

    .button-container-calendar {
        width: 38vw;
    }

    .table-calendar {
        position: relative;
        top: 10px;
    }

    .sport-h-menu {
        flex-direction: column;
        align-items: center;
    }

    .con-buttons-bet-point label {
        display: flex;
    }

    .bsh-oc i {
        font-size: 10vw;
    }

    .con-buttons-bet-point span {
        font-size: 3vw !important;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .table-board table thead tr td:nth-child(2) {
        display: none;
    }

    .table-board table tbody tr td.bbs-none-mb {
        display: none;
    }

    .container-pagination ul {
        padding: 10px 10px;
    }

    .menu-sports {
        width: 6rem;
        padding: 2vw 1vw;
        margin: 0.1rem;
        font-size: 2.5vw;
    }

    .menu-sports .name-sports {
        font-size: 0.5rem;
    }

    .betslip-mobile {
        height: calc(100% - 250px);
        max-height: 323px;
        position: fixed;
        background-color: rgba(1, 12, 27, 1);
        transform: translateY(calc(100% - 45px));
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5);
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 98;
        transition: 0.3s;
        border-radius: 5px 5px 0 0;
        overflow-y: auto;
    }

    .betslip-mobile.active {
        transform: translateY(0);
    }

    .betslip-mobile::-webkit-scrollbar {
        width: 0;
        background: transparent;
        border: none;
    }

    .betslip-mobile::-webkit-scrollbar-thumb {
        width: 0;
        background: transparent;
        border: none;
    }

    .betslip-mobile .bsm-col {
        width: 50%;
        padding: 0 5px;
    }

    .betslip-mobile .bsm-col:first-child {
        padding-left: 0;
    }

    .betslip-mobile .bsm-col:last-child {
        padding-right: 0;
    }

    .betslip-mobile .betlist-slip {
        height: 138px;
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 5px;
        overflow-y: auto;
    }

    .betslip-mobile .betlist-slip::-webkit-scrollbar {
        width: 0;
        background: transparent;
        border: none;
    }

    .betslip-mobile .betlist-slip::-webkit-scrollbar-thumb {
        width: 0;
        background: transparent;
        border: none;
    }

    .betslip-mobile .betlist-slip-panel:first-child {
        margin-top: 0;
    }

    .betslip-mobile .btn-grp {
        margin-top: -2px;
    }

    .betslip-mobile .btn-grp button {
        width: calc(50% - 2px);
        height: 35px;
        border-radius: 5px;
    }

    .betslip-mobile .btn-grp .max-btn,
    .betslip-mobile .btn-grp .reset-btn {
        height: 40px;
    }

    .betslip-mobile input {
        width: calc(100% - 2px);
        height: 40px;
        border-radius: 5px;
        margin: 5px auto 0;
        border: none;
        padding: 0 10px;
    }

    .betslip-mobile .place-bet-btn {
        height: 45px;
        border-radius: 5px;
    }

    /* .bettingcart-sport-mb { */
    /*     display: flex; */
    /*     align-items: center; */
    /*     justify-content: center; */
    /*     background: #000; */
    /*     height: 13vw; */
    /*     text-transform: uppercase; */
    /*     position: fixed; */
    /*     width: 100%; */
    /*     bottom: 0; */
    /*     z-index: 999; */
    /* } */
    .amount-button {
        font-size: 0.6rem;
        width: 22%;
        height: 2rem;
        margin: 2px 2px;
    }

    .group-amount {
        justify-content: unset;
        flex-wrap: wrap;
        width: 100%;
        margin: auto;
        justify-content: center;
    }

    .group-betcart-list {
        padding: 1vw 1vw;
        font-size: 0.8rem;
    }

    .bettinglist-sub-group .num-group {
        padding: 0vw 0vw;
        text-align: center;
        color: #ffffff;
    }

    .bettinglist-sub-group .num-group:last-child {
        width: 3rem;
        display: flex;
        align-items: center;
    }

    .bettinglist-sub {
        font-size: 2vw;
    }

    .list-title-sub.c-mb {
        flex-direction: column;
    }

    .list-title-sub.c-mb .title-c {
        padding: 0px 0px 10px 0px;
    }

    .list-title-sub .title-r .buttons-title {
        font-size: 1rem;
    }

    .banner-right {
        display: none;
    }
}

/* 롤링 현황 그리드 스타일 */
.rolling_status_wrap {
    margin-bottom: 20px;
}

.rolling_status_header {
    color: #ff1e1e;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 5px 0;
}

.rolling_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.rolling_box {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 15px;
    text-align: center;
}

.rolling_category {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.rolling_percent {
    color: #ffe418;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
}

.rolling_label {
    color: #888;
    font-size: 12px;
    margin-bottom: 5px;
}

.rolling_amount {
    color: #888;
    font-size: 14px;
}

.rolling_num {
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .rolling_grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }

    .rolling_box {
        padding: 10px 5px !important;
    }

    .rolling_category {
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }

    .rolling_percent {
        font-size: 18px !important;
        margin-bottom: 6px !important;
    }

    .rolling_label {
        font-size: 10px !important;
        margin-bottom: 3px !important;
    }

    .rolling_amount {
        font-size: 11px !important;
    }

    .rolling_status_header {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 480px) {
    .rolling_grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 4px !important;
    }

    .rolling_box {
        padding: 8px 4px !important;
    }

    .rolling_category {
        font-size: 11px !important;
        margin-bottom: 4px !important;
    }

    .rolling_percent {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }

    .rolling_label {
        font-size: 9px !important;
        margin-bottom: 2px !important;
    }

    .rolling_amount {
        font-size: 10px !important;
    }

    .rolling_status_header {
        font-size: 11px !important;
    }
}

.deposit_type_buttons {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
}

.deposit_type_btn {
    padding: 8px 16px;
    background: #2a2a2a;
    color: #bbb;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid #444;
    transition: all 0.2s;
}

.deposit_type_btn:hover {
    background: #333;
    color: #ddd;
    text-decoration: none;
}

.deposit_type_btn.active {
    background: #0d6efd;
    color: white;
    border-color: #0d6efd;
}

/* ===================== 미니게임 탑 메뉴 스타일 ===================== */
.mini_game_menu {
    width: 100%;
    background: #000000 !important;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
}

.mini_game_menu .menu_title {
    padding: 12px 15px;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%) !important;
    box-shadow:
        inset 0 -1px 0 rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.mini_game_menu .menu_title i {
    transition: transform 0.3s;
}

.mini_game_menu .menu_title.collapsed i {
    transform: rotate(-90deg);
}

.mini_game_menu_list {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    gap: 8px;
}

.mini_game_menu_list.hidden {
    display: none;
}

.mini_game_menu_item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid #3a3a4e;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.25s ease;
    min-width: 120px;
    border-image: linear-gradient(to bottom, #000000, #000000) 1 !important;
    box-sizing: border-box;
    background: linear-gradient(180deg, #2c2c2c 0%, #070707 100%) !important;
    box-shadow:
        inset 0 4px 5px rgba(0, 0, 0, 0.4),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.mini_game_menu_item:hover {
    background: #b79939;
    background: linear-gradient(180deg, rgb(250 206 51) 0%, rgb(255 126 2) 100%);
    transform: translateY(-2px);
}

.mini_game_menu_item.active {
    color: #ffffff;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%) !important;
    box-shadow:
        inset 0 -1px 0 rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.mini_game_menu_item.active .menu_txt {
    color: #ffffff;
}

.mini_game_menu_item img {
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

.mini_game_menu_item .menu_txt {
    font-size: 12px;
    color: #fff !important;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .mini_game_menu_list {
        padding: 8px;
        gap: 6px;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
    }

    .mini_game_menu_item {
        padding: 6px 10px;
        min-width: 100px;
    }

    .mini_game_menu_item img {
        width: 16px;
        height: 16px;
    }

    .mini_game_menu_item .menu_txt {
        font-size: 11px;
    }
}

/* ===================== ë² íŒ… ížˆìŠ¤í† ë¦¬ 스타일 - sports.jsp/base.css 패턴 ===================== */
.bet_history_wrap {
    width: 100%;
    background: #191919;
    border: 2px solid #000000 !important;
    overflow: hidden;
    margin-top: 15px;
}

.bet_history_wrap .history_title {
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    background: #000;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bet_history_wrap .history_title span {
    font-size: 12px;
    color: #888;
}

.bet_history_table {
    width: 100%;
    border-collapse: collapse;
}

.bet_history_table thead th {
    padding: 10px 8px;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    border-top: 1px solid #3f4346;
    border-bottom: 1px solid #000;
    background: linear-gradient(180deg, #222222, #000000) !important;
}

.bet_history_table tbody tr {
    border-bottom: 1px solid #333;
    transition: background 0.2s;
}

.bet_history_table tbody tr:hover {
    background: #393939;
}

.bet_history_table tbody tr:last-child {
    border-bottom: none;
}

.bet_history_table tbody td {
    padding: 10px 8px;
    text-align: center;
    font-size: 12px;
    color: #ccc;
    vertical-align: middle;
}

.bet_history_table tbody td.bet_detail {
    text-align: left;
    padding-left: 15px;
}

.bet_history_table tbody td .round_num {
    color: #b79939;
    font-weight: bold;
}

.bet_history_table tbody td .bet_time {
    color: #888;
    font-size: 11px;
}

.bet_history_table tbody td .bet_game {
    color: #fff;
}

.bet_history_table tbody td .bet_pick {
    color: #b79939;
    font-weight: 500;
}

.bet_history_table tbody td .amount {
    color: #fff;
    font-weight: 500;
}

.bet_history_table tbody td .result_win {
    color: #4ade80;
    font-weight: bold;
}

.bet_history_table tbody td .result_lose {
    color: #f87171;
    font-weight: bold;
}

.bet_history_table tbody td .result_cancel {
    color: #888;
}

.bet_history_table tbody td .result_pending {
    color: #b79939;
}

.bet_history_table tbody td .chk_box {
    width: 18px;
    height: 18px;
    accent-color: #b79939;
    cursor: pointer;
}

.bet_history_table tbody td.empty_data {
    padding: 30px;
    color: #ffffff !important;
    font-size: 13px;
}

.bet_history_btns {
    display: flex;
    gap: 8px;
    padding: 12px 15px;
    background: #000000 !important;
    border-top: 1px solid #222222 !important;
}

.bet_history_btns .btn_action {
    flex: 1;
    padding: 10px 15px;
    text-align: center;
    background-color: #222222;
    border: 1px solid #3f4346;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.bet_history_btns .btn_action:hover {
    background: #393939;
}

.bet_history_btns .btn_action.btn_refresh {
    border-color: #b79939;
    color: #b79939;
}

.bet_history_btns .btn_action.btn_delete {
    border-color: #f87171;
    color: #ffffff;
}

@media (max-width: 768px) {
    .bet_history_table thead th {
        padding: 8px 4px;
        font-size: 11px;
    }

    .bet_history_table tbody td {
        padding: 8px 4px;
        font-size: 11px;
    }

    .bet_history_btns {
        flex-wrap: wrap;
    }

    .bet_history_btns .btn_action {
        flex: 1 1 30%;
    }

    .bet_history_btns {
        display: flex;
        gap: 6px;
    }

    .bet_history_btns .btn_action {
        flex: 1;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        height: /0px;
        border-radius: 4px;
        color: #e6d3a1;
        text-decoration: none;
        font-size: 13px;
        font-weight: 600;
        border: 1px solid #3f2c00 !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 2px 4px rgba(0, 0, 0, 0.3);
        transition: all 0.3s ease;
    }

    .bet_history_btns .btn_action::before {
        content: "";
        position: absolute;
        top: 0;
        left: -150%;
        width: 60%;
        height: 100%;

        background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.25), transparent);

        transition: 0.7s;
    }

    .bet_history_btns .btn_action:hover {
        transform: translateY(-2px);

        color: #fff5cf;

        box-shadow:
            0 0 10px rgba(255, 215, 0, 0.3),
            0 0 20px rgba(255, 215, 0, 0.15);

        background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%),
            linear-gradient(270deg, #3b2700 0%, #7a5800 25%, #d6aa00 50%, #7a5800 75%, #3b2700 100%);
    }

    .bet_history_btns .btn_action:hover::before {
        left: 150%;
    }

    .bet_history_btns .btn_action:active {
        transform: scale(0.96);

        box-shadow:
            inset 0 2px 8px rgba(0, 0, 0, 0.45),
            0 0 6px rgba(255, 215, 0, 0.2);
    }
}

/* ===================== 미니게임 박스 ë ˆì´ì•„ì›ƒ ===================== */
.minigame_box {
    width: 100%;
    background: #1a1a2e;
    border-radius: 10px;
    overflow: hidden;
}

.minigame_box.kdr_game {
    border: 1px solid #2a2a3e;
}

.mini_frm_box {
    width: 100%;
    background: #0d1122;
    position: relative;
}

.mini_frm_box iframe {
    width: 100%;
    border: none;
}

/* ===================== ë² íŒ… ì„ íƒ 영역 ===================== */
.mini_select_box {
    background: linear-gradient(180deg, #1e1e32 0%, #151528 100%);
    padding: 15px;
}

.mini_select_inner {
    width: 100%;
}

.mini_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    background: linear-gradient(90deg, #2a1a0a 0%, #3a2a1a 50%, #2a1a0a 100%);
    border-radius: 8px;
    margin-bottom: 15px;
}

.mini_info .round_info {
    color: #f4b960;
    font-size: 14px;
    font-weight: bold;
}

.mini_info .time_info {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
}

.mini_info .time_info img {
    width: 16px;
    height: 16px;
}

.mini_info .reload_btn {
    cursor: pointer;
    padding: 5px;
    transition: transform 0.3s;
}

.mini_info .reload_btn:hover {
    transform: rotate(180deg);
}

.mini_select_2 {
    margin-bottom: 10px;
}

.mini_sel_group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mini_sel_item {
    background: #1a1a2e;
    border-radius: 8px;
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mini_sel_item .item_title {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mini_sel_item .item_title .line1 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.mini_sel_item .item_title .line2 {
    color: #888;
    font-size: 12px;
}

.mini_sel_item .item_btns {
    display: flex;
    gap: 10px;
}

.mini_sel_btn {
    text-align: center;
}

.mini_sel_btn .choice {
    width: 65px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #2a2a3e 0%, #1e1e30 100%);
    border: 2px solid #3a3a4e;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.mini_sel_btn .choice:hover {
    background: linear-gradient(180deg, #3a3a4e 0%, #2a2a3e 100%);
    border-color: #f4b960;
    transform: translateY(-2px);
}

.mini_sel_btn .choice.selected {
    background: linear-gradient(180deg, #f4b960 0%, #d4994a 100%);
    border-color: #f4b960;
    box-shadow: 0 0 15px rgba(244, 185, 96, 0.4);
}

.mini_sel_btn .choice.selected img {
    filter: brightness(0);
}

.mini_sel_btn .choice.tie {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
}

.mini_sel_btn .choice img {
    max-width: 32px;
    max-height: 32px;
}

.mini_sel_btn .betPoint {
    margin-top: 6px;
    font-size: 13px;
    color: #f4b960;
    font-weight: bold;
}

.stop-control {
    display: none;
    min-height: 100px;
    background: rgba(255, 68, 68, 0.1);
    border: 1px solid #ff4444;
    border-radius: 8px;
    margin-bottom: 15px;
    text-align: center;
}

.stop-control.show {
    display: block;
}

.stop-control-text {
    color: #ff4444;
    font-weight: bold;
    font-size: 14px;
}

.bet_list_box {
    background: #151528;
    border-top: 1px solid #2a2a3e;
    padding: 15px;
}

.bet_list_box .list_title {
    color: #f4b960;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #2a2a3e;
}

@media (max-width: 768px) {
    .mini_select_box {
        padding: 10px;
    }

    .mini_info {
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px;
    }

    .mini_sel_item {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .mini_sel_item .item_btns {
        width: 100%;
        justify-content: center;
    }

    .mini_sel_btn .choice {
        width: 55px;
        height: 40px;
    }

    .mini_sel_btn .choice img {
        max-width: 26px;
        max-height: 26px;
    }
}

/* ===================== 데스크탑/모바일 ë ˆì´ì•„ì›ƒ ===================== */
.mini_game_layout {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: flex-start;
}

.mini_game_layout .iframeZone {
    flex: 0 0 auto;
}

.mini_game_layout .betting_panel {
    flex: 1;
    min-width: 280px;
    max-width: 400px;
}

@media (max-width: 1200px) {
    .mini_game_layout {
        flex-direction: column;
    }

    .mini_game_layout .iframeZone {
        width: 100%;
    }

    .mini_game_layout .iframeZone iframe {
        width: 100% !important;
        max-width: 830px;
    }

    .mini_game_layout .betting_panel {
        width: 100%;
        max-width: 100%;
    }
}

/* ===================== 기존 cube betting-list 호환성 ===================== */
.mini_game_content .cubeZone {
    background: #000000 !important;
    border-radius: 8px;
    overflow: hidden;
}

.mini_game_content .cubeZone .reload {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    min-width: 132px;
    /* min-height: 38px; */
    margin: 14px auto 12px;
    padding: 9px 18px;
    border: 1px solid rgba(252, 182, 36, 0.72);
    border-radius: 7px;
    background: linear-gradient(180deg, rgb(250 206 51) 0%, rgb(255 126 2) 100%) !important;
    box-shadow:
        0 6px 16px rgba(255, 126, 2, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
    color: #000000 !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.mini_game_content .cubeZone .reload:hover {
    transform: translateY(-1px);
    border-color: #ffd466;
    box-shadow:
        0 8px 20px rgba(255, 126, 2, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.mini_game_content .cubeZone .reload img {
    width: 16px;
    height: 16px;
    margin: 0;
    object-fit: contain;
}

.mini_game_content .cubeZone .iframeZone {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 12px 16px;
    box-sizing: border-box;
}

.mini_game_content .cubeZone .iframeZone iframe {
    display: block;
    max-width: 100%;
    border-radius: 8px;
    background: #111111;
    box-shadow:
        0 0 0 1px rgba(252, 182, 36, 0.18),
        0 10px 24px rgba(0, 0, 0, 0.35);
}

.mini_game_content .cubeZone .mulIframeBet365 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 560px;
    gap: 10px;
}

.mini_game_content .cubeZone .b3sratVideoTabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    padding: 8px;
    border: 1px solid rgba(252, 182, 36, 0.22);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(35, 40, 50, 0.96) 0%, rgba(18, 21, 27, 0.96) 100%);
    box-sizing: border-box;
}

.mini_game_content .cubeZone .btn-bet365 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 10px;
    border: 1px solid #2f363d;
    border-radius: 6px;
    background: linear-gradient(180deg, #2d353c 0%, #1d2024 100%);
    color: #dce2ef;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition:
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease,
        color 0.18s ease;
}

.mini_game_content .cubeZone .btn-bet365:hover,
.mini_game_content .cubeZone .btn-bet365.active {
    border-color: rgba(252, 182, 36, 0.72);
    background: linear-gradient(180deg, rgb(250 206 51) 0%, rgb(255 126 2) 100%);
    box-shadow:
        0 6px 16px rgba(255, 126, 2, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
    color: #111111;
}

.mini_game_content .cubeZone .b3sratVideoFrame {
    display: flex;
    justify-content: center;
    width: 100%;
}

.mini_game_content .cubeZone .brvhrIframeZone {
    padding-bottom: 14px;
}

.mini_game_content .cubeZone .brvhrIframeFrame {
    width: 100%;
    max-width: 900px;
    aspect-ratio: 900 / 505;
    overflow: hidden;
    border-radius: 8px;
    background: #050505;
    box-shadow:
        0 0 0 1px rgba(252, 182, 36, 0.18),
        0 10px 24px rgba(0, 0, 0, 0.35);
}

.mini_game_content .cubeZone .brvhrIframeFrame iframe {
    width: 900px;
    height: 505px;
    max-width: none;
    border-radius: 0;
    box-shadow: none;
    transform-origin: left top;
}

.mini_game_content .cubeZone .gameName {
    padding: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #000000 !important;
    background: #b79939;
    background: linear-gradient(180deg, rgb(250 206 51) 0%, rgb(255 126 2) 100%) !important;
}

.mini_game_content .cube.betting-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    list-style: none;
    padding: 0 12px 16px;
    margin: 0;
}

.mini_game_content .cube.betting-list .titleS {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 7px;
    color: #ffffff !important;
    border-image: linear-gradient(to bottom, #000000, #000000) 1;
    box-sizing: border-box;
    border: 1px solid transparent;
    background: linear-gradient(180deg, #2C2C2C 0%, #070707 100%);
    box-shadow: inset 0 4px 5px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .9);
}

.mini_game_content .cube.betting-list .titleS .left {
    display: flex;
    align-items: center;
    min-width: 0;
    color: #b79939 !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
}

.mini_game_content .cube.betting-list .titleS .left img {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 50%;
}

.mini_game_content .cube.betting-list .titleS .icon-iconGo {
    margin: 0 7px;
    color: #ffffff;
}

.mini_game_content .cube.betting-list .titleS > div {
    font-size: 13px;
    color: #b79939 !important;
}

.mini_game_content .cube.betting-list .titleS .stop-control {
    display: none;
    color: #ff4444;
    font-weight: bold;
}

.mini_game_content .cube.betting-list .titleS .stop-control.show {
    display: block;
}

.mini_game_content .cube.betting-list li {
    padding: 0;
    border-bottom: none;
}

.mini_game_content .cube.betting-list li:last-child {
    border-bottom: none;
}

.mini_game_content .cube.betting-list .listS {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 3px;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 0;
    color: #dddddd;
    box-sizing: border-box;
}

.mini_game_content .cube.betting-list .listS .team_head,
.mini_game_content .cube.betting-list .listS .team_home,
.mini_game_content .cube.betting-list .listS .team_draw,
.mini_game_content .cube.betting-list .listS .team_away,
.mini_game_content .cube.betting-list .listS .more {
    float: none;
    margin: 0;
    border: 1px solid #000000;
    border-radius: 5px;
    box-sizing: border-box;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(0deg, rgb(17, 17, 17) 0%, rgb(20, 20, 20) 65.87%, rgb(67, 67, 67) 100%);
}

.mini_game_content .cube.betting-list .listS .team_head {
    flex: 0 0 98px;
    width: auto;
    height: auto;
    min-height: 44px;
    color: #b79939;
    font-size: 12px;
    font-weight: 700;
}

.mini_game_content .cube.betting-list .listS .team_head .sub_detail {
    margin-top: 3px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 500;
}

.mini_game_content .cube.betting-list .listS .team_home,
.mini_game_content .cube.betting-list .listS .team_away {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 44px;
    padding: 0 10px;
    align-items: center;
    color: #eeeeee;
    cursor: pointer;
    transition:
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease;
}

.mini_game_content .cube.betting-list .listS .team_draw {
    flex: 0 0 72px;
    width: auto;
    height: auto;
    min-height: 44px;
    justify-content: center;
    color: #f3f3f3;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.mini_game_content .cube.betting-list .listS .more {
    flex: 0 0 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    color: #b79939;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.mini_game_content .cube.betting-list .listS .odds_name_box {
    display: flex;
    align-items: center;
    min-width: 0;
    overflow: hidden;
}

.mini_game_content .cube.betting-list .listS .team_away .odds_name_box {
    justify-content: flex-end;
}

.mini_game_content .cube.betting-list .listS .odds_name {
    display: block;
    overflow: hidden;
    color: #eeeeee;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini_game_content .cube.betting-list .listS .sp_icon_box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 52px;
    color: #b79939;
    font-weight: 800;
    white-space: nowrap;
}

.mini_game_content .cube.betting-list .listS .team_away .sp_icon_box {
    justify-content: flex-start;
}

.mini_game_content .cube.betting-list .listS .odds_ratio {
    color: #b79939;
    font-size: 14px;
    font-weight: 800;
    margin: 0;
}

.mini_game_content .cube.betting-list .listS .normal:not(.tie):hover,
.mini_game_content .cube.betting-list .listS .nameA:not(.tie):hover,
.mini_game_content .cube.betting-list .listS .nameC:not(.tie):hover {
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%) !important;
    box-shadow:
        inset 0 -1px 0 rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.9);
    border: 1px solid #000000;
}

.mini_game_content .cube.betting-list .listS .selected {
    border-color: #ffc107;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%) !important;
    box-shadow:
        inset 0 -1px 0 rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.9);
    border: 1px solid #000000;
}

.mini_game_content .cube.betting-list .listS .selected .odds_name,
.mini_game_content .cube.betting-list .listS .selected .odds_ratio {
    color: #ffffff;
}

.mini_game_content .cube.betting-list .listS .tie {
    opacity: 0.58;
    cursor: not-allowed;
    pointer-events: none;
}

.mini_game_content .cube.betting-list .listS .sh {
    color: #d2a804;
    font-size: 12px;
    font-weight: 800;
}

.mini_game_content .cube.betting-list.brvhrBettingList .brvhrRaceCard {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(252, 182, 36, 0.16);
    border-radius: 7px;
    overflow: hidden;
    background: #080a0f;
    box-sizing: border-box;
}

.mini_game_content .cube.betting-list.brvhrBettingList .brvhrRaceTitle {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(252, 182, 36, 0.24);
    background: linear-gradient(180deg, #232832 0%, #12151b 100%) !important;
}

.brvhrRaceIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 50%;
    background: linear-gradient(180deg, rgb(250 206 51) 0%, rgb(255 126 2) 100%);
    color: #111111;
    font-size: 11px;
    font-weight: 900;
}

.brvhrRaceBody {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) 68px;
    align-items: stretch;
    background: #05070b;
}

.brvhrRaceTime,
.brvhrRaceState {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 6px;
    background: linear-gradient(180deg, #151b23 0%, #0d1016 100%);
    color: #aeb7c6;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
}

.brvhrRaceTime {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.brvhrRaceState {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    color: #b79939;
}

.brvhrRaceState strong {
    font-size: 11px;
    font-weight: 900;
}

.brvhrRaceState .red {
    color: #f87171;
}

.brvhrRaceState .yellow {
    color: #b79939;
}

.brvhrHorseList {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.brvhrHorseList .gdhp-bet-choice {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.brvhrHorseList .gdhp-bet-choice:last-child {
    border-bottom: 0;
}

.brvhrHorseList .gdhp-bet-choice button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    min-height: 36px;
    padding: 7px 9px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, #171d24 0%, #111419 100%);
    color: #eeeeee;
    cursor: pointer;
    transition:
        background 0.18s ease,
        box-shadow 0.18s ease;
}

.brvhrHorseList .gdhp-bet-choice button:last-child {
    border-right: 0;
}

.brvhrHorseList .gdhp-bet-choice button.normal:hover {
    background: linear-gradient(180deg, #303942 0%, #20252b 100%);
    box-shadow: inset 0 0 0 1px rgba(252, 182, 36, 0.42);
}

.brvhrHorseList .gdhp-bet-choice button.selected {
    background: linear-gradient(180deg, #ffe493 0%, #d08d3c 100%) !important;
    color: #111111;
}

.brvhrHorseList .gdhp-bet-choice button.tie {
    opacity: 0.42;
    cursor: not-allowed;
    pointer-events: none;
}

.brvhrHorseName {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brvhrHorseOdds {
    flex: 0 0 auto;
    color: #b79939;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.brvhrHorseList .gdhp-bet-choice button.selected .brvhrHorseOdds {
    color: #111111;
}

.mini_game_content .cube.betting-list .choice-npw {
    text-align: center;
}

.mini_game_content .cube.betting-list .choice {
    width: 60px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2a2a3e;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.mini_game_content .cube.betting-list .choice:hover {
    background: #3a3a4e;
    border-color: #f4b960;
}

.mini_game_content .cube.betting-list .choice.selected {
    background: #f4b960;
    border-color: #f4b960;
}

.mini_game_content .cube.betting-list .choice.tie {
    opacity: 0.5;
    pointer-events: none;
}

.mini_game_content .cube.betting-list .choice img {
    max-width: 30px;
    max-height: 30px;
}

.mini_game_content .cube.betting-list .betPoint {
    margin-top: 5px;
    font-size: 12px;
    color: #f4b960;
    font-weight: bold;
}

@media (max-width: 768px) {
    .mini_game_content .cube.betting-list {
        padding: 0 8px 14px;
    }

    .mini_game_content .cubeZone .mulIframeBet365 {
        max-width: 100%;
    }

    .mini_game_content .cubeZone .b3sratVideoTabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        padding: 7px;
    }

    .mini_game_content .cubeZone .btn-bet365 {
        min-height: 34px;
        font-size: 11px;
    }

    .brvhrRaceBody {
        grid-template-columns: 54px minmax(0, 1fr) 52px;
    }

    .brvhrRaceTime,
    .brvhrRaceState {
        padding: 6px 4px;
        font-size: 10px;
    }

    .brvhrHorseList {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .brvhrHorseList .gdhp-bet-choice {
        display: contents;
    }

    .brvhrHorseList .gdhp-bet-choice button {
        min-height: 34px;
        padding: 6px 6px;
        border-right: 1px solid rgba(255, 255, 255, 0.08);
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .brvhrHorseList .gdhp-bet-choice button:nth-child(2n) {
        border-right: 1px solid rgba(255, 255, 255, 0.08);
    }

    .brvhrHorseList .gdhp-bet-choice button:nth-child(3n) {
        border-right: 1px solid rgba(255, 255, 255, 0.08);
    }

    .brvhrHorseName,
    .brvhrHorseOdds {
        font-size: 11px;
    }

    .mini_game_content .cube.betting-list .titleS {
        min-height: 38px;
        padding: 9px 10px;
    }

    .mini_game_content .cube.betting-list .titleS .left {
        font-size: 12px;
    }

    .mini_game_content .cube.betting-list .listS {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 52px minmax(0, 1fr);
        gap: 3px;
        min-height: auto;
    }

    .mini_game_content .cube.betting-list .listS .team_head {
        grid-column: 1 / 3;
        grid-row: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        flex: none;
        min-height: 28px;
        padding: 0 8px;
        border-color: transparent;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        font-size: 11px;
    }

    .mini_game_content .cube.betting-list .listS .team_head .sub_detail {
        margin-top: 0;
        font-size: 11px;
    }

    .mini_game_content .cube.betting-list .listS .team_home,
    .mini_game_content .cube.betting-list .listS .team_draw,
    .mini_game_content .cube.betting-list .listS .team_away {
        grid-row: 2;
        min-height: 38px;
        padding: 0 7px;
    }

    .mini_game_content .cube.betting-list .listS .team_draw {
        flex: none;
        font-size: 12px;
    }

    .mini_game_content .cube.betting-list .listS .more {
        grid-column: 3 / 4;
        grid-row: 1;
        flex: none;
        min-height: 28px;
        border-color: transparent;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        color: #9ca3af;
        font-size: 11px;
    }

    .mini_game_content .cube.betting-list .listS .odds_name {
        font-size: 11px;
    }

    .mini_game_content .cube.betting-list .listS .odds_ratio {
        font-size: 12px;
    }

    .mini_game_content .cube.betting-list .listS .sp_icon_box {
        min-width: 38px;
        gap: 4px;
    }

    .mini_game_content .cube.betting-list .choice {
        width: 50px;
        height: 35px;
    }

    .mini_game_content .cube.betting-list .choice img {
        max-width: 25px;
        max-height: 25px;
    }
}

/* Tab container */
.tabZone {
    width: 100%;
    margin: 20px auto;
    overflow: hidden;
}

.tabFrame {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

/* Frame */
.tabFrame ul {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
    min-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    /* border-bottom: 2px solid #2f1f00; */
}

/* Tab item */
.sportLeftMenuBtn {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    min-width: 104px;
    min-height: 42px;
    gap: 7px;
    padding: 10px 12px;
    margin: 0;
    background: #000000;
    /* border: 2px solid #2f1f00; */
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    transition: all 0.25s ease;
    white-space: nowrap;
    box-sizing: border-box;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(0deg, #111 0%, #141414 65.87%, #434343 100%);
    box-shadow:
        inset 0 4px 5px rgba(0, 0, 0, 0.4),
        0 1px 3px rgba(0, 0, 0, 0.9);
}

.sportLeftMenuBtn img {
    flex: 0 0 auto;
    margin: 0;
}

/* Text */
.sportLeftMenuBtn .txt {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    line-height: 1;
    white-space: nowrap;
}

/* Hover */
.sportLeftMenuBtn:hover {
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(180deg, #987500 0%, #4d3500 51.44%, #221600 100%);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}

/* Active tab */
.sportLeftMenuBtn.active {
    border-bottom: 2px solid #2f1f00;
    position: relative;
    top: 2px;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(180deg, #987500 0%, #4d3500 51.44%, #221600 100%);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
    color: #ffffff !important;
}

.sportLeftMenuBtn.active .txt {
    /* color: #000000; */
    font-weight: 600;
}

@media (max-width: 767px) {
    .tabFrame ul {
        /* justify-content: flex-start; */
        gap: 8px;
        min-width: max-content;
    }

    .sportLeftMenuBtn {
        flex: 0 0 auto;
        min-width: 96px;
        min-height: 38px;
        padding: 9px 10px;
    }

    .sportLeftMenuBtn .txt {
        font-size: 13px;
    }
}

.noticeSwiper {
    width: 100%;
    padding: 20px 0 40px;
}

.swiper-slide {
    background: #232323;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
}

.swiper-slide:hover {
    transform: translateY(-5px);
}

.main_thumb img {
    width: 100%;
    /* height:220px; */
    /* object-fit:cover; */
    display: block;
}

.main_list_ttl {
    padding: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    line-height: 1.4;
}

.eventSwiper {
    width: 100%;
    padding: 20px 0 45px;
}

.eventSwiper .swiper-slide {
    background: #232323;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.eventSwiper .swiper-slide:hover {
    transform: translateY(-5px);
}

.main_list_ttl {
    display: none;
    padding: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    line-height: 1.4;
}

.main_list_arr {
    display: none;
    padding: 0 15px 15px;
    color: #666;
}

.eventSlider {
    width: 100%;
    height: auto;
    overflow: unset !important;
}

.swiper-pagination {
    display: none;
}

.eventSlider .slick-slide {
    padding: 1px 10px;
    box-sizing: border-box;
}

.eventSlider .slick-slide .mg_link {
}

a.mg_link {
}

.eventSlider {
    margin: 0;
}

.eventSlider img {
    width: 100%;
    display: block;
}

.eventSlider .slick-list {
}

.slick-list.draggable {
    height: 250px;
    padding-top: 38px;
}

.eventSlider .slick-track {
}

.eventSlider .mg_link {
}

a.mg_link {
}

.cnt-events {
}

.cnt-events .items-events {
}

.cnt-events .items-events img {
    width: 100%;
}

.snb_left.events {
    width: 600px;
}

.board_box.events {
    width: 77%;
    margin-left: auto;
}

.emptyMsgContent img {
    width: 100%;
}

.emptyMsgContent {
}

.board_view.events {
    padding: 0px;
}

@media only screen and (max-width: 600px) {
    .snb_left.events {
        width: 300px;
    }

    .board_box.events {
        width: 100%;
        margin-left: auto;
    }
}

/* n5pw responsive iframe area */
.mini_game_content .mini_game_layout {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.mini_game_content .mini_game_layout .n5pwIframeZone {
    position: relative;
    display: block;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: 830px;
    aspect-ratio: 830 / 640;
    padding: 0;
    overflow: hidden;
    background: #0d1122;
    box-sizing: border-box;
}

.mini_game_content .mini_game_layout .n5pwIframeScale {
    position: absolute;
    top: 0;
    left: 0;
    width: 830px;
    height: 640px;
    transform: scale(var(--n5pw-iframe-scale, 1));
    transform-origin: left top;
}

.mini_game_content .mini_game_layout .n5pwIframeZone iframe {
    display: block;
    width: 830px;
    height: 640px;
    max-width: none;
    border: 0;
}

.mini_game_content .mini_game_layout .n5pwIframeMask {
    position: absolute;
    top: calc(150 / 640 * 100%);
    left: calc(26 / 830 * 100%);
    z-index: 2;
    width: calc(229 / 830 * 100%);
    height: calc(465 / 640 * 100%);
    background: #0d1122;
    pointer-events: none;
}

.mini_game_content .mini_game_layout .betting_panel {
    flex: 0 0 430px;
    width: 430px;
    max-width: 430px;
    min-width: 280px;
}

@media (max-width: 1200px) {
    .mini_game_content .mini_game_layout {
        flex-direction: column;
    }

    .mini_game_content .mini_game_layout .n5pwIframeZone {
        flex: 0 1 auto;
        width: 100%;
        max-width: 830px;
    }

    .mini_game_content .mini_game_layout .betting_panel {
        flex: 0 1 auto;
        width: 100%;
        max-width: 100%;
    }
}

.slider-container {
    overflow: hidden;
    width: 100%;
    /* margin: 0 0 10px; */
    position: relative;
}

.slider-container .main_middle_box2 {
    animation: none !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
}

/* Swiper container */
.slider-container .mySwiper {
    width: 100%;
    overflow: hidden;
    padding: 0;
}

.slider-container .mySwiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
    transition-timing-function: linear !important;
    -webkit-transition-timing-function: linear !important;
    will-change: transform;
}

.slider-container .mySwiper .swiper-slide {
}

.slider-container .mySwiper .swiper-slide:hover {
    transform: translateY(-2px);
}

.slider-container .mySwiper .swiper-slide > img {
    display: block;
    width: auto;
    height: 50px;
    max-width: 70%;
    object-fit: contain;
    padding: 0;
    margin: 0 auto 4px;
}

.slider-container .mySwiper .swiper-slide > p {
    margin: 0;
    padding: 0;
    line-height: 2.5;
    font-size: 12px;
    white-space: nowrap;
}

.slider-container .mySwiper > .swiper-pagination {
    display: none;
}

/* === 메인: 공지사항 + 이벤트 2컬럼 리스트 === */
.main_bbs_pair {
    display: flex;
    gap: 12px;
    width: 100%;
    margin: 0 0 10px;
}

.main_bbs_pair .bbs_col {
    flex: 1 1 50%;
    min-width: 0;
    /* background-image: url(/static/img/main/bg-menu.png); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* border: 2px solid #df8230; */
    /* border-radius: 9px; */
    /* box-shadow: inset 0 5px 8px 0 rgba(0, 0, 0, 0.8), 0 0 8px rgba(200, 200, 200, 0.1); */
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
    padding: 10px 5px;
    box-sizing: border-box;
}

.main_bbs_pair .bbs_col_head {
    display: flex;
    align-items: center;
    height: 47px;
    flex-shrink: 0;
    align-self: stretch;
    justify-content: space-between;
    padding: 0px 10px;
    margin-bottom: 6px;
    border-radius: 5px 5px 0 0;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);
    box-shadow:
        inset 0 1px 0 rgba(177, 172, 146, 0.5),
        0 2px 6px rgba(0, 0, 0, 0.6);
}

.main_bbs_pair .bbs_col_ttl {
    font-size: 14px;
    font-weight: 700;
}

.main_bbs_pair .bbs_col_ttl i {
    color: #ffffff;
    margin-right: 6px;
}

.main_bbs_pair .bbs_more {
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.main_bbs_pair .bbs_more:hover {
    color: #fff;
}

.main_bbs_pair .bbs_col_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main_bbs_pair .bbs_col_item a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 10px;
    font-size: 12.5px;
    color: #fff;
    text-decoration: none;
    line-height: 1.4;
    cursor: pointer;
    border-bottom: 1px solid #000;

    position: relative;
    overflow: hidden;

    background: linear-gradient(180deg, #151515 96%, #000 100%);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 1px 3px rgba(0, 0, 0, 0.1);

    transition:
        color 0.25s ease,
        transform 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}

/* แถบทองด้านซ้าย */
.main_bbs_pair .bbs_col_item a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;

    background: #c5af7e;

    transform: scaleY(0);
    transition: 0.25s ease;
}

/* แสงวิ่ง */
.main_bbs_pair .bbs_col_item a::after {
    content: "";
    position: absolute;

    top: 0;
    left: -120%;

    width: 50%;
    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);

    transform: skewX(-25deg);
    transition: 0.6s;
}

.main_bbs_pair .bbs_col_item a:hover {
    color: #c5af7e;

    transform: translateX(3px);

    background: linear-gradient(180deg, #000000 0%, #191919 100%);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 12px rgba(197, 175, 126, 0.2);
}

.main_bbs_pair .bbs_col_item a:hover::before {
    transform: scaleY(1);
}

.main_bbs_pair .bbs_col_item a:hover::after {
    left: 150%;
}

.main_bbs_pair .bbs_col_item .bbs_ico {
    color: #c5af7e;
    width: 14px;
    text-align: center;
    flex-shrink: 0;
}

.main_bbs_pair .bbs_head {
    color: #c5af7e;
}

.main_bbs_pair .bbs_subj {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.button-style-1 {
    width: 50%;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    min-width: 110px;
    padding: 0 10px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    text-shadow: 1px 1px 5px rgb(0 0 0 / 100%);

    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);

    box-shadow:
        inset 0 1px 0 rgba(177, 172, 146, 0.5),
        0 2px 6px rgba(0, 0, 0, 0.6);

    transition: all 0.3s ease;
}

.button-style-1:hover {
    color: #ffe08a;

    background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 70%),
        linear-gradient(270deg, #2b2100 0%, #6e5200 25%, #c89d1c 50%, #6e5200 75%, #2b2100 100%);

    box-shadow:
        inset 0 1px 0 rgba(255, 230, 150, 0.5),
        0 0 10px rgba(255, 200, 50, 0.5),
        0 4px 12px rgba(0, 0, 0, 0.6);

    transform: translateY(-2px);
}

.bet-attach-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    color: #f5d77b;

    background: linear-gradient(180deg, #4a3a0a 0%, #2a2105 100%);

    border: 1px solid #a88316;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);

    box-shadow:
        inset 0 1px 0 rgba(255, 230, 150, 0.25),
        0 0 5px rgba(255, 200, 50, 0.25);

    transition: all 0.25s ease;
}

.bet-attach-badge:hover {
    color: #fff6c5;

    border-color: #ffd34d;

    background: linear-gradient(180deg, #8a6a10 0%, #4d3500 100%);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        0 0 10px rgba(255, 215, 80, 0.5);

    transform: translateY(-1px);
}

/**************************************************************************/
/****************************** bbs page **************************************/
/**************************************************************************/

.bbs-view-betting {
    margin-top: 20px;
}

.bbs-view-betting-title {
    font-size: 15px;
    font-weight: bold;
    color: #e4e9f0;
    padding: 10px 2px;
    border-bottom: 2px solid #2a3038;
    margin-bottom: 10px;
}

.bbs-view-betting #div_betting_list {
    width: 100% !important;
    margin-left: 0 !important;
}

/* ë² íŒ…ë‚´ì—­ 테이블 반응형 ì •ë ¬ */
.bbs-view-betting table {
    max-width: 100%;
}

.bbs-view-betting .betInfo {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.bbs-view-betting td {
    word-break: keep-all;
}

.bbs-view-betting .betInfo td,
.bbs-view-betting .betInfo th {
    word-break: keep-all;
    white-space: normal;
    font-size: 12px;
    padding: 6px 3px;
    color: #d6dbe4;
    text-align: center;
    vertical-align: middle;
}

.bbs-view-betting .betInfo th {
    color: #aeb6c2;
    font-weight: bold;
}

/* 8컬럼 비율: ë‚ ì§œ/게임종류/승(홈)/무/패(ì›ì •)/ì ìˆ˜/ì„ íƒ/ê²°ê³¼ */
.bbs-view-betting .betInfo col:nth-child(1) {
    width: 12% !important;
}

.bbs-view-betting .betInfo col:nth-child(2) {
    width: 9% !important;
}

.bbs-view-betting .betInfo col:nth-child(3) {
    width: 24% !important;
}

.bbs-view-betting .betInfo col:nth-child(4) {
    width: 9% !important;
}

.bbs-view-betting .betInfo col:nth-child(5) {
    width: 24% !important;
}

.bbs-view-betting .betInfo col:nth-child(6) {
    width: 7% !important;
}

.bbs-view-betting .betInfo col:nth-child(7) {
    width: 9% !important;
}

.bbs-view-betting .betInfo col:nth-child(8) {
    width: 6% !important;
}

/* 본문 게임행(테이블에 colgroup 없음) 동일 비율 */
.bbs-view-betting .betInfo tbody tr td:nth-child(1) {
    width: 12%;
}

.bbs-view-betting .betInfo tbody tr td:nth-child(2) {
    width: 9%;
}

.bbs-view-betting .betInfo tbody tr td:nth-child(3) {
    width: 24%;
}

.bbs-view-betting .betInfo tbody tr td:nth-child(4) {
    width: 9%;
}

.bbs-view-betting .betInfo tbody tr td:nth-child(5) {
    width: 24%;
}

.bbs-view-betting .betInfo tbody tr td:nth-child(6) {
    width: 7%;
}

.bbs-view-betting .betInfo tbody tr td:nth-child(7) {
    width: 9%;
}

.bbs-view-betting .betInfo tbody tr td:nth-child(8) {
    width: 6%;
}

.bbs-view-betting .betInfo td.status {
    width: auto !important;
}

.bbs-view-betting .GameData ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bbs-view-betting .GameData li {
    line-height: 1.35;
}

.bbs-view-betting .GameData .teamName {
    word-break: keep-all;
}

.bbs-view-betting .GameData .beDang {
    color: #9fb4ff;
    font-weight: bold;
}

.bbs-view-betting .Selected {
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(180deg, #987500 0%, #4d3500 51.44%, #221600 100%);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}

@media (max-width: 560px) {
    .bbs-view-betting .betInfo td,
    .bbs-view-betting .betInfo th {
        font-size: 11px;
        padding: 5px 2px;
    }
}

.bbs-view {
    width: 100%;
}

.bbs-view table {
    width: 100%;
}

.bbs-view th {
    background: #1a1f27;
    color: #aeb6c2;
    text-align: center;
    vertical-align: middle;
}

.bbs-view td {
    padding: 12px 14px;
    vertical-align: middle;
}

.bbs-view-content {
    min-height: 220px;
    line-height: 1.7;
    color: #d6dbe4;
    vertical-align: top !important;
    padding: 16px 14px !important;
}

.board-btn-bottom {
    margin-top: 18px;
    display: flex;
    gap: 12px;
    justify-content: center;
}

.board-btn-bottom > a {
    text-decoration: none;
}

.board-btn-bottom .btn-01 {
    min-width: 120px;
    padding: 12px 26px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.board-btn-bottom .btn-main {
    color: #fff;

    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);

    box-shadow:
        inset 0 1px 0 rgba(177, 172, 146, 0.5),
        0 2px 6px rgba(0, 0, 0, 0.6);

    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    transition: all 0.25s ease;
}

.board-btn-bottom .btn-main:hover {
    color: #fff6c5;

    background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 70%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 0 12px rgba(255, 200, 50, 0.4),
        0 4px 10px rgba(0, 0, 0, 0.6);

    transform: translateY(-1px);
}

.board-btn-bottom .btn-sub {
    background: #2a3038;
    color: #cfd6e4;
    border: 1px solid #3a4250;
}

.bbs-comment {
    margin-top: 30px;
}

.bbs-comment-title {
    font-size: 15px;
    font-weight: bold;
    color: #e4e9f0;
    padding: 10px 2px;
    border-bottom: 2px solid #2a3038;
}

.bbs-comment-title span {
    color: #f0a83a;
}

.bbs-comment-list {
    padding: 4px 0;
}

.bbs-comment-empty {
    padding: 24px 0;
    text-align: center;
    color: #7a8290;
}

.bbs-comment-item {
    padding: 12px 4px;
    border-bottom: 1px solid #1f242c;
}

.bbs-comment-head {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 6px;
}

.bbs-comment-nick {
    font-weight: bold;
    color: #cfd6e4;
    font-size: 13px;
}

.bbs-comment-date {
    color: #7a8290;
    font-size: 12px;
}

.bbs-comment-body {
    color: #d6dbe4;
    font-size: 13px;
    line-height: 1.6;
}

.bbs-comment-write {
    margin-top: 16px;
    display: flex;
    gap: 10px;
    align-items: stretch;
}

.bbs-comment-input {
    flex: 1;
    min-height: 70px;
    padding: 10px 12px;
    background: linear-gradient(180deg, #000000 0%, #181818 100%);
    border: 1px solid #2a3038;
    border-radius: 4px;
    color: #e4e9f0;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
    resize: vertical;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    transition: all 0.25s ease;
}

.bbs-comment-input::placeholder {
    color: #7e8896;
}

.bbs-comment-input:focus {
    outline: none;

    color: #fff;

    border-color: #ffffff;

    background: linear-gradient(180deg, #000000 0%, #12161c 100%);

    box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(200, 157, 28, 0.3),
        0 0 12px rgba(255, 200, 50, 0.25);
}

.bbs-comment-input:hover {
    border-color: #ffffff;
}

.bbs-comment-write > a {
    text-decoration: none;
    display: flex;
}

.bbs-comment-btn {
    min-width: 80px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;

    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);

    box-shadow:
        inset 0 1px 0 rgba(177, 172, 146, 0.5),
        0 2px 6px rgba(0, 0, 0, 0.6);

    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    transition: all 0.25s ease;
}

.bbs-comment-btn:hover {
    color: #fff6c5;

    background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 70%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 0 12px rgba(255, 200, 50, 0.4),
        0 4px 10px rgba(0, 0, 0, 0.6);

    transform: translateY(-1px);
}

.hd_amt:hover {
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);
    box-shadow:
        0 -1px 0 0 rgba(0, 0, 0, 0.5) inset,
        0 1px 0 0 rgba(255, 255, 255, 0.25) inset,
        0 1px 3px 0 rgba(0, 0, 0, 0.9);
}

.mini_game_menu_item img {
    filter: brightness(0) invert(1);
}

.new-icon {
    font-size: 12px !important;
    height: 24px !important;
    line-height: 22px;
    padding: 0 5px !important;
    font-weight: 100;
    right: -10px;
    top: -61px;
    width: 40px;
    color: #ffffff;
    border-radius: 22px;

    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(180deg, #987500 0%, #4d3500 51.44%, #221600 100%);

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

    /* Animation */
    animation: newBadge 1.8s ease-in-out infinite;
}

/* Animation */
@keyframes newBadge {
    0% {
        transform: translateY(0) scale(1);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    }

    25% {
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 5px 12px rgba(255, 196, 0, 0.45);
    }

    50% {
        transform: translateY(0) scale(1);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    }

    75% {
        transform: translateY(-2px) scale(1.03);
        box-shadow: 0 5px 12px rgba(255, 196, 0, 0.35);
    }

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

.hot-icon {
    line-height: 22px;
    padding: 0 5px !important;
    font-size: 12px !important;
    font-weight: 100;
    color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    background: #f20600;

    position: absolute;
    left: 0;
    right: 0;
    width: 30px;
    margin: auto;
    text-align: center;

    /* Animation */
    animation: hotPulse 1.2s ease-in-out infinite;
}

@keyframes hotPulse {
    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    }

    50% {
        transform: scale(1.12);
        box-shadow:
            0 0 8px rgba(255, 50, 0, 0.8),
            0 0 15px rgba(255, 0, 0, 0.5);
    }
}

/* Holdem */
.Holdem-icon {
    font-size: 12px !important;
    height: 24px !important;
    line-height: 22px;
    padding: 0 5px !important;
    font-weight: 100;
    right: -33px;
    top: -61px;
    width: 40px;
    color: #fff;
    border-radius: 22px;

    background: linear-gradient(124deg, #00d200 0%, #019801 100%);

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

    /* Animation */
    animation: holdemFloat 1.8s ease-in-out infinite;
}

@keyframes holdemFloat {
    0%,
    100% {
        transform: translateY(0) scale(1);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    }

    50% {
        transform: translateY(-4px) scale(1.05);
        box-shadow: 0 5px 15px rgba(0, 255, 80, 0.45);
    }
}

.menumobile {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    flex: 1;
}

.card {
    height: 118px;
    border-radius: 18px;
    overflow: hidden;
    background: #111;
    border: 2px solid #555;
    box-shadow:
        0 8px 15px rgba(0, 0, 0, 0.5),
        inset 0 0 20px rgba(255, 255, 255, 0.1);
}

.ball-area {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(circle, #444, #111);
}

.ball-area img {
    width: 60px;
    height: 70px;
    object-fit: contain;
    filter: drop-shadow(0 8px 8px #000);
}

.title {
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 14px;
    font-weight: bold;
    background: linear-gradient(#555, #222);
    text-shadow: 0 2px 3px #000;
}

.mobile-slider {
    width: 100%;
}

.mobile-slider img {
    width: 100%;
    height: auto;
    display: block;
}

.contents_join_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5px;
    width: 100%;
    /* height: 52px; */
    gap: 5px;
}

/* Common Button */
.join_btn,
.sos_btn {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2px;
    gap: 4px;
    /* width: 100%; */
    flex: 1;
    cursor: pointer;
    height: 30px;
    border-radius: 30px;
    flex: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    color: #eee;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 2px 6px rgba(0, 0, 0, 0.6);
    padding: 0px 10px;
}

/* Login Gold Button */
.login_btn {
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #221600 0%, #4d3500 25%, #987500 50%, #4d3500 75%, #221600 100%);
    flex: 1;
    display: flex;
    justify-content: center;
    height: 42px;
    border-radius: 30px;
}

/* Black Buttons */
.black_btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2px;
    gap: 4px;
    /* width: 100%; */
    flex: 1;
    height: 42px;
    border-radius: 30px;
    flex: 1;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(270deg, #000000 0%, #363636 25%, #4d4d4d 50%, #363636 75%, #000000 100%);
}

.icon {
    width: 30px;
    height: 40px;
    object-fit: contain;
}

.btn_text {
    height: 40px;

    font-family: "KoreanTITGD1R", sans-serif;
    font-style: normal;
    font-weight: 400;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    line-height: 40px;
}

.login_text {
    width: 42px;
    font-size: 14px;
}

.join_text,
.telegram_text {
    font-size: 12px;
}

.join_text {
    width: 54px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
}

.telegram_text {
    width: 69px;
}

.banner_mobile_contact {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
    flex: 1;
}

.banner_mobile_contact a {
    width: 100% !important;
}

.banner_mobile_contact img {
    width: -webkit-fill-available;
}

/* INPUT / SELECT / TEXTAREA */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="search"],
select,
textarea {
    /* width:100%; */
    /* padding:12px 15px; */
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    /* border-radius:12px; */
    color: #fff;
    font-size: 14px;
    outline: none;
    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease,
        background 0.3s ease;
}

/* Placeholder */
input::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

/* Hover */
input:hover,
select:hover,
textarea:hover {
    border-color: #c89b3c;

    box-shadow: 0 0 10px rgba(200, 155, 60, 0.15);
}

/* Focus */
input:focus,
select:focus,
textarea:focus {
    border-color: #c89b3c;

    background: rgba(255, 255, 255, 0.08);

    box-shadow:
        0 0 0 3px rgba(200, 155, 60, 0.15),
        0 0 15px rgba(200, 155, 60, 0.35),
        0 0 30px rgba(200, 155, 60, 0.15);

    transform: translateY(-2px);
}

/* Click */
input:active,
select:active,
textarea:active {
    transform: scale(0.99);
}

/* Textarea */
textarea {
    min-height: 120px;
    resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
    animation: goldGlow 1.5s infinite alternate;
}

@keyframes goldGlow {
    from {
        box-shadow:
            0 0 0 3px rgba(200, 155, 60, 0.15),
            0 0 10px rgba(200, 155, 60, 0.25);
    }

    to {
        box-shadow:
            0 0 0 3px rgba(200, 155, 60, 0.2),
            0 0 20px rgba(200, 155, 60, 0.5),
            0 0 40px rgba(200, 155, 60, 0.2);
    }
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c89b3c' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 5h10L8 11z'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px;

    padding-right: 40px;
}

.swal2-popup {
    background: #000 !important;
    color: #fff !important;
    border-radius: 10px !important;
    border: 2px solid #323232;
}

.swal2-title {
    color: #fff !important;
}

.swal2-html-container,
.swal2-content {
    color: #ddd !important;
}

.swal2-confirm {
    background-color: #333 !important;
    color: #fff !important;
    border: 1px solid #555 !important;
}

#b3GameMenu {
}

.sportCategoryBtn {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 12px;
    /* flex: 1; */
    user-select: none;
    border-radius: 10px;
    border-bottom: 1px solid #3c3c3c;
    background: radial-gradient(50% 50% at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%),
        linear-gradient(0deg, #111 0%, #141414 65.87%, #434343 100%);
    box-shadow:
        inset 0 4px 5px rgba(0, 0, 0, 0.4),
        0 1px 3px rgba(0, 0, 0, 0.9);
    padding: 15px 10px;
}

.sportCategoryBtn:hover {
    background: linear-gradient(to bottom, rgb(27, 26, 26) 100%, rgb(89, 83, 83) 80%);
    box-shadow:
        inset 0px 1px 1px rgba(255, 255, 255, 0.3),
        0px 1px 3px rgba(55, 53, 53, 0.3);
}

.sportCategoryBtn .txt {
    flex: 1;

    margin-left: 8px;

    font-weight: bold;
}

.arrow {
    font-size: 11px;

    transition: 0.3s;
}

/* =========================
   CHILD MENU
========================= */

.sportCategoryList {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition:
        max-height 0.35s ease,
        opacity 0.25s ease;
    padding: 0px 20px;
}

.sportCategoryList.open {
    max-height: 800px;
    opacity: 1;
    margin: 10px 0px;
    gap: 5px;
    display: flex;
}

/* Mobile */
@media (max-width: 768px) {
    .sportCategoryList.open {
        max-height: 1000px;
        margin: 15px 0px;
        gap: 8px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }
}

.sportLeftMenuBtn {
    display: flex;

    align-items: center;

    padding: 10px 10px 10px 30px;

    cursor: pointer;

    transition: 0.2s;
}

.sportLeftMenuBtn:hover {
}

.sportLeftMenuBtn .txt {
    margin-left: 8px;
}

/* ACTIVE */

.sportLeftMenuBtn.active {
    font-weight: bold;
}