* {
    box-sizing: border-box;
    -webkit-user-drag: none;
    font-family: 'Noto Sans KR', sans-serif;
    color: #fff;
    outline: 0px;
}

@font-face {
    font-family: 'Gmarket Sans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Gmarket Sans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gmarket Sans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
body {
    margin: 0;
    padding: 0;
    border: 0;
    /*background: #031124;*/
    background: #070a0f;;
}

body::-webkit-scrollbar {
    width: 8px;

}

body::-webkit-scrollbar-thumb {
    background: #262b32;

}
body::-webkit-scrollbar-track {
    background:#141921

}


div::-webkit-scrollbar {
    width: 8px;

}

div::-webkit-scrollbar-thumb {
    background: #262b32;

}
div::-webkit-scrollbar-track {
    background:#141921

}


.d-none {
    display: none;
}

ul,
li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

a {
    text-decoration: none;
}

@keyframes beat {
    to {
        transform: scale(1.0);
    }
}

@keyframes beat_sm {
    to {
        transform: scale(1.0);
    }
}

.loading_wave {
    display: none;
}

.loading .loading_wave {
    position: absolute;
    display: flex;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loading_wave > .wave {
    width: 2px;
    height: 40px;
    background: linear-gradient(45deg, #5f91d8, #a6cbff);
    margin: 10px;
    animation: wave 0.5s linear infinite;
    border-radius: 20px;
}

.loading_wave > .wave:nth-child(2) {
    animation-delay: 0.05s;
}

.loading_wave > .wave:nth-child(3) {
    animation-delay: 0.1s;
}

.loading_wave > .wave:nth-child(4) {
    animation-delay: 0.15s;
}

.loading_wave > .wave:nth-child(5) {
    animation-delay: 0.2s;
}

.loading_wave > .wave:nth-child(6) {
    animation-delay: 0.25s;
}

.loading_wave > .wave:nth-child(7) {
    animation-delay: 0.3s;
}

.loading_wave > .wave:nth-child(8) {
    animation-delay: 0.35s;
}

.loading_wave > .wave:nth-child(9) {
    animation-delay: 0.4s;
}

.loading_wave > .wave:nth-child(10) {
    animation-delay: 0.45s;
}

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

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

/*
  TOUCH SCROLL CSS
*/
.touchscroll {
    /*/*user-select: none;*/*/
}

.touchscroll * {
    /*/*user-select: none;*/*/
    -webkit-user-drag: none;
}

.touchscroll.horizontal {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
}

.touchscroll.vertical {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

.touchscroll.coordinate {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
}


/*-------------------------------------------------------
  BOARD_LIST CSS
-------------------------------------------------------*/

#board_list {
    display: block;
}

#board_list > .titlebox {
    display: flex;
    height: 62px;
    background: url(./images/title_effect_overlay.png), #e60012;
    background-position: left;
    background-size: none;
    background-repeat: no-repeat;
    position: relative;
    z-index: 10;
    margin-bottom:1px;
}

#board_list > .titlebox > .label {
    display: block;
    flex-grow: 1;
    line-height: 62px;
    font-size: 16px;
    margin-left: 20px;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 0 10px rgb(0 0 0 / 50%);
}


#board_list > .titlebox > .label > span {
    display: inline-block;
    transform: scaleX(0.6);
    margin-left:10px;
    margin-right:10px;
}

#board_list > .filterbox {
    display: flex;
    margin:0;
}

#board_list > .filterbox > .expand {
    flex-grow: 1;
    margin-right: 1px;
    background: #031124;
}

#board_list > .filterbox > .inputgrp {
    display: flex;
}

#board_list > .filterbox > .inputgrp > label {
    width: 90px;
    text-align: center;
    background: #07172d;
    color: #888888;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: 600;
    margin-right: 1px;
}

/* #deposit_form > .filterbox > .gridbox > .iptgrp > label {
  width: auto;
  text-align: center;
  background: #07172d;
  color: #888888;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  font-weight: 600;
  margin-right: 1px;
} */

#deposit_form > .filterbox > .gridbox> .iptgrp > select {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    background: #0d1d32;
    margin-right: 1px;
    border: 0px;
    font-size: 15px;
    color: #cccccc;
}

#board_list > .filterbox > .inputgrp > input[type='date'] {
    width: 140px;
    padding-left: 10px;
    padding-right: 10px;
    background: #0d1d32;
    margin-right: 1px;
    border: 0px;
    font-size: 15px;
    color: #cccccc;
}

#board_list > .filterbox > .inputgrp > input[type='date']::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

#board_list > .filterbox > .inputgrp > select {
    width: 140px;
    padding-left: 10px;
    padding-right: 10px;
    background: #0d1d32;
    margin-right: 1px;
    border: 0px;
    font-size: 15px;
    color: #cccccc;
}

#board_list > .filterbox > .inputgrp > input {
    width: 250px;
    padding-left: 10px;
    padding-right: 10px;
    background: #0d1d32;
    margin-right: 1px;
    border: 0px;
    font-size: 15px;
    color: #cccccc;
}

#board_list > .filterbox > .btn_submit {
    width: 90px;
    padding-left: 10px;
    padding-right: 10px;
    background: #07172d;
    border: 0px;
    font-size: 15px;
    color: #cccccc;
    cursor: pointer;
    transition: all 300ms;
}

#board_list > .filterbox > .btn_submit:hover {
    background: #29324b;
    color: #efefef;
    transition: all 300ms;
}

#board_list > .listbox {
    display: block;
    margin-top:1px;
}

#board_list > .listbox > .listhead {
    display: block;
}

#board_list > .listbox > .listhead > .row {
    display: flex;
    height: 50px;
    margin-left:-1px;
    background: #f7e1ce;
}

#board_list > .listbox > .listbody > .row {
    display: flex;
    height: 40px;
    margin-top:1px;
    margin-left:-1px;
    cursor:pointer;
}

#board_list > .listbox > .listbody > .row span{
    color: #000 !important;
}

#board_list > .listbox > .listhead .row .col {
    /*background: #29324b;*/
    line-height:50px;
    font-size:14px;
    color:#000;
    font-weight: 600;
    text-align: center;
    margin-left:1px;
}

#board_list > .listbox > .listbody .row.odd .col {
    background: #07172d;
    line-height:40px;
    font-size:14px;
    color:#888888;
    margin-left:1px;
    transition: all 300ms;
}

#board_list > .listbox > .listbody .row.odd:hover .col {
    filter: brightness(1.8);
    transition: all 300ms;
}


#board_list > .listbox > .listbody .row.even .col {
    /*background: #0d1d32;*/
    line-height:40px;
    font-size:14px;
    color:#888888;
    margin-left:1px;
    transition: all 300ms;
}

#board_list > .listbox > .listbody .row.even:hover .col {
    filter: brightness(1.8);
    transition: all 300ms;
    color:#000;
}


#board_list > .listbox > .listhead .row .col_1x,
#board_list > .listbox > .listbody .row .col_1x {
    text-align: center;
    flex-grow: 1;
    width:100%;
}

#board_list > .listbox > .listhead .row .col_2x,
#board_list > .listbox > .listbody .row .col_2x {
    width:200%;
    text-align: center;
    flex-grow: 1;
}

#board_list > .listbox .row > .col_chk {
    width:50px;
    flex-shrink: 0;
    position: relative;
}

#board_list > .listbox .row > .col_chk > input[type='checkbox'] {
    position: absolute;
    left:50%;
    top:50%;
    margin:0px;
    padding:0px;
    border:0px;
    transform: translate(-50%, -50%);
}

#board_list > .listbox .row > .col_wr_num {
    width:100px;
    flex-shrink: 0;
    text-align: center;
}

#board_list > .listbox .row > .col_wr_subject {
    flex-grow: 1;
    text-align: center;
    padding-left:12px;
    padding-right:12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:100%;
}


#board_list > .listbox .row > .col_wr_name {
    width:90px;
    flex-shrink: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#board_list > .listbox .row > .col_wr_datetime {
    width:150px;
    flex-shrink: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#board_list > .listbox .row > .col_wr_hit {
    width:80px;
    flex-shrink: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#board_list > .listbox .row > .col_btns {
    width:111px;
    flex-shrink: 0;
}

#board_list > .listbox .row > .col_btn_edit,
#board_list > .listbox .row > .col_btn_delete {
    display: block;
    width:55px;
    text-align: center;
    flex-shrink: 0;
    z-index:1;
    transition: all 300ms;
}

#board_list > .listbox > .listbody > .row > .col_btn_edit:hover,
#board_list > .listbox > .listbody > .row > .col_btn_delete:hover {
    background:#29324b;
    color:#ef7c00;
    transform: scale(1.1);
    z-index:10;
    transition: all 300ms;
}

#board_list > .listbox > .listtoolbar {
    display: flex;
    margin-top:1px;
    height:50px;
    justify-content: end;
}


#board_list > .listbox > .listtoolbar > .expand {
    flex-grow: 1;
    /*background:#031124;*/
}

#board_list > .listbox > .listtoolbar > .btn_write,
#board_list > .listbox > .listtoolbar > .btn_edit,
#board_list > .listbox > .listtoolbar > .btn_delete {
    width:127px;
    margin-left:1px;
    background:#e60012;
    font-size:15px;
    line-height:50px;
    text-align:center;
    color:#fff;
    cursor:pointer;
    position: relative;
    z-index:1;
}

#board_list > .listbox > .listtoolbar > .btn_write:hover,
#board_list > .listbox > .listtoolbar > .btn_edit:hover,
#board_list > .listbox > .listtoolbar > .btn_delete:hover {
    background: #850909;
    color:#ffffff;
    z-index:10;
}

.listpagenation {
    display: flex;
    justify-content: center;
    margin-top:20px;
    height:50px;
    margin-bottom:20px;
}

.listpagenation > div {
    width:40px;
    height:40px;
    margin:5px;
    text-align: center;
    line-height:40px;
    font-size:14px;
    cursor:pointer;
}

.listpagenation > div > span {
    color:#fff;
}

.listpagenation > div.active {
    border:1px solid #e60012;
    border-radius:30px;
    line-height: 38px;
}

.listpagenation > div.active > span {
    color:#e60012;
    font-weight:600;
    line-height: 38px;
}

.listpagenation > div:hover {
    border:1px solid #efefef;
    background: #773f00;
    border-radius:30px;
    line-height: 38px;
}

.listpagenation > .btn_first,
.listpagenation > .btn_prev,
.listpagenation > .btn_next,
.listpagenation > .btn_last {
    background:#f7e1ce;
    border-radius:10px;
    color:#000;
}

.listpagenation > .btn_first > span,
.listpagenation > .btn_prev > span,
.listpagenation > .btn_next > span,
.listpagenation > .btn_last > span {
    display: inline-block;
    transform: scaleX(0.6);
}

.listpagenation > .btn_prev {
    margin-right:20px;
}

.listpagenation > .btn_next {
    margin-left:20px;
}

.listpagenation > .btn_first:hover,
.listpagenation > .btn_prev:hover,
.listpagenation > .btn_next:hover,
.listpagenation > .btn_last:hover {
    background:#e60012;
    border-radius:10px;
}


/*
    LOADING INFINITY
*/

div.loading_infinity {
    display: none;
    position: absolute;
    left:50%;
    top:50%;
    width: 100px;
    height: 50px;
    transform: translate(-50%, -50%) scale(1.3);
}

div.loading_infinity p,
div.loading_infinity span {
    offset-path: path("M67.3,17.8c0-9.3-4.8-14.5-13.8-14.5C41.9,3.2,35.7,17,35.7,17s-6.2,13.8-17.8,13.8C10,30.8,4,25.5,4,17.7 C4, 9.6, 10, 3.2, 17.8, 3.2C29.4, 3.2, 35.7, 17, 35.7, 17s6.2, 13.8, 17.8, 13.8C61.4, 30.8, 67.3, 24.8, 67.3, 17.8z");
    position: absolute;
}

div.loading_infinity span {
    color: #fff;
    font-size: 12px;
    animation: loading_infinity_path 1.4s linear infinite;
}

div.loading_infinity p {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    opacity: 0;
    motion-rotation: auto 45deg;
    background: #fff;
    animation: loading_infinity_path 1.4s linear infinite, loading_infinity_dot linear forwards;
}
div.loading_infinity p:nth-of-type(1) {
    background: #bf4040;
    animation-delay: 0.015s;
}
div.loading_infinity p:nth-of-type(2) {
    background: #bf5540;
    animation-delay: 0.03s;
}
div.loading_infinity p:nth-of-type(3) {
    background: #bf6a40;
    animation-delay: 0.045s;
}
div.loading_infinity p:nth-of-type(4) {
    background: #bf8040;
    animation-delay: 0.06s;
}
div.loading_infinity p:nth-of-type(5) {
    background: #bf9540;
    animation-delay: 0.075s;
}
div.loading_infinity p:nth-of-type(6) {
    background: #bfaa40;
    animation-delay: 0.09s;
}
div.loading_infinity p:nth-of-type(7) {
    background: #bfbf40;
    animation-delay: 0.105s;
}
div.loading_infinity p:nth-of-type(8) {
    background: #aabf40;
    animation-delay: 0.12s;
}
div.loading_infinity p:nth-of-type(9) {
    background: #95bf40;
    animation-delay: 0.135s;
}
div.loading_infinity p:nth-of-type(10) {
    background: #80bf40;
    animation-delay: 0.15s;
}
div.loading_infinity p:nth-of-type(11) {
    background: #6abf40;
    animation-delay: 0.165s;
}
div.loading_infinity p:nth-of-type(12) {
    background: #55bf40;
    animation-delay: 0.18s;
}
div.loading_infinity p:nth-of-type(13) {
    background: #40bf40;
    animation-delay: 0.195s;
}
div.loading_infinity p:nth-of-type(14) {
    background: #40bf55;
    animation-delay: 0.21s;
}
div.loading_infinity p:nth-of-type(15) {
    background: #40bf6a;
    animation-delay: 0.225s;
}
div.loading_infinity p:nth-of-type(16) {
    background: #40bf80;
    animation-delay: 0.24s;
}
div.loading_infinity p:nth-of-type(17) {
    background: #40bf95;
    animation-delay: 0.255s;
}
div.loading_infinity p:nth-of-type(18) {
    background: #40bfaa;
    animation-delay: 0.27s;
}
div.loading_infinity p:nth-of-type(19) {
    background: #40bfbf;
    animation-delay: 0.285s;
}
div.loading_infinity p:nth-of-type(20) {
    background: #40aabf;
    animation-delay: 0.3s;
}
div.loading_infinity p:nth-of-type(21) {
    background: #4095bf;
    animation-delay: 0.315s;
}
div.loading_infinity p:nth-of-type(22) {
    background: #4080bf;
    animation-delay: 0.33s;
}
div.loading_infinity p:nth-of-type(23) {
    background: #406abf;
    animation-delay: 0.345s;
}
div.loading_infinity p:nth-of-type(24) {
    background: #4055bf;
    animation-delay: 0.36s;
}
div.loading_infinity p:nth-of-type(25) {
    background: #4040bf;
    animation-delay: 0.375s;
}
div.loading_infinity p:nth-of-type(26) {
    background: #5540bf;
    animation-delay: 0.39s;
}
div.loading_infinity p:nth-of-type(27) {
    background: #6a40bf;
    animation-delay: 0.405s;
}
div.loading_infinity p:nth-of-type(28) {
    background: #8040bf;
    animation-delay: 0.42s;
}
div.loading_infinity p:nth-of-type(29) {
    background: #9540bf;
    animation-delay: 0.435s;
}
div.loading_infinity p:nth-of-type(30) {
    background: #aa40bf;
    animation-delay: 0.45s;
}
div.loading_infinity p:nth-of-type(31) {
    background: #bf40bf;
    animation-delay: 0.465s;
}
div.loading_infinity p:nth-of-type(32) {
    background: #bf40aa;
    animation-delay: 0.48s;
}
div.loading_infinity p:nth-of-type(33) {
    background: #bf4095;
    animation-delay: 0.495s;
}
div.loading_infinity p:nth-of-type(34) {
    background: #bf4080;
    animation-delay: 0.51s;
}
div.loading_infinity p:nth-of-type(35) {
    background: #bf406a;
    animation-delay: 0.525s;
}

@keyframes loading_infinity_path {
    to {
        offset-distance: 100%;
    }
}

@keyframes loading_infinity_dot {
    to {
        opacity: 1;
    }
}


@keyframes rotate{
    100% {
        transform: rotate(360deg);
    }
}

/*---------------------------------------------------------
    BANNER_SMALL
---------------------------------------------------------*/
#banner_small {
    display: block;
}

#banner_small > .banneritem {
    display: block;
    margin-top:-1px;
    position: relative;
    width:320px;
    height:148px;
    cursor:pointer;
}

#banner_small > .banneritem > .off {
    display: block;
    position: absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
}

#banner_small > .banneritem > .on {
    display: block;
    position: absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    opacity: 0;
    transition: all 300ms;
    z-index:10;
}

#banner_small > .banneritem:hover > .on {
    opacity: 1;
    transition: all 300ms;
    z-index:20;
}

#banner_small > .btn_more {
    height:50px;
    line-height:50px;
    background:#07172d;
}

/*-------------------------------------------------------
  BOARD_WRITE CSS
-------------------------------------------------------*/

#board_write {
    display: block;
}

#board_write > form.writeform {
    display: block;
    margin:0;
    padding:0;
    border:0;
}

#board_write > form.writeform > .row {
    height:50px;
    line-height:50px;
    display: flex;
    margin-top:1px;
}

#board_write > form.writeform > .row.row_contents {
    /*ight:auto;*/
    height:30vh;
}

#board_write > form.writeform > .row > label {
    margin-right:1px;
    width:150px;
    text-align: center;
    background:#f7e1ce;
    flex-shrink: 0;
    font-size:15px;
    color:#000;
}

#board_write > form.writeform > .row > .value {
    flex-grow: 1;
    width:150px;
    /*background:#0d1d32;*/
    position: relative;
    font-size:15px;
    overflow-y:auto;
}

#board_write > form.writeform > .row > .value > input,
#board_write > form.writeform > .row > .value > select,
#board_write > form.writeform > .row > .value > textarea {
    display: block;
    position: absolute;
    left:10px;
    right:10px;
    top:10px;
    bottom:10px;
    margin:0;
    padding:0;
    border:0;
    /*background:#0d1d32 !important;*/
    /*color:#cccccc !important;*/
    color:#000 !important;
    border:0px !important;
    font-size:15px;
    resize: none;
}

#board_write > form.writeform > .row.row_toolbar {
    display: flex;
    margin-top:1px;
    height:50px;
    justify-content: end;
}


#board_write > form.writeform > .row > .expand {
    flex-grow: 1;
    /*background:#031124;*/
}

#board_write > form.writeform > .row > .btn_submit {
    display: block;
    width:127px;
    margin-left:1px;
    background:#e60012;
    font-size:15px;
    line-height:50px;
    text-align:center;
    color:#fff;
    cursor:pointer;
    position: relative;
    z-index:1;
    border:0px;
}

#board_write > form.writeform > .row > .btn_submit:hover {
    display: block;
    background:#850909;
    color:#ffffff;
    z-index:10;
}


/*-------------------------------------------------------
  BOARD_VIEW CSS
-------------------------------------------------------*/

#board_view > .titlebox {
    display: flex;
    height: 63px;
    background: url(./images/title_effect_overlay.png), #e60012;
    background-position: left;
    background-size: none;
    background-repeat: no-repeat;
    position: relative;
    z-index: 10;
    border-bottom:1px solid #070a0f;
    flex-shrink: 0;
    justify-content: space-between;
}

#board_view > .titlebox > .subject {
    display: block;
    flex-grow: 1;
    line-height: 62px;
    font-size: 16px;
    margin-left: 20px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 0 10px rgb(0 0 0 / 50%);
}

#board_view > .titlebox > .subject > span.arrow {
    display: inline-block;
    transform: scaleX(0.6);
    margin-left:10px;
    margin-right:10px;
}

#board_view > .titlebox > .subject > span.category {
    color:#888888;
    margin-right:10px;
}

#board_view > .titlebox > .sender {
    display: block;
    flex-shrink: 0;
    line-height: 62px;
    font-size: 16px;
    margin-left: 20px;
    font-weight: 600;
    color: #cccccc;
    white-space: nowrap;
    margin-right:20px;
}

#board_view > .titlebox > .datetime {
    display: block;
    flex-shrink: 0;
    line-height: 62px;
    font-size: 16px;
    margin-left: 20px;
    font-weight: 600;
    color: #cccccc;
    white-space: nowrap;
    margin-right:20px;
}

#board_view > .contentsbox {
    padding:20px;
    background:#0d1d32;
    min-height:250px;
}


.toolbar {
    display: flex;
    margin-top:1px;
    height:50px;
    justify-content: end;
}


.toolbar > .expand {
    flex-grow: 1;
    /*background:#ff9a38;*/
}

.toolbar > .btn {
    display: block;
    width:127px;
    margin-left:1px;
    background:#e60012;
    font-size:15px;
    line-height:50px;
    text-align:center;
    color:#ffffff;
    cursor:pointer;
    position: relative;
    z-index:1;
    border:0px;
}

.toolbar > .btn:hover {
    display: block;
    background:#850909;
    color:#ffffff;
    z-index:10;
}

/* ALARM */
body > .alarm {
    position: fixed;
    left:50%;
    top:50%;
    display: block;
    z-index:100000;
    transform: translate(-50%, -50%);
    width:450px;
    padding-top:50px;
    background:#e2e5ed;
    border-radius: 10px;
    box-shadow:
            0px 0px 10px rgba(0,0,0,0.05),
            0px 0px 30px rgba(0,0,0,0.1),
            0px 0px 50px rgba(0,0,0,0.2),
            0px 0px 100px rgba(0,0,0,0.3);
}

body > .alarm.alarm_error {
    background:#fde8e4;
}

body > .alarm.alarm_warning {
    background:#fef4e4;
}

body > .alarm.alarm_success {
    background:#daf4f0;
}

body > .alarm > .title {
    position: absolute;
    left:50px;
    top:15px;
    height:30px;
    line-height:30px;
    font-size:20px;
    right:60px;
    font-weight:600;
    color:#303d67;
}

body > .alarm.alarm_error > .title {
    color:#b44c36;
}

body > .alarm.alarm_warning > .title {
    color:#b98a38;
}

body > .alarm.alarm_success > .title {
    color:#088675;
}

body > .alarm > .icon {
    position: absolute;
    left:15px;
    top:15px;
    width:30px;
    height:30px;
    object-fit: none;
    object-position: center;
}

body > .alarm > .close {
    position: absolute;
    right:15px;
    top:15px;
    width:30px;
    height:30px;
    color:#303d67;
    cursor:pointer;
    text-align: center;
    line-height:30px;
}

body > .alarm.alarm_error > .close {
    color:#b44c36;
}

body > .alarm.alarm_warning > .close {
    color:#b98a38;
}

body > .alarm.alarm_success > .close {
    color:#088675;
}

body > .alarm > .contents {
    position: relative;
    display: block;
    line-height:30px;
    font-size:14px;
    padding-left:50px;
    padding-right:60px;
    padding-bottom:15px;
    color:#303d67;
}

body > .alarm.alarm_error > .contents {
    color:#b44c36;
}

body > .alarm.alarm_warning > .contents {
    color:#b98a38;
}

body > .alarm.alarm_success > .contents {
    color:#088675;
}

body > .alarm > .tip {
    position: relative;
    display: block;
    line-height:30px;
    font-size:14px;
    padding:15px;
    padding-left:30px;
    padding-right:30px;
    color:#fffff8;
    background:#405189;
    border-radius: 0px 0px 10px 10px;
}

body > .alarm.alarm_error > .tip {
    color:#fffff8;
    background:#f06548;
}

body > .alarm.alarm_warning > .tip {
    color:#fffff8;
    background:#f7b84b;
}

body > .alarm.alarm_success > .tip {
    color:#fffff8;
    background:#0ab39c;
}


.ipt_search_box {
    display: block;
    flex-shrink: 0;
    width:120px;
    border-left:1px solid #313742;
    position:relative;
}

.ipt_search_box input {
    position: absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background: transparent;
    border:0px;
    padding-left:10px;
    padding-right:10px;
    font-size:16px;
}

.btn_search {
    display: block;
    flex-shrink: 0;
    width:60px !important;
    border-left:1px solid #313742;
    position:relative;
    cursor:pointer;
}

.btn_search span {
    display: block;
    position: absolute;
    right:15px;
    top:50%;
    transform: translate(0, -50%);
    font-size:16px;
    font-weight: 600;
    color:#a8a8a8;
}

.btn_search input ,
.btn_search img {
    display: block;
    position: absolute;
    margin-top:2px;
    left:15px;
    top:50%;
    transform: translate(0, -50%);
    filter: grayscale(1);
}

.btn_search:hover {
    background: #29324b;
    color:#ef7c00;
    border:1px solid #29324b;
    transition: all 300ms;
    animation: beat .25s infinite alternate;
}

.btn_search:hover span {
    color:#ffffff;
    text-shadow:
            0 0 5px #cfff5e,
            0 0 10px #ffb25e,
            0 0 20px #ef7c00;
}

.btn_search:hover input ,
.btn_search:hover img {
    filter: grayscale(0);
}
.sort li ul {
    display: block;
    list-style: none;
    overflow: hidden;
    max-height: 0px;
    position: absolute;
    left:-1px;
    right:-1px;
    top:59px;
    transition: all 300ms;
    z-index:1;
    height:126px !important;
}
.sort li ul li:nth-child(2) {
    top:63px !important;
}
.sort li ul li:nth-child(3) {
    top:126px !important;
}
.sort li ul li:nth-child(4) {
    top:189px !important;
}
.sort li ul li:nth-child(5) {
    top:252px !important;
}

.activable {
    cursor:pointer;
}

/*
    SOUND ON OFF
*/


#header .btn_sound,
#footer .btn_sound {
    height:30px;
    width:30px;
    margin-left:10px;
    background:url('./images/btn_sound_off.png');
    background-position: center;
    background-size: none;
    background-repeat: no-repeat;
    cursor:pointer;
}

#header .btn_sound.active,
#footer .btn_sound.active {
    background:url('./images/sound/btn_sound_on.png');
    background-position: center;
    background-size: none;
    background-repeat: no-repeat;
}
@media (max-width:1200px) {
    #board_list > .listbox .row > .col_chk {width:30px}
    #board_list > .listbox .row > .col_wr_num {width:50px}
}


@media (max-width:767px){

    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

    @font-face {
        font-family: 'Gmarket Sans';
        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
        font-weight: 300;
        font-style: normal;
    }


    @font-face {
        font-family: 'Gmarket Sans';
        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'Gmarket Sans';
        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
        font-weight: 700;
        font-style: normal;
    }

    /* default */
    * {margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
    html {font-family: 'Noto Sans KR', sans-serif;}
    body {margin:0px;padding:0px;font-family: 'Noto Sans KR', sans-serif;;font-size:12px;color:#efefef;line-height:100%;background:#000000;box-sizing:border-box;}
    div, p, ul, li, table, th, td, textarea, input, select,  form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, address, section, cite, button
    {margin:0px;padding:0px;font-family: 'Noto Sans KR', sans-serif;;font-size:12px;color:#cccccc;font-weight:500;line-height:100%;box-sizing:border-box; }
    span {font-weight:500;margin:0px;padding:0px;vertical-align:top;}
    ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:100%;}
    table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;word-break:break-all}
    i, em {font-style:normal;font-weight:500;}

    fieldset {border:0;margin:0px;padding:0px;}
    legend {display:none;position:absolute;visibility:hidden;}
    caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;display:none;}
    img {border:0;vertical-align:top;}
    optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
    input,select {margin:0;vertical-align:middle;}
    button {padding:0;margin:0;background-color:transparent;color:inherit;border:none;outline:none;display:inline-block;cursor:pointer;}

    select {font-family:inherit;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
    select::-ms-expand {display:none;}

    .no_scroll {overflow:hidden;-webkit-overflow-scrolling:touch;}
    .ellipsis {display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

    /* 링크 */
    a {text-decoration:none;color:inherit;margin:0px;padding:0px;}
    a:link, a:visited {text-decoration:none;color:inherit;}
    a:hover, a:focus, a:active {text-decoration:none;}
    a:focus, img:focus {outline:none;}

    /* ?��?�� */
    input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"]{border:none;background:none;outline:none;}
    input {-webkit-border-radius: 0;}
    input.num_password {-webkit-text-security:disc;-moz-text-security:disc;}
    input[type="password"] {}
    input[type="radio"] {width:14px;height:14px;margin-bottom:1px;}
    input[type="checkbox"] {width:14px;height:14px;margin:0 5px 2px 0;}
    input:-ms-input-placeholder {color:inherit;font-size:inherit;}
    input::-webkit-input-placeholder {color:inherit;font-size:inherit;}
    input::-moz-placeholder {color:inherit;font-size:inherit;}
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
    input::-ms-clear {display:none;}

    /* textarea */
    textarea {border:none;background:none;outline:none;-webkit-appearance:none;}
    textarea:-ms-input-placeholder {color:inherit;font-size:inherit;}
    textarea::-webkit-input-placeholder {color:inherit;font-size:inherit;}
    textarea::-moz-placeholder {color:inherit;font-size:inherit;}

    /* 공통 체크 박스 �? ?��?��?�� 박스 */
    .checkbox {display:inline-block;position:relative;}
    .checkbox input[type="checkbox"] {width:1px;height:1px;padding:0;border:0 none;margin:0;position:absolute;left:0;top:0;overflow:hidden;clip:rect(0 0 0 0);}
    .checkbox label {padding-left:50px;display:inline-block;background:url('/images/winwin3_mobile/ico_checkbox_01.png') no-repeat left center;background-size:40px auto;line-height:16px;color:#404040;cursor:pointer;min-height:32px;font-size:12px;}
    .checkbox input[type="checkbox"]:checked + label {background:url('/images/winwin3_mobile/ico_checkbox_02.png') no-repeat left center;background-size:40px auto;}

    .radio {display:inline-block;position:relative;}
    .radio input[type="radio"] {width:1px;height:1px;padding:0;border:0 none;margin:0;position:absolute;left:0;top:0;overflow:hidden;clip:rect(0 0 0 0);}
    .radio label {padding-left:26px;display:inline-block;background:url('/images/winwin3_mobile/ico_radio_01.png') no-repeat left center;background-size:20px auto;line-height:20px;color:#404040;cursor:pointer;min-height:20px;font-size:13px;}
    .radio input[type="radio"]:checked + label {background:url('/images/winwin3_mobile/ico_radio_02.png') no-repeat left center;background-size:20px auto;}

    ::-webkit-input-placeholder {color:transparent;opacity:1;}
    :-moz-placeholder {color:transparent;opacity:1;}
    ::-moz-placeholder {color:transparent;opacity:1;}
    :-ms-input-placeholder {color:transparent;opacity:1;}
    ::placeholder {color:transparent;opacity:1;}

    /*** ?��?���? ?��????�� ***/
    /*::-webkit-scrollbar {width:6px;height:6px;}
  ::-webkit-scrollbar-thumb {background:#666666;border-radius:3px;}
  ::-webkit-scrollbar-track {background:transparent;border-radius:3px;}*/

    html, body {height:100%;min-height:100vh;}

    body::-webkit-scrollbar{
        display: none;
    }
    #wrap {
        position: relative;
        max-width: 800px;

        -x:hidden;
        background: #070a0f;
        background-size: 100% auto;
        margin: 0 auto;
        box-sizing: border-box;
    }

    #wrap.light {
        background: #ffffff;
    }

    .mask1 {display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:-1; backdrop-filter: blur(5px);}
    .mask2 {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:200;}
    .mask1.active {display:block;}


    /** ��� CSS **/
    header {
        z-index:1000;
        max-width: 800px;

        width:100%;
        height: 70px;
        background: url("/images/1bet1/header/header_bg.png");
        border-bottom: 2px solid #1c293f;
        position: relative;
    }

    header .logo {
        position: absolute;
        left:50%;
        top:50%;
        transform: translate(-50%, -50%);
        display:block;
    }

    header .logo img {
        /*width: 100px;*/
        display:block;
        height:50px;
    }

    header .head_left {
        position: absolute;
        top:50%;
        left:35px;
        transform: translate(-50%, -50%);
    }

    header .head_left img {
        height: 60px;
        width : 60px;
        transform: scaleX(0.8);
    }

    header .head_right {
        position: absolute;
        top:50%;
        right:35px;
        transform: translate(50%, -50%);
    }

    header .head_right img {
        height: 40px;
        object-fit: scale-down;

    }

    .head_menu {
        position: fixed;
        top: 0;
        left: 50%;
        width: 100%;
        max-width: 800px;

        height: 100%;
        background: #121212;
        z-index:2000;
        opacity: 0;
        transform: translateX(-155%);
        transition: all 800ms;
        display: flex;
        flex-direction: column;
    }

    .head_menu .head_menu_top {
        width:100%;
        height:114px;
        line-height:114px;
        background: #161616;
    }

    .head_menu .head_menu_top img {
        height:50px;
        margin-top:15px;
    }

    .head_menu .logo {
        display:inline-block;
        margin-top:19px;
        margin-left:26px;
    }

    .head_menu.show {
        opacity: 1;
        transform: translateX(-50.1%);
    }

    .head_menu .close {
        width: 48px;
        height: 13px;
        z-index:10;
        color:#ffc000;
        font-weight:bold;
        float:right;
        margin-right:27px;
        cursor:pointer;
    }

    .head_menu .close img {
        width: 100%;
    }

    /*.head_menu .info_area {
    height: 90px;
    background:linear-gradient(#2c5aa0, #2581ca);
    position:relative;
  }*/
    .head_menu .info_area {
        height: 90px;
        background: linear-gradient(#1a1a1a, #3a3a42);
        position: relative;
    }

    /*t S : ?��규추�? */

    .head_menu .info_area .btns_before_login {
        position:absolute;
        display:flex;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
    }

    .head_menu .info_area .btns_before_login .btn_light {
        flex-shrink: 0;
        display:block;
        margin:0;
        margin-right:5px;
        margin-left:5px;
        background:linear-gradient(#ffffff, #e1e1e1);
        width:110px;
        text-align: center;
        height:33px;
        line-height:31px;
        border:1px solid #ffffff;
        color:#000000;
        border-radius:10px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        cursor:pointer;
        /*/*user-select: none;*/*/
        font-size:14px;
    }

    .head_menu .info_area .btns_before_login .btn_light:hover {
        background:linear-gradient(#ffffff 50%, #dddfe1 50.01%, #eeefff 80%);
        color:#0049c9;
    }

    .head_menu .info_area .wallet_money {
        position:absolute;
        display:block;
        top:0;
        left:0;
        right:50%;
    }

    .head_menu .info_area .wallet_money label {
        position:absolute;
        top:15px;
        left:15px;
        color:#98d2ff;
        font-size:20px;
        font-weight:600;
        height:24px;
        line-height:24px;
        width:85px;
        text-align: center;
    }

    .head_menu .info_area .wallet_money .btns_after_login {
        position:absolute;
        top:15px;
        left:100px;
        right:10px;
        display: flex;
    }

    .head_menu .info_area .wallet_money .btns_after_login .btn_light {
        display:block;
        margin:0;
        margin-right:5px;
        margin-left:5px;
        background:linear-gradient(#ffffff, #e1e1e1);
        width:100%;
        text-align: center;
        height:24px;
        line-height:22px;
        border:1px solid #ffffff;
        color:#000000;
        border-radius:6px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        cursor:pointer;
        /*/*user-select: none;*/*/
        font-size:14px;
    }

    .head_menu .info_area .wallet_money .btns_after_login .btn_light:hover {
        background:linear-gradient(#ffffff 50%, #dddfe1 50.01%, #eeefff 80%);
        color:#0049c9;
    }

    .head_menu .info_area .wallet_money .amount {
        position:absolute;
        right:15px;
        top:46px;
        font-size:20px;
        line-height:24px;
        height:24px;
        color:#ffffff;
        font-weight:600;
    }

    .head_menu .info_area .wallet_point {
        position:absolute;
        display:block;
        top:0;
        left:50%;
        right:0;
    }


    .head_menu .info_area .wallet_point label {
        position:absolute;
        top:15px;
        left:15px;
        color:#98d2ff;
        font-size:20px;
        font-weight:600;
        height:24px;
        line-height:24px;
        width:85px;
        text-align: center;
    }

    .head_menu .info_area .wallet_point .btns_after_login {
        position:absolute;
        top:15px;
        left:100px;
        right:10px;
        display: flex;
    }

    .head_menu .info_area .wallet_point .btns_after_login .btn_light {
        display:block;
        margin:0;
        margin-right:5px;
        margin-left:5px;
        background:linear-gradient(#ffffff, #e1e1e1);
        width:100%;
        text-align: center;
        height:24px;
        line-height:22px;
        border:1px solid #ffffff;
        color:#000000;
        border-radius:6px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        cursor:pointer;
        /*/*user-select: none;*/*/
        font-size:14px;
    }

    .head_menu .info_area .wallet_point .btns_after_login .btn_light:hover {
        background:linear-gradient(#ffffff 50%, #dddfe1 50.01%, #eeefff 80%);
        color:#0049c9;
    }

    .head_menu .info_area .wallet_point .amount {
        position:absolute;
        right:15px;
        top:46px;
        font-size:20px;
        line-height:24px;
        height:24px;
        color:#ffffff;
        font-weight:600;
    }

    .head_menu .info_area .design_seperator {
        position:absolute;
        top:10px;
        bottom:10px;
        left:50%;
        width:2px;
        background:#045850;
        border-right:1px solid #49b3ff;
        transform: translate(-50%);
    }


    /* F : ?��규추�? */

    .head_menu .info1 {
        color: #ffffff;
        font-size: 12px;
        position: absolute;
        left:15px;
        top:10px;
    }

    .head_menu .profile {
        position: absolute;
        display: flex;
        align-items: center;
        left:15px;
        right:15px;
        bottom:15px;
    }

    .head_menu .profile i {
        width: 42px;
        height: 42px;
        background: #ffffff;
        border-radius: 25px;
        margin-right:10px;
        overflow: hidden;
    }

    .head_menu .profile i img {
        width: 100%;
    }

    .head_menu .profile strong {
        color: #ffffff;
        font-size: 20px;
        font-weight: 500;
    }

    .head_menu .profile button {
        position: absolute;
        top: 50%;
        right: 0;
        width: 100px;
        height: 30px;
        color: #ffffff;
        font-size: 14px;
        border: 1px solid #ffffff;
        border-radius: 15px;
        transform: translateY(-30%);
    }

    .head_menu .log_atrer {
        display: flex;
    }

    .head_menu .log_atrer div {
        display: flex;
        width: 50%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .head_menu .log_atrer div i {
        display: flex;
        height: 60px;
        align-items: center;
        justify-content: center;
    }

    .head_menu .log_atrer button {
        width: 120px;
        height: 30px;
        color: #ffffff;
        font-size: 14px;
        background: #323150;
        border-radius: 15px;
    }

    .head_menu .left_menu_area {
        display: flex;
        width: 100%;
        flex-grow: 1;
        background: #161616;
        overflow: hidden;
    }

    /*.head_menu .left_menu {
    width: 40%;
    height: 100%;
    background: #d3d9e2;
    padding: 0 0 20px 0;
    overflow: hidden;
    overflow-y: auto;
  }*/

    .head_menu .left_menu {
        width: 50%;
        height: 100%;
        padding: 0 0 20px 0;
        overflow: hidden;
        overflow-y: auto;
    }

    .head_menu .left_menu ul {
        padding: 0;
    }

    /*head_menu .left_menu li {
    display: flex;
    height: 50px;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 0 30px;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #b7bcc4;
    align-items: center;
  }*/
    .head_menu .left_menu li {
        display: block;
        height: 45px;
        line-height:45px;
        color: #aeaeae;
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        border: 1px solid #2f2f2f;
        border-top:0;
        padding-left:35px;
    }

    .head_menu .left_menu li:nth-child(1) {
        border-top: 1px solid #2f2f2f;
    }
    /*.head_menu .left_menu li:hover,
  .head_menu .left_menu li.on {
    color: #6153ee;
  }*/
    .head_menu .left_menu li:hover,
    .head_menu .left_menu li.on {
        color: #ef7c00;
    }

    .head_menu .left_menu li .left_arrow_off {
        vertical-align: middle;
        margin-top: -4px;
        margin-left: 10px;
    }
    .head_menu .left_menu li .left_arrow_on {
        display:none;
        vertical-align: middle;
        margin-top: -4px;
        margin-left: 10px;
    }

    .head_menu .left_menu li:hover .left_arrow_off,
    .head_menu .left_menu li.on .left_arrow_off {
        display:none;
    }

    .head_menu .left_menu li:hover .left_arrow_on,
    .head_menu .left_menu li.on .left_arrow_on {
        display:inline-block;
    }

    /*head_menu .sub_menu {
    width: 60%;
    height: 100%;
    background: #ffffff;
    padding: 15px 10px;
    overflow: hidden;
    overflow-y: auto;
  }*/
    .head_menu .sub_menu {
        width: 50%;
        height: 100%;
        background: #121212;
        overflow: hidden;
        overflow-y: auto;
        position: relative;
        z-index:10;
    }

    .head_menu .sub_menu .my_money {
        margin: 0 0 5px 0;
    }

    /*.head_menu .sub_menu .my_money dl {
    background: linear-gradient(#2c5aa0, #2581ca);
    border-radius: 5px;
    padding: 15px 20px;
  }*/
    .head_menu .sub_menu .my_money dl {
        background: linear-gradient(#3e3e3e, #858585);
        border-radius: 5px;
        padding: 15px 20px;
    }

    .head_menu .sub_menu .my_money dt {
        color: #b0b5c5;
        font-size: 14px;
        margin: 0 0 5px 0;
    }

    .head_menu .sub_menu .my_money dd {
        color: #ffffff;
        font-size: 18px;
    }

    /*.head_menu .sub_menu .my_point {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ebebf0;
  }*/
    .head_menu .sub_menu .my_point {
        padding: 0 0 10px 0;
        border-bottom: 1px solid #606060;
    }

    /*.head_menu .sub_menu .my_point dl {
    background: linear-gradient(#2c5aa0, #2581ca);
    border-radius: 5px;
    padding: 15px 20px;
  }*/
    .head_menu .sub_menu .my_point dl {
        background: linear-gradient(#3e3e3e, #858585);
        border-radius: 5px;
        padding: 15px 20px;
    }

    .head_menu .sub_menu .my_point dt {
        color: #b0b5c5;
        font-size: 14px;
        margin: 0 0 5px 0;
    }

    .head_menu .sub_menu .my_point dt span {
        color: #ffffff;
    }

    .head_menu .sub_menu .my_point dd {
        color: #ffffff;
        font-size: 18px;
    }

    .head_menu .sub_menu .my_point dd em {
        display: inline-block;
        color: #00c0ff;
        font-size: 20px;
        margin: 0 0 0 5px;
    }

    .head_menu .sub_menu .go_main {
        display: flex;
        background: linear-gradient(#2c5aa0, #2581ca);
        border-radius: 5px;
        padding: 15px 20px;
        flex-direction: column;
    }

    .head_menu .sub_menu .go_main strong {
        color: #b0b5c5;
        font-size: 14px;
        margin: 0 0 5px 0;
    }

    .head_menu .sub_menu .go_main span {
        color: #ffffff;
        font-size: 18px;
    }

    .head_menu .sub_menu .sub_menu_list {}

    .head_menu .sub_menu .sub_menu_list::-webkit-scrollbar{
        display: none;
    }

    /*.head_menu .sub_menu .sub_menu_list .depth1 {
    position: relative;
    display: flex;
    height: 50px;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    padding: 0 20px;
    border-bottom: 1px solid #ebebf0;
    align-items: center;
  }*/
    .head_menu .sub_menu .sub_menu_list .depth1 {
        position: relative;
        display: block;
        height: 45px;
        color: #aeaeae;
        font-size: 14px;
        font-weight: 600;
        border: 1px solid #2f2f2f;
        border-top:0;
        line-height: 45px;
        text-align: center;
        z-index:10;
    }

    .head_menu #sub_menu3 .sub_menu_list .depth1:nth-child(1) ,
    .head_menu #sub_menu3 .sub_menu_list .depth1:nth-child(8) {
        color:#ffffff;
    }

    .head_menu .sub_menu .sub_menu_list .depth1:nth-child(1) {
        border-top: 1px solid #2f2f2f;
    }

    /*.head_menu .sub_menu .sub_menu_list .depth1:hover,
  .head_menu .sub_menu .sub_menu_list .depth1.on {
    color: #6153ee;
  }*/

    .head_menu .sub_menu .sub_menu_list .depth1:hover, .head_menu .sub_menu .sub_menu_list .depth1.on {
        color: #ef7c00;
    }

    /*.head_menu .sub_menu .sub_menu_list dt {
    position: relative;
    display: flex;
    height: 60px;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    padding: 0 20px;
    border-bottom: 1px solid #ebebf0;
    align-items: center;
  }*/
    .head_menu .sub_menu .sub_menu_list dt {
        position: relative;
        display: block;
        height: 45px;
        color: #aeaeae;
        font-size: 14px;
        font-weight: 600;
        border-bottom: 1px solid #5c5c5c;
        align-items: center;
    }
    /*.head_menu .sub_menu .sub_menu_list dt:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 14px;
    background: url('/images/winwin3_mobile/ic_arrow_1.png') no-repeat center center;
    background-size: 100% auto;
    transform: translateY(-50%) rotate(0deg);
  }*/

    /*.head_menu .sub_menu .sub_menu_list dd {
    display: none;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #ebebf0;
  }*/

    .head_menu .sub_menu .sub_menu_list dd {
        display: none;
        padding: 10px 0 0 0;
        border-bottom: 1px solid #646464;
    }

    /*.head_menu .sub_menu .sub_menu_list dd .depth2 {
    display: flex;
    height: 40px;
    color: #6f6f6f;
    font-size: 15px;
    padding: 0 20px;
    margin: 0 0 10px 0;
    align-items: center;
  }*/
    .head_menu .sub_menu .sub_menu_list dd .depth2 {
        display: flex;
        height: 40px;
        color: #ffffff;
        font-size: 15px;
        padding: 0 20px;
        margin: 0 0 10px 0;
        align-items: center;
    }

    /*.head_menu .sub_menu .sub_menu_list dl.active dt {
    color: #6153ee;
    border-bottom: 0;
  }*/
    .head_menu .sub_menu .sub_menu_list dl.active dt {
        color: #ffeb3b;
        border-bottom: 0;
    }

    .head_menu .sub_menu .sub_menu_list dl.active dt:after {
        transform: translateY(-50%) rotate(180deg);
    }

    .head_menu .sub_menu .sub_menu_list dl.active dd {
        display: block;
    }

    .head_menu .sub_menu .case1 {
        display: block;
        width: 86%;
        margin: 0 auto;
    }

    .head_menu .sub_menu .case1 img {
        width: 100%;
    }

    .head_menu .sub_menu .left_quick_menus {
        margin: 15px 0 0 0;
    }

    .head_menu .sub_menu .left_quick_menus ul {
        display: flex;
        flex-wrap: wrap;
    }

    .head_menu .sub_menu .left_quick_menus li {
        display: flex;
        width: 50%;
        margin: 0 0 10px 0;
        align-items: center;
        justify-content: center;
    }

    /*.head_menu .sub_menu .left_quick_menus li a {
    display: flex;
    width: 90%;
    height: 70px;
    border: 2px solid #d6d6d6;
    border-radius: 5px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }*/

    .head_menu .sub_menu .left_quick_menus li a {
        display: flex;
        width: 90%;
        height: 70px;
        border: 2px solid #d6d6d6;
        border-radius: 5px;
        flex-direction: column;
        align-items: center;
        background: #fff;
        justify-content: center;
    }

    .head_menu .sub_menu .left_quick_menus li a i {
        width: 32px;
        height: 32px;
        margin: 0 0 3px 0;
    }

    .head_menu .sub_menu .left_quick_menus li a i img {
        width: 100%;
    }

    .head_menu .sub_menu .left_quick_menus li a strong {
        color: #aeaeae;
        font-size: 13px;
        font-weight: 500;
    }

    .head_menu .sub_menu .left_quick_menus li a:hover strong {
        color: #6153ee;
    }

    .head_menu #sub_menu1 {
        display: none;
    }

    .head_menu #sub_menu2 {
        display: none;
    }

    .head_menu *::-webkit-scrollbar {
        display: none;
    }

    .head_menu #sub_menu3 {
        display: none;
    }

    .head_menu #sub_menu3 img {
        /*vertical-align:middle;*/
        margin-top:13px;
        margin-right:20px;
    }

    .head_menu #sub_menu4 {
        display: none;
    }

    .head_menu #sub_menu5 {
        display: none;
    }

    .head_menu #sub_menu6 {
        display: none;
    }

    .head_menu #sub_menu7 {
        display: none;
    }

    .head_menu #sub_menu8 {
        display: none;
    }

    .head_menu #sub_menu9 {
        display: none;
    }

    .head_menu #sub_menu10 {
        display: none;
    }

    .head_menu #sub_menu11 {
        display: none;
    }


    .right_menu {
        position: fixed;
        top: 0;
        right: 50%;
        width: 100vw;
        max-width: 800px;

        height: 100vh;
        background: #fff;
        z-index:2000;
        opacity: 0;
        transform: translateX(155%);
        transition: all 800ms;
        flex-direction: column;
    }

    .right_menu.show {
        opacity: 1;
        transform: translateX(50%);
    }
    .right_menu .head_menu_top {
        width:100%;
        height:114px;
        line-height:114px;
        background: #ffffff;
    }
    .right_menu .logo {
        display:inline-block;
        margin-top:20px;
        margin-left:26px;
    }

    .right_menu .logo img {
        height:50px;
        margin-top:15px;
    }

    .right_menu .close {
        width: 48px;
        height: 13px;
        z-index:10;
        color:#fff;
        font-weight:bold;
        float:right;
        margin-right:27px;
        cursor:pointer;
    }

    .right_menu .right_menu_login_box {
        margin-top: 35px;
        padding: 0 30px;
    }

    .right_menu .right_menu_login_box input {
        background:#292929;
        border:1px solid #3e4446;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        color: #edd287;
        padding-left:15px;
        padding-right:15px;
        margin-bottom:15px;
    }

    .right_menu .right_menu_login_box .login_box_btn button{
        background:#636161;
        border: 1px solid #383b52;
        width: 100%;
        height: 49px;
        border-radius: 5px;
        color: #ffffff;
        line-height: 49px;
        text-align:center;
        margin-bottom: 15px;
        font-weight:600;
    }

    .right_menu .my_info_box {
        width: 100%;
        height: 100%;
        background: #161616;
    }

    .right_menu .my_info_box table {
        width:100%;
        border: 1px solid #2d2d2d;
    }

    .right_menu .my_info_box table td {
        height: 45px;
        border-right: 1px solid #2d2d2d;
        text-align:center;
    }

    .right_menu .my_info_box table td.my_info_box_td_bottom {
        border-bottom: 1px solid #2d2d2d;
    }

    .right_menu .my_info_box .my_info_top ul li {
        display: inline-block;
        width: 100%;
    }

    .right_menu .my_info_box .my_info_middle ul li {
        display: inline-block;
        width: 30%;
    }
    .right_menu .my_info_box .my_info_middle ul li:nth-child(1) ,
    .right_menu .my_info_box .my_info_middle ul li:nth-child(3) {
        width: 18%;
    }

    .right_menu .my_info_box ul strong {
        color: #ef7c00;
    }


    /** ?��?�� **/
    /*footer {position:fixed;display:none;bottom:0;max-width:500px;min-width:320px;width:100%;z-index:50;flex-direction:column;}*/
    footer {max-width:800px;min-width:320px;width:100%;z-index:50;margin:0 auto;background: linear-gradient(#111927 0px, #0d131d 200px);}
    footer .footer_logo {text-align:center;margin-top:60px;margin-bottom:40px;}
    footer .footer_logo img { height:40px; object-fit: scale-down;}
    footer .footer_copy {text-align:center;color:#838587;font-weight:400;padding-bottom:10px;line-height:20px; font-size:10px; padding-left:20px; padding-right:20px;}

    footer .foot_site {width:100%;height:50px;background:#383759;border-bottom:1px solid #424162;}
    footer .foot_menu {width:100%;height:70px;background:#1a1a35;}
    footer .foot_site {position:relative;display:flex;width:100%;height:100%;padding:0 12%;align-items: center;justify-content: center;}
    footer .foot_site .swiper {width:100%;height:60px;}
    footer .foot_site .swiper-slide {width:auto !important;}
    footer .foot_site .swiper-slide a {display:flex;width:100%;height:100%;align-items: center;justify-content: center;}
    footer .foot_site .swiper-slide a img {width:70%;}
    footer .foot_site .swiper-button-next,
    footer .foot_site .swiper-button-prev {position:absolute;top:50%;width:16px;height:36px;margin-top:-16px;z-index:10;cursor:pointer;color:transparent;}
    footer .foot_site .swiper-button-prev,
    footer .foot_site .swiper-rtl .swiper-button-next {left:3%;right:auto;background:url('/images/winwin3_mobile/icon_foot_site_1.png') no-repeat center center;background-size:100% auto;}
    footer .foot_site .swiper-button-next,
    footer .foot_site .swiper-rtl .swiper-button-prev {right:3%;left:auto;background:url('/images/winwin3_mobile/icon_foot_site_2.png') no-repeat center center;background-size:100% auto;}
    footer .foot_menu ul {display:flex;width:100%;height:70px;}
    footer .foot_menu ul li {position:relative;display:flex;width:20%;height:100%;padding:36px 0 0 0;cursor:pointer;align-items:center;justify-content:center;}
    footer .foot_menu ul li span {text-align:center;color:#6a6a6a;font-size:14px;}
    footer .foot_menu ul li:hover span,
    footer .foot_menu ul li.on span {color:#ffffff;}
    footer .foot_menu ul li:nth-of-type(1) {background:url('/images/winwin3_mobile/ic_footer_menu_1.png') no-repeat center 8px;background-size:36px auto;}
    footer .foot_menu ul li:nth-of-type(2) {background:url('/images/winwin3_mobile/ic_footer_menu_2.png') no-repeat center 8px;background-size:36px auto;}
    footer .foot_menu ul li:nth-of-type(3) {background:url('/images/winwin3_mobile/ic_footer_menu_5.png') no-repeat center 8px;background-size:36px auto;}
    footer .foot_menu ul li:nth-of-type(4) {background:url('/images/winwin3_mobile/ic_footer_menu_4.png') no-repeat center 8px;background-size:36px auto;}
    footer .foot_menu ul li:nth-of-type(5) {background:url('/images/winwin3_mobile/ic_footer_menu_3.png') no-repeat center 8px;background-size:36px auto;}
    footer .foot_menu ul li:nth-of-type(1):hover,
    footer .foot_menu ul li:nth-of-type(1).on {background:url('/images/winwin3_mobile/ic_footer_menu_1_on.png') no-repeat center 8px;background-size:36px auto;}
    footer .foot_menu ul li:nth-of-type(2):hover,
    footer .foot_menu ul li:nth-of-type(2).on {background:url('/images/winwin3_mobile/ic_footer_menu_2_on.png') no-repeat center 8px;background-size:36px auto;}
    footer .foot_menu ul li:nth-of-type(5):hover,
    footer .foot_menu ul li:nth-of-type(5).on {background:url('/images/winwin3_mobile/ic_footer_menu_3_on.png') no-repeat center 8px;background-size:36px auto;}
    footer .foot_menu ul li:nth-of-type(4):hover,
    footer .foot_menu ul li:nth-of-type(4).on {background:url('/images/winwin3_mobile/ic_footer_menu_4_on.png') no-repeat center 8px;background-size:36px auto;}
    footer .foot_menu ul li:nth-of-type(3):hover,
    footer .foot_menu ul li:nth-of-type(3).on {background:url('/images/winwin3_mobile/ic_footer_menu_5_on.png') no-repeat center 8px;background-size:36px auto;}
    footer .foot_menu ul li:nth-of-type(3) em {display:flex;position:absolute;bottom:10px;right:15px;width:32px;height:32px;color:#000000;font-size:14px;background:#3ffeca;border-radius:50%;align-items:center;justify-content:center;}

    .pop_footer_menu {position:fixed;bottom:80px;left:50%;max-width:500px;min-width:320px;width:100%;margin:0 auto;z-index:60;transform:translateX(-50%);}
    .pop_betting_cart {position:fixed;bottom:80px;left:50%;max-width:500px;min-width:320px;width:100%;margin:0 auto;z-index:60;transform:translateX(-50%);}
    #footer_menu1 {display:none;}
    #footer_menu2 {display:none;}
    #footer_menu3 {display:none;}
    #footer_menu5 {display:none;}

    .pop_footer_menu .footer_menu1 {position:relative;width:100%;background:#9b0b30;border-radius:20px 20px 0 0;padding:25px 20px 20px 20px;}
    .pop_footer_menu .footer_menu1:after {content:'';position:absolute;top:-190px;left:0;width:100%;height:250px;background:url('/images/winwin3_mobile/bg_footer_menu_1.png') no-repeat center bottom;background-size:300px auto;z-index:-1;}
    .pop_footer_menu .footer_menu2 {position:relative;width:100%;background:#0265d1;border-radius:20px 20px 0 0;padding:25px 20px 20px 20px;}
    .pop_footer_menu .footer_menu2:after {content:'';position:absolute;top:-140px;left:0;width:100%;height:230px;background:url('/images/winwin3_mobile/bg_footer_menu_2.png') no-repeat center bottom;background-size:260px auto;z-index:-1;}
    .pop_footer_menu .footer_menu5 {position:relative;width:100%;background:#ffffff;border-radius:20px 20px 0 0;padding:35px 20px 20px 20px;}
    .pop_footer_menu .footer_menu5:after {content:'';position:absolute;top:-200px;left:0;width:100%;height:250px;background:url('/images/winwin3_mobile/bg_footer_menu_3.png') no-repeat center bottom;background-size:300px auto;z-index:-1;}

    .pop_footer_menu .money1 {border-bottom:1px solid #000000;margin:0 0 10px 0;}
    .pop_footer_menu .money1 dl {}
    .pop_footer_menu .money1 dt {color:#ffffff;font-size:14px;line-height:1;}
    .pop_footer_menu .money1 dd {text-align:right;color:#ffffff;font-size:36px;line-height:1;padding:0 0 10px 0;}
    .pop_footer_menu .money1 dd span {color:#ffd200;}
    .pop_footer_menu .money2 {}
    .pop_footer_menu .money2 dl {display:flex;width:100%;height:35px;background:#56091d;border-radius:5px;margin:0 0 5px 0;justify-content:space-between;}
    .pop_footer_menu .footer_menu2 .money2 dl {background:#053a75;}
    .pop_footer_menu .money2 dt {display:flex;height:35px;color:#ffffff;font-size:14px;padding:0 0 0 7px;align-items: center;}
    .pop_footer_menu .money2 dd {display:flex;height:35px;color:#ffffff;font-size:20px;padding:0 15px 0 0;align-items: center;}
    .pop_footer_menu .link_move {display:flex;height:30px;text-align:center;color:#ffffff;font-size:18px;margin:10px 0 0 0;align-items: center;justify-content:center;}
    .pop_footer_menu .footer_menu5 span {display:block;color:#000000;font-size:24px;line-height:1.3;margin:0 0 20px 0;}
    .pop_footer_menu .footer_menu5 .search {position:relative;width:100%;height:40px;background:#f2f2f2;padding:0 40px 0 15px;border-radius:20px;}
    .pop_footer_menu .footer_menu5 .search input[type="text"] {width:70%;height:40px;color:#b5b5b5;font-size:12px;}
    .pop_footer_menu .footer_menu5 .search select {width:20%;height:40px;background:#f2f2f2;color:#b5b5b5;font-size:12px;}
    .pop_footer_menu .footer_menu5 .search button {position:absolute;top:2px;right:2px;width:36px;height:36px;background:url('/images/winwin3_mobile/ic_search_01.png') no-repeat center center;background-size:36px auto;}

    .pop_betting_cart .betting_cart1 {width:100%;background:#000000;}
    .betting_cart1 .cart_title {display:flex;height:60px;background:#323150;border:1px solid #50506c;justify-content:center;align-items:center;}
    .betting_cart1 .cart_title img {max-width:280px;width:85%;}
    .betting_cart1 .game_type {display:flex;background:#000000;padding:15px 30px;align-items:center;justify-content:space-between;}
    .betting_cart1 .game_type .game_name {display:flex;flex-direction:column;align-items: flex-start;justify-content: center;}
    .betting_cart1 .game_type .game_name span {color:#ffffff;font-size:14px;line-height:1.5;}
    .betting_cart1 .game_type .game_name strong {color:#a3a3a3;font-size:24px;line-height:1;}
    .betting_cart1 .game_type .game_betting {display:flex;width:100px;height:70px;background:url('/images/winwin3_mobile/mini/bg_mini_game_1.png') no-repeat center center;background-size:100% auto;flex-direction: column;align-items: center;justify-content: center;}
    .betting_cart1 .game_type .game_betting strong {color:#ffffff;font-size:17px;line-height:1;}
    .betting_cart1 .game_type .game_betting span {color:#ffffff;font-size:14px;margin:5px 0 0 0;}
    .betting_cart1 .game_sel {height:120px;overflow:hidden;overflow-y:scroll;}
    .betting_cart1 .game_sel::-webkit-scrollbar {width:6px;height:6px;}
    .betting_cart1 .game_sel::-webkit-scrollbar-thumb {background:#f92552;border-radius:3px;}
    .betting_cart1 .game_sel::-webkit-scrollbar-track {background:#ffffff;border-radius:3px;}
    .betting_cart1 .game_sel dl {}
    .betting_cart1 .game_sel dt {position:relative;display:flex;height:34px;background:#3ffeca;padding:0 10px;align-items:center;justify-content:space-between;}
    .betting_cart1 .game_sel dt strong {color:#000000;font-size:16px;}
    .betting_cart1 .game_sel dt span {position:relative;width:20px;height:20px;background:#111111;border-radius:2px;text-align:center;line-height:20px;}
    .betting_cart1 .game_sel dt span:after {display:none;content:'';position:absolute;top:40%;left:50%;width:8px;height:4px;border-top:2px solid #f4ad15;border-right:2px solid #f4ad15;transform:translate(-50%,-50%) rotate(135deg);}
    .betting_cart1 .game_sel dt.on span:after {display:block;}
    .betting_cart1 .game_sel dt strong i {margin:5px 5px 0 0;}
    .betting_cart1 .game_sel dt strong i img {width:20px;}
    .betting_cart1 .game_sel dd {display:flex;height:34px;color:#9c9c9c;font-size:16px;background:#282740;padding:0 15px;align-items:center;}
    .betting_cart1 .betting_money {display:flex;height:46px;background:#000000;padding:0 15px;border:1px solid #41405c;justify-content: space-between;align-items: center;}
    .betting_cart1 .betting_money .ti {display:flex;width:100px;color:#a3a3a3;font-size:14px;align-items:center;}
    .betting_cart1 .betting_money .ti i {margin:0 5px 0 0;}
    .betting_cart1 .betting_money .ti i img {width:26px;}
    .betting_cart1 .betting_money .input {display:flex;width:calc(100% - 100px);color:#3ffeca;font-size:24px;justify-content: flex-end;align-items: center;}
    .betting_cart1 .betting_money .input input {width:90%;height:34px;text-align:right;color:#3ffeca;font-size:24px;line-height:1;margin:0 5px 0 0;}
    .betting_cart1 .betting_info {margin:0;border-bottom:4px solid #f92552;}
    .betting_cart1 .betting_info ul {border:1px solid #454462;}
    .betting_cart1 .betting_info li {display:flex;height:34px;background:#282740;border-bottom:1px solid #454462;padding:0 5%;justify-content: space-between;align-items: center;}
    .betting_cart1 .betting_info span {color:#a8a8ae;font-size:14px;}
    .betting_cart1 .betting_info strong {color:#3ffeca;font-size:14px;}
    .betting_cart1 .betting_info strong.tx {color:#ffffff;}
    .betting_cart1 .betting_info strong em {color:#3ffeca;font-size:14px;padding:0 0 0 5px;}
    .betting_cart1 .bet_btns {display:flex;flex-wrap: wrap;justify-content: center;}
    .betting_cart1 .bet_btns button {width:100%;height:40px;color:#ffffff;font-size:20px;background:#323150;border:1px solid #454462;}
    .betting_cart1 .bet_btns button:hover,
    .betting_cart1 .bet_btns button.on {background:#323150;}
    .betting_cart1 .bet_btns.col2 button {width:calc(100% / 2);}
    .betting_cart1 .bet_btns.col3 button {width:calc(100% / 3);}

    .pop_betting_cart .cart_box {width:100%;background:#ffffff;padding:10px;}
    .pop_betting_cart .cart_box dt , .pop_betting_cart .cart_box dd , .pop_betting_cart .cart_box li , .pop_betting_cart .cart_box em , .pop_betting_cart .cart_box button{color:#000000;}
    .cart_box .close {display:flex;position:absolute;top:25px;right:5%;width:20px;height:20px;z-index:10;align-items:center;justify-content:center;}
    .cart_box .btn_cart {display:flex;position:relative;width:100%;height:50px;color:#ffffff;font-size:12px;background:#506df5;padding:0 20px;align-items:center;}
    .cart_box .btn_cart span {height:24px;color:#ffffff;font-size:12px;line-height:24px;background:#ffab00;padding:0 10px;margin:0 10px 0 0;border-radius:12px;}
    .cart_box .cart_conts {height:360px;background:#dbdbdc;padding:15px 10px;overflow:hidden;overflow-y:scroll;}
    .cart_box .cart_conts::-webkit-scrollbar {width:0;height:0;}
    .cart_box .cart_conts .iscroll {height:150px;padding:0 8px 0 0;margin:0 0 15px 0;overflow:hidden;overflow-y:scroll;}
    .cart_box .cart_conts .iscroll::-webkit-scrollbar {width:6px;height:6px;}
    .cart_box .cart_conts .iscroll::-webkit-scrollbar-thumb {background:#0265d1;border-radius:3px;}
    .cart_box .cart_conts .iscroll::-webkit-scrollbar-track {background:#ffffff;border-radius:3px;}
    .cart_box .cart_info {padding:0 0 7px 0;margin:0 0 10px 0;border-bottom:1px solid #ffffff;}
    .cart_box .cart_info dl {display:flex;height:30px;background:#ffffff;border-radius:15px;padding:0 30px;margin:0 0 3px 0;justify-content:space-between;align-items:center;}
    .cart_box .cart_info dt {}
    .cart_box .cart_info dd {}
    .cart_box .cart_info dd em {margin:0 0 0 5px;}
    .cart_box .cart_info dd input {width:120px;height:24px;text-align:right;background:#e3e3e3;padding:0 10px;margin:0 -10px 0 0;border-radius:4px;color:#000000;}
    .cart_box .bet_btns {display:flex;margin:0 0 7px 0;flex-wrap:wrap;}
    .cart_box .bet_btns button {width:calc(50% - 6px);height:30px;background:#ffffff;border-radius:15px;margin:0 3px 3px 3px;}
    .cart_box .games {position:relative;background:#ffffff;border-radius:5px;padding:10px 10px 10px 30px;margin:0 0 10px 0;}
    .cart_box .games:last-child {margin:2px;;}
    .cart_box .games dl {width:100%;}
    .cart_box .games dt {position:relative;display:flex;padding:7px;border-bottom:1px solid #e3e3e3;align-items:center;}
    .cart_box .games dt strong {margin:0 10px 0 0;font-weight:500;}
    .cart_box .games dt em {position:absolute;top:5px;right:5px;color:#e40000;font-size:12px;}
    .cart_box .games dd {position:relative;display:flex;padding:7px;align-items:center;justify-content:space-between;}
    .cart_box .games dd strong {width:50%;font-weight:500;}
    .cart_box .games dd.case2 strong {width:100%;padding:0 20px 0 0;font-weight:500;}
    .cart_box .games dd span {display:inline-block;width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .cart_box .games dd em {position:absolute;bottom:5px;right:5px;color:#e40000;font-size:12px;}
    .cart_box .games dd ul {display:flex;width:50%;}
    .cart_box .games dd ul li {}
    .cart_box .games dd ul li:nth-of-type(1) {width:43%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .cart_box .games dd ul li:nth-of-type(2) {width:14%;}
    .cart_box .games dd ul li:nth-of-type(3) {width:43%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .cart_box .games i {position:absolute;top:50%;left:2%;transform:translateY(-50%);}
    .cart_box .btn_carts {display:flex;justify-content:space-between;}
    .cart_box .btn_carts button {width:49%;height:50px;color:#ffffff;background:#0265d1;border-radius:25px;}

    /*** 로그?�� ***/
    .login_box {position:absolute;top:3%;left:50%;width:86%;z-index:300;overflow:hidden;transform:translateX(-50%);}
    .login_box .bg_logbox {width:100%;}
    .login_box .cont {display:flex;position:absolute;top:0;width:100%;height:100%;padding:0 0 16% 0;flex-direction:column;justify-content:flex-end;}
    .login_box .cont.case1 {padding:0 0 3% 0;}
    .login_box .log_txt {position:absolute;top:38%;width:100%;text-align:center;color:#ffffff;font-size:18px;}
    .login_box .log_form {display:flex;width:90%;margin:0 auto 10% auto;flex-direction:column;}
    .login_box .log_form dl {display:flex;border-bottom:1px solid #e3e3e3;margin:0 0 4% 0;}
    .login_box .log_form dt {display:flex;width:30%;height:40px;color:#ffffff;font-size:16px;padding:0 0 0 3%;align-items: center;}
    .login_box .log_form dd {display:flex;width:70%;height:40px;padding:0 3%;align-items:center;}
    .login_box .log_form dd input {width:100%;height:100%;color:#ffffff;font-size:14px;padding:0 2%;}
    .login_box .btns {display:flex;width:90%;margin:0 auto;z-index:10;justify-content:space-between;align-items: center;}
    .login_box .btns button {display:flex;width:48%;height:50px;color:#ffffff;font-size:18px;letter-spacing:-1px;background:rgba(182,9,156,0.7);border:3px solid #ff0bf6;border-radius:25px;align-items: center;justify-content: center;}
    .login_box .btns button:hover,
    .login_box .btns button.on {color:#ff0bf6;background:rgba(136,137,152,0.7);}

    .login_box .my_cash {width:90%;margin:0 auto;}
    .login_box .my_cash ul {}
    .login_box .my_cash li {position:relative;display:flex;height:50px;background:rgba(50,49,80,0.6);border:1px solid #42415f;padding:0 5% 1% 0;margin:0 0 5% 0;border-radius:25px;flex-direction: column;align-items: flex-end;justify-content: center;}
    .login_box .my_cash ul span {color:#3ffeca;font-size:13px;margin:0 0 1% 0;}
    .login_box .my_cash ul strong {color:#ffffff;font-size:18px;}
    .login_box .my_cash li i {display:block;position:absolute;top:0;left:0;width:65px;height:50px;}
    .login_box .my_cash li i img {width:100%;}

    .login_box .my_info {display:flex;width:90%;margin:0 auto;flex-wrap: wrap;}
    .login_box .my_info li {display:flex;width:calc(100% / 3);margin:0 0 3% 0;justify-content: center;}
    .login_box .my_info li a {display:flex;width:90%;height:50px;background:#275fc0;border:3px solid #3ffeca;border-radius:25px;padding:0 10%;align-items:center;justify-content:space-between;}
    .login_box .my_info li a span {color:#ffffff;font-size:14px;}
    .login_box .my_info li a strong {color:#ffffff;font-size:14px;}
    .login_box .my_info li a:hover,
    .login_box .my_info li a.on {background:#000000;border:3px solid #3ffeca;}
    .login_box .my_info li a:hover span,
    .login_box .my_info li a.on span{color:#3ffeca;font-size:14px;}
    .login_box .my_info li a:hover strong,
    .login_box .my_info li a.on strong{color:#3ffeca;font-size:14px;}

    /*** 로그?�� ?��규추�? : 2022-11-25 ***/
    .login_popup {
        position: absolute;
        top: 10%;
        left: 50%;
        z-index: 300;
        width:100%;

        max-width:480px;
        height:428px;
        /*margin-left:-212px;*/
        background:url('/images/1bet1/header/login_popup_bg.png') no-repeat;
        background-size:100% 100%;
        display:none;
        transform : translate(-50%, -50%);
    }

    .login_popup .login_popup_box {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .login_popup .login_popup_close {
        position: absolute;
        top: 13px;
        right: 17px;
        width: 29px;
        height:29px;
        background:url('/images/1bet1/header/login_close_off.png') no-repeat;
        cursor: pointer;

    }

    .login_popup .login_popup_close:active ,
    .login_popup .login_popup_close:hover {
        background:url('/images/1bet1/header/login_close_on.png') no-repeat;
    }

    .login_popup .login_popup_logo {
        width: 189px;
        height: 74px;
        margin: 0 auto;
        padding-top: 30px;
    }

    .login_popup .login_popup_input_box {
        padding:55px 30px 0px 30px;
    }

    .login_popup .login_popup_input_box strong {
        display:inline-block;
        width:100px;
    }

    .login_popup .login_popup_input_box input {
        width : calc(100% - 105px);
        height : 55px;
        background-color:rgba(49,49,49,0.7);
        color:#ffffff;
        margin-bottom:10px;
        border-radius:10px;
        padding:0 35px;
    }

    .login_popup .login_popup_btn_box {
        padding: 15px 30px 30px 30px;
    }

    .login_popup .login_popup_btn_box button {
        display:block;
        margin-left:100px;
        width : calc(100% - 105px);
        height:60px;
        background:#11141d;
        border:1px solid #303540;
        margin-bottom:5px;
        border-radius:10px;
        color:#ffffff;
        font-weight:600;

    }

    .login_popup .login_popup_btn_box button:hover ,
    .login_popup .login_popup_btn_box button:active {
        background:#29324b;
        border:1px solid #43435f;
        color:#ef7c00;
    }


    #container {
        min-height:100vh;
        padding:0px;
        background: #030507;
        overflow-x: hidden;
    }
    #wrap.light #container{
        background: #f9f9f9;
    }
    .top_notice {position:relative;height:36px;background:#275fc0;}
    .top_notice img {height:36px;}
    .top_notice .before {position:absolute;top:0;left:0;}
    .top_notice .after {position:absolute;top:0;right:0;}
    .top_notice marquee {display:flex;height:100%;color:#ffffff;font-size:13px;margin:0 60px 0 140px;align-items: center;}

    /*** 메인 ***/


    .main .logbox {display:flex;background:#5a6b84;border-radius:10px;padding:1%;margin:0 0 2% 0;}
    .main .logbox .lt {display:flex;width:50%;border-right:2px solid #2c3748;padding:3% 4%;flex-direction:column;}
    .main .logbox .rt {display:flex;width:50%;border-left:2px solid #8fa1bb;padding:3% 4%;flex-direction:column;}
    .main .logbox .ti {height:24px;text-align:right;color:#ffffff;font-size:16px;font-weight:600;line-height:24px;background:url('/images/winwin3_mobile/main/ic_logbox1.png') no-repeat left 2px;background-size:28px auto;margin:0 0 3% 0;}
    .main .logbox .point {height:24px;text-align:right;color:#3ffeca;font-size:16px;font-weight:600;margin:0 0 3% 0;}
    .main .logbox i {display:flex;height:70px;margin:0 0 2% 0;justify-content:center;align-items:center;}
    .main .logbox i img {}
    .main .logbox .btn {display:flex;justify-content:center;align-items:center;}
    .main .logbox .btn button {width:100%;height:30px;color:#ffffff;font-size:16px;font-weight:500;background:#323150;border-radius:15px;}
    .main .logbox .btn button:hover,
    .main .logbox .btn button.on {background:#f92552;}
    .main .logbox .btn.col2 button {width:48%;margin:0 1%;}

    .main_slide1 {margin:0 0 2% 0;}
    .main_slide1 .swiper-slide {display:flex;justify-content:center;align-items:flex-start;}
    .main_slide1 .swiper-slide img {width:96%;}

    .main_slide2 {margin:5% 0 12% 0;}
    .main_slide2 .swiper-slide {display:flex;width:200px !important;justify-content:center;align-items:flex-start;}
    .main_slide2 .swiper-slide img {width:190px;}

    .main_live {width:calc(100% - 30px);margin:5% auto 5% auto;}
    .main_live .tit {position:relative;text-align:center;color:#404261;font-size:12px;line-height:1;letter-spacing:-1px;margin:0 0 30px 0;}
    .main_live .tit span {display:block;color:#275fc0;font-size:18px;font-weight:600;margin:0 0 5px 0;}
    .main_live .tit strong {display:block;color:#404261;font-size:32px;font-weight:600;margin:0 0 5px 0;}
    .main_live .tab_menu {display:flex;margin:0 auto 30px auto;justify-content:center;align-items:center;}
    .main_live .tab_menu strong {display:block;width:25%;height:44px;background:#d4deff;padding:1px;border-radius:5px;border:1px solid #9db7dd;margin:0 5px;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0,0.2);}
    .main_live .tab_menu strong span {display:flex;width:100%;height:100%;color:#404261;font-size:14px;font-weight:500;background:#e9effd;border:2px solid #f9fbfe;border-radius:5px;align-items: center;justify-content: center;}
    .main_live .tab_menu strong:hover span,
    .main_live .tab_menu strong.on span {color:#ffffff;background:#275fc0;border:2px solid #c9d7ef;}
    .main_live .main_live_cont {display:none;}
    .main_live .main_live_cont.active {display:block;}
    .main_live .main_live_cont.active .box1 {background: #286c1f;}
    /*.main_live .main_live_cont .box1 , .no_live_box {background:#e9effd;border:1px solid #d4deff;border-radius:5px;padding:10px;margin:0 0 10px 0;box-shadow:0 0 5px rgba(0,0,0,0.3);}*/
    main_live .main_live_cont .box1, .no_live_box {
        background: #286c1f;
        border: 1px solid #202842;
        border-radius: 5px;
        padding: 10px;
        margin: 0 0 10px 0;
        box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    }
    .main_live .main_live_cont .box1 .m_live_area {margin:0 0 10px 0;}
    .main_live .main_live_cont .box1 .m_bettings {display:flex;justify-content: center;}
    .main_live .main_live_cont .box1 .vs_box {display:flex;align-items: center;justify-content:center;}
    .main_live .main_live_cont .box1 .vs_box span {width:40px;height:40px;background:#ffffff;border:2px solid #ced7ef;border-radius:20px;}
    /*.main_live .main_live_cont .box1 .vs_box strong {color:#000000;font-size:20px;font-weight:500;margin:0 5px;}*/
    .main_live .main_live_cont .box1 .vs_box strong {
        color: #ffffff;
        font-size: 20px;
        font-weight: 500;
        margin: 0 5px;
    }
    .main_live .main_live_cont .box1 .betting_box {display:flex;max-width:290px;flex-wrap: wrap;justify-content:center;}
    .main_live .main_live_cont .box1 .betting_box .bet_col {padding:0 5px;margin:0 0 15px 0;}
    .main_live .main_live_cont .box1 .betting_box .bet_col .ti {position:relative;text-align:center;margin:0 0 10px 0;}
    .main_live .main_live_cont .box1 .betting_box .bet_col .ti:before {content:'';position:absolute;top:50%;left:3px;width:100%;height:6px;background:#679fea;border-radius:3px;z-index:0;transform:translateY(-50%);}
    /*.main_live .main_live_cont .box1 .betting_box .bet_col .ti span {position:relative;display:inline-block;color:#679fea;font-size:15px;background:#e9effd;padding:0 10px;z-index:1;}*/
    .main_live .main_live_cont .box1 .betting_box .bet_col .ti span {
        position: relative;
        display: inline-block;
        color: #ffffff;
        font-size: 15px;
        background: #286c1f;
        padding: 0 10px;
        z-index: 1;
    }
    .main_live .main_live_cont .box1 .betting_box .bet_col .ti span:before {content:'';position:absolute;top:50%;left:-3px;width:6px;height:6px;background:#679fea;border-radius:3px;z-index:0;transform:translateY(-50%);}
    .main_live .main_live_cont .box1 .betting_box .bet_col .ti span:after {content:'';position:absolute;top:50%;right:-3px;width:6px;height:6px;background:#679fea;border-radius:3px;z-index:0;transform:translateY(-50%);}
    .main_live .main_live_cont .box1 .betting_box .bet_col ul {display:flex;}
    .main_live .main_live_cont .box1 .betting_box .bet_col li {width:55px;height:55px;background:#d4deff;border:1px solid #d0d9ef;padding:1px;border-radius:5px;margin:0 2px;}
    /*.main_live .main_live_cont .box1 .betting_box .bet_col li span {display:flex;width:100%;height:100%;color:#679fea;font-size:12px;background:#d9e1f5;border:2px solid #f5f7fc;border-radius:5px;flex-direction: column;align-items: center;justify-content: center;}*/
    .main_live .main_live_cont .box1 .betting_box .bet_col li span {
        display: flex;
        width: 100%;
        height: 100%;
        color: #ffffff;
        font-size: 12px;
        background: #1c3c1a;
        border: 2px solid #f5f7fc;
        border-radius: 5px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align:center;
    }

    /*.main_live .main_live_cont .box1 .betting_box .bet_col li span em {color:#3e3e3e;font-size:12px;margin:10px 0 0 0;}*/
    .main_live .main_live_cont .box1 .betting_box .bet_col li span em {
        color: #ffeb3b;
        font-size: 12px;
        margin: 5px 0 0 0;
    }
    .main_live .main_live_cont .box1 .betting_box .bet_col li.on {background:#d4deff;border:1px solid #bac5e1;}
    .main_live .main_live_cont .box1 .betting_box .bet_col li.on span {color:#ffffff;font-size:12px;background:#275fc0;border:2px solid #c9d7ef;}
    .main_live .main_live_cont .box1 .betting_box .bet_col li.on span em {color:#ffffff;}
    .main_live .main_live_cont .box1 .btn_box {width:100%;}
    /*.main_live .main_live_cont .box1 .btn_box button {width:100%;height:75px;background:#d4deff;border:1px solid #d0d9ef;padding:1px;border-radius:5px;}*/
    .main_live .main_live_cont .box1 .btn_box button {
        width: 100%;
        height: 75px;
        background: #2a8219;
        border: 1px solid #31ff00;
        padding: 1px;
        border-radius: 5px;
    }
    /*.main_live .main_live_cont .box1 .btn_box button span {display:flex;width:100%;height:100%;color:#000000;font-size:20px;background:#d9e1f5;border:2px solid #f5f7fc;border-radius:5px;flex-direction: column;align-items: center;justify-content: center;}*/
    .main_live .main_live_cont .box1 .btn_box button span {
        display: flex;
        width: 100%;
        height: 100%;
        color: #ffffff;
        font-size: 20px;
        background: #399d2b;
        border: 2px solid #3c9d2f;
        border-radius: 5px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .main_live .main_live_cont .box1 .btn_box button:focus,
    .main_live .main_live_cont .box1 .btn_box button.on {background:#d4deff;border:1px solid #bac5e1;}
    .main_live .main_live_cont .box1 .btn_box button:focus span,
    .main_live .main_live_cont .box1 .btn_box button.on span {color:#ffffff;background:#275fc0;border:2px solid #c9d7ef;}
    .main_live .main_live_cont .box2 {background:#fcfdfe;border:2px solid #1a560a;border-radius:4px;padding:0px;}
    .main_live .main_live_cont .box2 .main_live_info {position:relative;background:#183d13;padding:0 8px 13px 8px;}
    .main_live .main_live_cont .active .box2 {border:4px solid #31ff00;margin-top:10px;}
    /*.main_live .main_live_cont .box2 .main_live_info .stats_area {
    position:absolute;display:flex;top:-5px;left:50%;width:220px;height:30px;background:url('/images/winwin3_mobile/main/bg_stats_area_1.png') no-repeat center top;background-size:100% auto;transform:translateX(-50%);
    justify-content:center;align-items:center;
  }*/
    .main_live .main_live_cont .box2 .main_live_info .stats_area {
        position:absolute;display:flex;top:0px;left:50%;width:100%;height:30px;background:#2a8219 no-repeat center top;background-size:100% auto;transform:translateX(-50%);
        justify-content:center;align-items:center;
    }
    .main_live .main_live_cont .box2 .main_live_info .stats_area span {color:#ffffff;font-size:12px;}
    .main_live .main_live_cont .box2 .main_live_info .info1 {padding:25px 0 0 0;margin:0 0 20px 0;}
    .main_live .main_live_cont .box2 .main_live_info .info1 ul {display:flex;align-items:flex-end;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(1) {display:flex;width:20%;flex-direction:column;align-items:flex-start;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(2) {display:flex;width:60%;flex-direction:column;align-items:center;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(3) {display:flex;width:20%;flex-direction:column;align-items:flex-end;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(1) i {display:flex;width:30px;text-align:center;margin:10px 0 0 0;align-items:center;justify-content:center;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(1) i img {width:30px;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(2) .time_date {color:#ffffff;font-size:14px;padding:10px 0;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(2) .score {display:flex;align-items: center;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(2) .score .lt {display:flex;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(2) .score .lt span {width:36px;height:36px;background:#ffffff;border:2px solid #d1dcfc;border-radius:18px;margin:0 10px;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(2) .score .lt strong {color:#ffffff;font-size:36px;font-weight:600;line-height:1;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(2) .score .vs {display:flex;color:#ffffff;font-size:14px;padding:0 15px;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(2) .score .rt {display:flex;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(2) .score .rt span {width:36px;height:36px;background:#ffffff;border:2px solid #d1dcfc;border-radius:18px;margin:0 10px;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(2) .score .rt strong {color:#ffffff;font-size:36px;font-weight:600;line-height:1;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(3) div {
        position:relative;display:flex;width:60px;height:75px;background:#275fc0;border:1px solid #c2cce7;border-radius:4px;
        flex-direction: column;align-items: center;justify-content: center;
    }
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(3) div:after {content:'';position:absolute;inset:0;border:3px solid #c9d7ef;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(3) div.case1 {
        background:#f92552;border:1px solid #c2cce7;
    }
    .sports_game_list7 .box .info1 li:nth-of-type(3) div.case1:after {border:4px solid #fdc8d4;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(3) div strong {color:#ffffff;font-size:12px;margin:0 0 5px 0;}
    .main_live .main_live_cont .box2 .main_live_info .info1 li:nth-of-type(3) div span {text-align:center;color:#ffffff;font-size:11px;}
    .main_live .main_live_cont .box2 .main_live_info .info2 {}
    .main_live .main_live_cont .box2 .main_live_info .info2 ul {display:flex;align-items:flex-end;}
    .main_live .main_live_cont .box2 .main_live_info .info2 li:nth-of-type(1) {display:flex;width:40%;}
    .main_live .main_live_cont .box2 .main_live_info .info2 li:nth-of-type(2) {display:flex;width:20%;justify-content:center;}
    .main_live .main_live_cont .box2 .main_live_info .info2 li:nth-of-type(3) {display:flex;width:40%;justify-content:flex-end;}
    /*.main_live .main_live_cont .box2 .main_live_info .info2 dl {position:relative;display:flex;width:94%;background:#e9effd;border:2px solid #d4deff;border-radius:4px;justify-content:space-between;}*/
    .main_live .main_live_cont .box2 .main_live_info .info2 dl {
        position: relative;
        display: flex;
        width: 94%;
        background: #366a2f;
        border: 2px solid #51a746;
        border-radius: 4px;
        justify-content: space-between;
    }

    .main_live .main_live_cont .box2 .main_live_info .info2 dl:after {content:'';position:absolute;inset:0;border:2px solid #8bc34a;border-radius:4px;}
    .main_live .main_live_cont .box2 .main_live_info .info2 dt {display:flex;height:44px;color:#ffffff;font-size:11px;padding:0 10px 0 5px;align-items:center;justify-content:flex-start;}
    .main_live .main_live_cont .box2 .main_live_info .info2 dd {display:flex;height:44px;color:#ffeb3b;font-size:11px;padding:0 5px 0 0;align-items:center;justify-content:flex-end;}
    .main_live .main_live_cont .box2 .main_live_info .info2 li:nth-of-type(3) dt {text-align:right;align-items:center;justify-content:flex-end;padding:0 5px 0 10px;}
    .main_live .main_live_cont .box2 .main_live_info .info2 li:nth-of-type(3) dd {align-items:center;justify-content:flex-start;padding:0 0 0 5px;}
    /*.main_live .main_live_cont .box2 .main_live_info .info2 span {position:relative;display:flex;width:92%;background:#e9effd;border:2px solid #d4deff;border-radius:4px;justify-content:center;}*/
    .main_live .main_live_cont .box2 .main_live_info .info2 span {
        position: relative;
        display: flex;
        width: 92%;
        background: #366a2f;
        border: 2px solid #60e14f;
        border-radius: 4px;
        justify-content: center;
    }
    .main_live .main_live_cont .box2 .main_live_info .info2 span:after {content:'';position:absolute;inset:0;border:2px solid #f9fbfe;border-radius:4px;}
    .main_live .main_live_cont .box2 .main_live_info .info2 em {display:flex;height:44px;color:#ffffff;font-size:11px;justify-content:center;align-items:center;}

    .main_title {position:relative;padding:0 5%;margin:0 0 5% 0;}
    .main_title strong {display:block;color:#000000;font-size:24px;font-weight:500;line-height:1;text-transform:uppercase;margin:0 0 1% 0;}
    .main_title span {display:block;color:#000000;font-size:20px;line-height:1;}
    .main_title a {display:block;position:absolute;top:1%;right:5%;}
    .main_title a img {width:40px;}

    .main_ad {padding:20px;}
    .main_ad li {margin-bottom:20px;}
    .main_ad li img {width:100%;}

    .main_links {padding:0 2%;}
    .main_links li {margin:0 0 1% 0;}
    .main_links li a {display:flex;width:100%;height:50px;background:#d4deff;border-radius:5px;padding:1px;}
    .main_links li a span {display:flex;width:100%;height:100%;color:#000000;font-size:10px;line-height:1.3;background-color:#e1e9fc;border:3px solid #f7f9fe;border-radius:5px;padding:0 0 0 18%;flex-direction: column;justify-content: center;align-items: flex-start;}
    .main_links li a span strong {color:#000000;font-size:16px;font-weight:500;}
    .main_links li:nth-of-type(1) a span {background-image:url('/images/winwin3_mobile/main/ic_main_link1.png');background-repeat:no-repeat;background-position:6% center;background-size:22px auto;}
    .main_links li:nth-of-type(2) a span {background-image:url('/images/winwin3_mobile/main/ic_main_link2.png');background-repeat:no-repeat;background-position:6% center;background-size:28px auto;}
    .main_links li:nth-of-type(3) a span {background-image:url('/images/winwin3_mobile/main/ic_main_link3.png');background-repeat:no-repeat;background-position:5% center;background-size:32px auto;}
    .main_links li:nth-of-type(4) a span {background-image:url('/images/winwin3_mobile/main/ic_main_link4.png');background-repeat:no-repeat;background-position:5% center;background-size:32px auto;}

    .main_casino_list {padding:0 2%;margin:0 0 10% 0;}
    .main_casino_list ul {display:flex;flex-wrap:wrap;}
    .main_casino_list ul li {width:50%;margin:0 0 5% 0;}
    .main_casino_list .box {position:relative;display:flex;width:96%;margin:0 auto;}
    .main_casino_list .box img {width:100%;}
    .main_casino_list .box .img {position:absolute;top:5%;right:0;width:90%;transition:400ms all;}
    .main_casino_list .box .img img {width:100%;}
    .main_casino_list .box .info1 {display:flex;position:absolute;bottom:0;width:100%;height:50px;background:rgba(0,0,0,0.3);padding:0 5%;justify-content: space-between;align-items: center;}
    .main_casino_list .box .info1 .info_box {display:flex;height:50px;flex-direction:column;justify-content: center;}
    .main_casino_list .box .info1 .info_box span {color:#c1c1c1;font-size:8px;text-transform:uppercase;letter-spacing:-1px;margin:0 0 3px 0;}
    .main_casino_list .box .info1 .info_box strong {color:#c1c1c1;font-size:14px;}
    .main_casino_list .box .info1 i {display:flex;height:50px;flex-direction: column;align-items: center;justify-content: center;}
    .main_casino_list .box .info1 i img {width:34px;}
    .main_casino_list .box .info2 {display:none;position:absolute;bottom:0;width:100%;height:50px;background:#f92552;padding:0 5%;border-radius:3px;justify-content: space-between;align-items: center;}
    .main_casino_list .box .info2 .info_box {display:flex;height:50px;flex-direction:column;justify-content: center;}
    .main_casino_list .box .info2 .info_box span {display:flex;color:#ffffff;font-size:8px;text-transform:uppercase;letter-spacing:-1px;margin:0 0 3px 0;align-items: center;}
    .main_casino_list .box .info2 .info_box span i {width:16px;height:auto;margin:0 5px 0 0;}
    .main_casino_list .box .info2 .info_box span i img {width:100%;}
    .main_casino_list .box .info2 .info_box strong {color:#ffffff;font-size:16px;padding:0 0 0 20px;}
    .main_casino_list .box .info2 i {display:flex;height:50px;flex-direction: column;align-items: center;justify-content: center;}
    .main_casino_list .box .info2 i img {width:34px;}
    .main_casino_list .box .info3 {display:flex;position:absolute;bottom:0;width:100%;height:50px;background:#000000;padding:0 5%;border-radius:3px;justify-content: space-between;align-items: center;}
    .main_casino_list .box .info3 .info_box {display:flex;height:50px;flex-direction:column;justify-content: center;margin:0 0 3px 0;}
    .main_casino_list .box .info3 .info_box span {display:flex;color:#ffffff;font-size:8px;text-transform:uppercase;letter-spacing:-1px;align-items: center;}
    .main_casino_list .box .info3 .info_box span i {width:16px;height:auto;margin:0 5px 0 0;}
    .main_casino_list .box .info3 .info_box span i img {width:100%;}
    .main_casino_list .box .info3 .info_box strong {color:#f92552;font-size:16px;padding:0 0 0 20px;}
    .main_casino_list .box .system {display:flex;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);justify-content:center;flex-direction: column;align-items: center;}
    .main_casino_list .box .system i {margin:0 0 5% 0;}
    .main_casino_list .box .system i img {width:100px;}
    .main_casino_list .box .system strong {color:#ffea00;font-size:14px;margin:0 0 5% 0;}
    .main_casino_list .box .system span {text-align:center;color:#ffffff;font-size:12px;}
    .main_casino_list .box:hover .img {top:-15%;}
    .main_casino_list .box:hover .info1 {display:none;}
    .main_casino_list .box:hover .info2 {display:flex;}

    /*** ?���? ?��?���? ***/

    /** ?��메뉴 **/
    .tap_menu {width:calc(100% - 20px);padding:0 0 15px 0;margin:5% auto 0 auto;}
    .tap_menu ul {display:flex;}
    .tap_menu li {display:flex;width:calc(100% / 3);padding:0 5px;justify-content: center;}
    .tap_menu.col2 li {width:calc(100% / 2);}
    .tap_menu a {position:relative;display:flex;width:100%;height:50px;color:#275fc0;font-size:20px;background:#e5e5e5;border-radius:25px;border:2px solid #275fc0;box-shadow:2px 2px 5px rgba(0,0,0,0.4);align-items:center;justify-content:center;}
    .tap_menu a:hover,
    .tap_menu a.on {color:#ffffff;background:#0265d1;}
    .tap_menu a:hover:after,
    .tap_menu a.on:after {display:block;}

    .tap_menu2 {width:calc(100% - 10px);padding:0 0 20px 0;margin:0 auto 15px auto;overflow:hidden;overflow-x:scroll;}
    .tap_menu2::-webkit-scrollbar {width:0px;height:0px;}
    .tap_menu2 ul {display:inline-flex;   margin-top: 22px;}
    .tap_menu2 li {margin:0 15px 0 15px;}
    .tap_menu2 a {display:block;color:#333333;font-size:16px;padding:0 0 10px 0;white-space:nowrap;}
    .tap_menu2 a:hover,
    .tap_menu2 a.on {border-bottom:2px solid #000000;}

    .tap_menu3 {width:calc(100% - 30px);padding:3% 0 3% 0;margin:0 auto;overflow:hidden;overflow-x:scroll;}
    .tap_menu3::-webkit-scrollbar {width:0px;height:0px;}
    .tap_menu3 ul {display:inline-flex;}
    .tap_menu3 li {width:160px;}
    .tap_menu3.col2 li {}
    .tap_menu3 li a {display:flex;justify-content:center;}
    .tap_menu3 li img {width:90%;}

    .tap_menu4 {display:flex;width:100%;margin:0 auto 6% auto;justify-content: center;}
    .tap_menu4 a {display:flex;width:60px;height:52px;background:#ffffff;border:1px solid #b3b3b3;border-radius:3px;margin:0 1%;flex-direction: column;align-items: center;justify-content: center;}
    .tap_menu4 a i {width:30px;margin:0 0 2px 0;}
    .tap_menu4 a i img {width:100%;}
    .tap_menu4 a span {display:flex;color:#000;font-size:11px;align-items: center;}
    .tap_menu4 a:hover,
    .tap_menu4 a.on {background:#275fc0;}
    /*.tap_menu4 a:hover span,
  .tap_menu4 a.on span {color:#ababab;font-size:11px;}*/
    .tap_menu4 a:hover span,
    .tap_menu4 a.on span {color:#ffffff;font-size:11px;}
    .tap_menu4 a em {width:8px;height:6px;margin:0 0 0 3px;}
    .tap_menu4 a.up em {background:url('/images/winwin3_mobile/slot/ic_up.png') no-repeat center bottom;background-size:100% auto;}
    .tap_menu4 a.down em {background:url('/images/winwin3_mobile/slot/ic_down.png') no-repeat center bottom;background-size:100% auto;}

    .tap_menu5 {width:calc(100% - 20px);padding:3% 0 3% 0;margin:0 auto;overflow:hidden;overflow-x:scroll;}
    .tap_menu5::-webkit-scrollbar {width:0px;height:0px;}
    .tap_menu5 ul {display:inline-flex;}
    .tap_menu5 li {display:flex;width:130px;padding:0 5px;justify-content: center;}
    .tap_menu5 li:nth-of-type(5) {width:150px;}
    .tap_menu5 a {position:relative;display:flex;width:100%;height:50px;color:#275fc0;font-size:20px;background:#e5e5e5;border-radius:25px;border:2px solid #275fc0;box-shadow:2px 2px 5px rgba(0,0,0,0.4);align-items:center;justify-content:center;}
    .tap_menu5 a:hover,
    .tap_menu5 a.on {color:#ffffff;background:#0265d1;}
    .tap_menu5 a:hover:after,
    .tap_menu5 a.on:after {display:block;}

    .sub_tap_menu {display:flex;width:calc(100% - 30px);margin:0 auto 20px auto;flex-wrap:wrap;}
    .sub_tap_menu a {display:flex;width:33.3%;height:60px;color:#000000;font-size:16px;background:#ffffff;border:1px solid #000000;align-items:center;justify-content:center;}
    .sub_tap_menu a:hover,
    .sub_tap_menu a.on {color:#ffffff;background:#000000;border:1px solid #000000;}

    .sub_tap_menu2 {margin:0 0 5px 0;}
    .sub_tap_menu2 ul {display:flex;width:100%;border:1px solid #41405d;}
    .sub_tap_menu2 li {position:relative;display:flex;width:calc(100% / 4);height:40px;color:#ffffff;font-size:14px;background:#323150;border-left:1px solid #41405d;align-items:center;justify-content:center;}
    .sub_tap_menu2 li:after {display:none;content:'';position:absolute;top:0;width:100%;height:5px;background:#f92552;}
    .sub_tap_menu2 li:hover:after,
    .sub_tap_menu2 li.on:after {display:block;}
    .sub_tap_menu2 li:nth-of-type(1) {border-left:0;}

    .rule_cont {}
    .rule_cont ul {}
    .rule_cont li {display:none;}
    .rule_cont li img {width:100%;margin:0 auto;}
    .rule_cont li:nth-of-type(1) {display:block;}

    /** �??�� **/
    .search_box {width:calc(100% - 30px);background:#ffffff;border:1px solid #e5e5e5;padding:15px;margin:0 auto 25px auto;}
    .search_row {display:flex;width:100%;margin:0 0 10px 0;justify-content:space-between;}
    .search_row .select {width:100px;border:1px solid #d6d6d6;}
    .search_row .select select {width:100%;height:36px;color:#333333;font-size:14px;background:url('/images/winwin3_mobile/ic_select_1.png') no-repeat 90% center;background-size:10px auto;padding:0 5px;}
    .search_row .input {width:calc(100% - 105px);border:1px solid #d6d6d6;}
    .search_row .input input {width:100%;height:36px;color:#333333;font-size:14px;border:0;padding:0 5px;}
    .search_box button {width:100%;height:40px;color:#ffffff;font-size:14px;background:#0265d1;}

    /** 게시?�� **/
    .paging_txt {width:100%;color:#0265d1;font-size:14px;font-weight:500;padding:0 15px;margin:0 auto 15px auto;}
    .paging_txt.red {color:#850d2b;}
    .paging_txt.rt {text-align:right;}
    .paging_txt span {display:inline-block;font-weight:600;margin:0 15px 0 0;}

    .board_list {width:100%;margin:0 auto 25px auto;}
    .board_list table {width:100%;border-top:2px solid #0265d1;}
    .board_list.red table {width:100%;border-top:2px solid #850d2b;}
    .board_list thead th {height:36px;text-align:center;color:#333333;font-size:14px;background:#eaeef2;border-left:1px solid #e8ebef;border-bottom:1px solid #e8ebef;}
    .board_list.red thead th {background:#f2eaec;}
    .board_list thead th:first-child {border-left:0;}
    .board_list tbody td {text-align:center;color:#666666;font-size:14px;background:#ffffff;padding:5px;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
    .board_list tbody td:first-child {border-left:0;}
    .board_list tbody td:nth-of-type(3) {text-align:left;}
    .board_list tbody td strong {display:block;color:#666666;font-size:16px;margin:10px 0 10px 0;}
    .board_list tbody td div {display:flex;}
    .board_list tbody td div span {color:#666666;font-size:14px;margin:0 10px 0 0;}
    .board_list input[type="checkbox"] {width:18px;height:18px;margin:0;border:1px solid #eaeaea;}

    .board_view {width:calc(100% - 50px);background:#ffffff;margin:25px auto;border:1px solid #e5e5e5;box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
    .board_view .tit {border-bottom:1px solid #eef1f4;padding:15px;}
    .board_view .tit strong {display:block;color:#666666;font-size:14px;margin:0 0 10px 0;}
    .board_view .tit span {display:inline-block;color:#aeb8c3;font-size:12px;}
    .board_view .cont {color:#666666;font-size:14px;line-height:1.4;padding:15px;}
    /*.board_view .cont .img {position:relative;margin:0 0 10px 0;}*/
    .board_view .cont .img {
        position: relative;
        margin: 0 0 10px 0;
        color: #000;
    }
    .board_view .cont .img img {width:100%;}
    .board_view .cont .img span {position:absolute;bottom:7px;right:7px;width:32px;height:32px;}
    .board_view .cont .img span img {width:100%;}

    .board_write {width:calc(100% - 30px);background:#ffffff;margin:25px auto;border:1px solid #e5e5e5;border-bottom:0;}
    .board_write table {width:100%;}
    .board_write th {width:20%;text-align:center;vertical-align:top;color:#666666;font-size:16px;padding:27px 0 20px 0;border-bottom:1px solid #e5e5e5;}
    .board_write td {width:80%;text-align:center;vertical-align:top;color:#666666;font-size:16px;padding:20px 10px 20px 0;border-bottom:1px solid #e5e5e5;}
    .board_write input[type="text"] {width:100%;height:33px;color:#666666;font-size:14px;background:#f4f8fc;border:1px solid #dedfdf;border-radius:2px;padding:0 7px 0 7px;}
    .board_write textarea {width:100%;height:180px;color:#666666;font-size:14px;line-height:1.4;background:#f4f8fc;border:1px solid #dedfdf;border-radius:2px;padding:7px;resize:none;}

    /*.board_top_bar {display:flex;position:relative;width:calc(100% - 20px);height:40px;background:#0265d1;padding:0 10px 0 10px;margin:5% auto 0 auto;align-items:center;justify-content:space-between;}*/
    .board_top_bar {
        display: flex;
        position: relative;
        width: calc(100% - 20px);
        height: 40px;
        background: #0265d1;
        padding: 0 10px 0px 10px;
        margin: 0% auto 0 auto;
        margin-bottom: 5px;
        align-items: center;
        /*justify-content: space-between;*/
    }
    /*.board_top_bar:before {content:'';position:absolute;top:50%;left:10px;width:18px;height:18px;background:url('/images/win1_mobile/ic_arrow_2.png') no-repeat left center;background-size:100% auto;margin:-9px 0 0 0;}*/
    .board_top_bar strong {color:#ffffff;font-size:20px;margin-left:15px;}
    .board_top_bar strong em {display:inline-block;color:#ffffff;font-size:20px;margin:0 0 0 10px;}
    .board_top_bar button {position:absolute;top:5px;right:10px;width:90px;height:30px;color:#ffffff;font-size:14px;background:#0265d1;border:1px solid #ffffff;border-radius:4px;}
    .board_top_bar button img {width:12px;margin:2px 5px 0 0;}
    .board_top_bar i {display:inline-block;width:12px;height:12px;margin:0 5px 0 0;}
    .board_top_bar i img {width:100%;}

    /*** ?���? ***/
    .comment_area {position:relative;width:calc(100% - 20px);padding:15px;margin:0 auto 0 auto;}
    .comment_area.open {width:calc(100% - 10px);}
    .comment_area .tit {position:relative;display:flex;padding:10px;margin:0 0 5px 0;justify-content:space-between;align-items:center;}
    .comment_area .tit:before {display:none;}
    .comment_area .tit strong {color:#666666;font-size:20px;line-height:1;}
    .comment_area .tit strong em {display:inline-block;color:#0265d1;font-size:20px;line-height:1;font-weight:600;margin:0 0 0 5px;}
    .comment_area .tit .btn_open {width:32px;height:32px;}
    .comment_area .tit .btn_open img {width:100%;}
    .comment_area.open .tit {background:#0265d1;padding:10px 10px 10px 35px;}
    .comment_area.open .tit:before {display:block;content:'';position:absolute;top:14px;left:8px;width:16px;height:28px;background:url('/images/winwin3_mobile/ico_comment_6.png') no-repeat left top;background-size:100%;}
    .comment_area.open .tit strong {color:#ffffff;}
    .comment_area.open .tit strong em {color:#ffffff;}
    .comment_area.open .tit .btn_open {width:30px;height:30px;background:url('/images/winwin3_mobile/ico_comment_7.png') no-repeat left top;background-size:100%;}
    .comment_area .input_box {padding:0 5px;margin:0 0 5px 0;}
    .comment_area .input_box dl {display:flex;width:100%;justify-content:space-between;}
    .comment_area .input_box dt {display:flex;width:35%;height:40px;align-items:center;justify-content:flex-start;}
    .comment_area .input_box dt span {color:#0265d1;font-size:20px;line-height:1;padding:0 20px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .comment_area .input_box dd {display:flex;width:65%;height:40px;align-items:center;}
    .comment_area .input_box dd input {display:flex;width:calc(100% - 60px);height:36px;color:#000000;font-size:16px;background:#f1f1f1;border-radius:5px;padding:0 15px 0 15px;}
    .comment_area .input_box dd textarea {display:flex;width:calc(100% - 60px);height:36px;color:#000000;font-size:16px;background:#f1f1f1;border-radius:5px;padding:0 15px 0 15px;}
    .comment_area .input_box dd button {width:50px;height:36px;text-align:center;color:#ffffff;font-size:16px;background:#0265d1;margin:0 0 0 10px;border-radius:4px;}
    .comment_area .input_box dd button:hover,
    .comment_area .input_box dd button:focus {color:#fffc00;background:#0265d1;}
    .comment_area .comt_list {border-bottom:1px solid #0265d1;margin:0 0 10px 0;}
    .comment_area .comt_list li {position:relative;padding:0 0 0 5px;border-top:1px solid #0265d1;}
    .comment_area .comt_list li.depth1 {padding-left:7%;}
    .comment_area .comt_list li .sub_menu {display:flex;position:absolute;top:10px;right:10px;width:20px;height:24px;background:url('/images/winwin3_mobile/ic_comment_1.png') no-repeat center center;background-size:auto 76%;cursor:pointer;justify-content: center;}
    .comment_area .comt_list li .sub_menu:hover,
    .comment_area .comt_list li .sub_menu.on {background:#0265d1 url('/images/winwin3_mobile/ic_comment_1_on.png') no-repeat center center;background-size:auto 76%;}

    .comment_area .comt_list li dl {display:flex;width:100%;padding:10px;align-items:flex-start;}
    .comment_area .comt_list li dt {width:30%;padding:0 15px 0 0;}
    .comment_area .comt_list li dt span {display:block;height:30px;color:#0265d1;font-size:16px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .comment_area .comt_list li dd {width:65%;}
    .comment_area .comt_list li dd .top {display:flex;height:24px;color:#000000;font-size:16px;line-height:1;padding:0 0 5px 0;align-items:center;}
    .comment_area .comt_list li dd .top span {display:inline-block;width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 10px 0 0;}
    .comment_area .comt_list li dd .comt_cont {min-height:20px;color:#5c5c5c;font-size:14px;line-height:1.4;margin:0 0 10px 0;overflow:hidden;text-overflow:ellipsis;}
    .comment_area .comt_list li dd button {height:26px;color:#ffffff;font-size:14px;padding:0 10px;background:#0265d1;}
    .comment_area .comt_list li dd button:hover,
    .comment_area .comt_list li dd button.on {color:#ffffff;background:#0265d1;}
    .comment_area .page_list2 {position:relative;display:flex;height:30px;justify-content:center;align-items:center;}
    .comment_area .page_list2 span {display:flex;width:30px;height:30px;margin:0 5px;justify-content: center;align-items:center;}
    .comment_area .page_list2 span.on , .comment_area  .page_list2 span:hover {color:#ffffff;background:#0265d1;}
    .comment_area .page_list2 img {width:30px;height:30px;}
    .comment_area .page_list2 .p_prev {position:absolute;display:flex;top:0;left:0;width:60px;font-size:0;}
    .comment_area .page_list2 .p_prev span {margin:0;}
    .comment_area .page_list2 .p_next {position:absolute;display:flex;top:0;right:0;width:60px;}
    .comment_area .page_list2 .p_next span {margin:0;}
    .comment_area .pop_util {display:none;position:absolute;top:50px;right:0;width:calc(100% - 20px);background:#ffffff;padding:15px;z-index:100;box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
    .comment_area .pop_util button {width:100%;height:40px;text-align:left;color:#000000;font-size:16px;padding:0 15px 0 45px;margin:5px 0;}
    .comment_area .pop_util button:hover {color:#0265d1;}
    .comment_area .pop_util button.btn_edit {background:url('/images/winwin3_mobile/ic_comment_3.png') no-repeat 10px 7px;background-size:26px auto;}
    .comment_area .pop_util button.btn_delete {background:url('/images/winwin3_mobile/ic_comment_4.png') no-repeat 10px 7px;background-size:25px auto;}
    .comment_area .pop_util button.btn_cancel {background:url('/images/winwin3_mobile/ic_comment_5.png') no-repeat 10px 11px;background-size:27px auto;padding:10px 15px 0 45px;border-top:1px solid #0265d1;}

    /** ?���? 메인 리스?�� */
    .sub_list {}
    .sub_list ul {display:flex;width:90%;margin:0 auto;flex-wrap:wrap;}
    .sub_list ul li {display:none;width:calc(100% / 2);}
    .sub_list ul li a {display:flex;justify-content:center;}
    .sub_list ul li a img {max-width:220px;width:80%;}
    .sub_list ul li:nth-of-type(1) {display:flex;}
    .sub_list ul li:nth-of-type(2) {display:flex;}
    .sub_list ul li:nth-of-type(3) {display:flex;}
    .sub_list ul li:nth-of-type(4) {display:flex;}
    .sub_list ul li:nth-of-type(5) {display:flex;}
    .sub_list ul li:nth-of-type(6) {display:flex;}
    .sub_list ul li:nth-of-type(7) {display:flex;}
    .sub_list ul li:nth-of-type(8) {display:flex;}
    .sub_list span {display:flex;width:60%;color:#fff;font-size:16px;margin:3% auto 0 auto;justify-content:center;}

    .sub_list2 {width:90%;margin:0 auto;}
    .sub_list2>ul {width:100%;}
    .sub_list2>ul li {display:flex;width:100%;margin:0 0 5% 0;}
    .sub_list2>ul li:nth-of-type(1) {display:flex;}
    .sub_list2>ul li:nth-of-type(2) {display:flex;}
    .sub_list2>ul li:nth-of-type(3) {display:flex;}
    .sub_list2>ul li:nth-of-type(4) {display:flex;}
    .sub_list2>ul li:nth-of-type(5) {display:flex;}
    .sub_list2>ul li:nth-of-type(6) {display:flex;}
    .sub_list2>ul li:nth-of-type(7) {display:flex;}
    .sub_list2>ul li:nth-of-type(8) {display:flex;}
    .sub_list2 .cont_box {display:flex;width:100%;background:#f4f2e6;border:1px solid #b4a54b;border-radius:10px;padding:10px;box-shadow:3px 3px 10px rgba(0,0,0,0.3);}
    .sub_list2 .cont_box .img {width:100px;margin:0 10px 0 0;}
    .sub_list2 .cont_box .img img {width:100%;}
    .sub_list2 .cont_box .info {width:calc(100% - 110px);padding:5px 0 0 0;}
    .sub_list2 .cont_box .info li {display:block;margin:0 0 0 0;}
    .sub_list2 .cont_box .info li:nth-of-type(1) {}
    .sub_list2 .cont_box .info li:nth-of-type(1) img {max-width:90%;height:35px;}
    .sub_list2 .cont_box .info li:nth-of-type(2) {display:flex;height:24px;color:#9b9a92;font-size:18px;line-height:1;align-items:center;}
    .sub_list2 .cont_box .info li:nth-of-type(3) {display:flex;height:16px;margin:0 0 5px 0;align-items:center;}
    .sub_list2 .cont_box .info li:nth-of-type(3) span {position:relative;display:inline-block;width:12px;height:12px;background:url('/images/winwin3_mobile/slot/ic_star.png') no-repeat left top;background-size:100% auto;margin:0 1px 0 0;}
    .sub_list2 .cont_box .info li:nth-of-type(3) span.on {background:url('/images/winwin3_mobile/slot/ic_star1.png') no-repeat left top;background-size:100% auto;}
    .sub_list2 .cont_box .info li:nth-of-type(3) span.half {background:url('/images/winwin3_mobile/slot/ic_star2.png') no-repeat left top;background-size:100% auto;}
    .sub_list2 .cont_box .info li:nth-of-type(3) strong {display:inline-block;color:#7e713d;font-size:11px;margin:0 0 0 5px;}
    .sub_list2 .cont_box .info .money {display:flex;height:50px;background:#d9d2b4 url('/images/winwin3_mobile/slot/ic_money1.png') no-repeat 5px 9px;background-size:36px auto;border-radius:12px;padding:0 0 0 50px;flex-direction: column;justify-content: center;align-items: flex-start;}
    .sub_list2 .cont_box .info .money span {display:flex;width:100%;color:#000000;font-size:11px;margin:0 0 0.5% 0;justify-content: flex-start;}
    .sub_list2 .cont_box .info .money strong {color:#000000;font-size:20px;font-weight:600;line-height:1;}
    .sub_list2 .cont_box .info .money.log {display:flex;height:50px;background:#f03434 url('/images/winwin3_mobile/slot/ic_money2.png') no-repeat 5px 9px;background-size:36px auto;border-radius:12px;padding:0 0 0 50px;flex-direction: column;justify-content: center;}
    .sub_list2 .cont_box .info .money.log span {color:#ffffff;font-size:11px;margin:0 0 3px 0;}
    .sub_list2 .cont_box .info .money.log strong {color:#ffd200;font-size:16px;font-weight:600;line-height:1;}
    .sub_list2 span {display:flex;width:60%;color:#000000;font-size:16px;margin:3% auto 0 auto;justify-content:center;}

    .sub_list2.casino {}
    .sub_list2.casino .cont_box {background:#323150;border:1px solid #3ffeca;}
    .sub_list2.casino .cont_box .info li:nth-of-type(1) img {max-width:90%;height:35px;}
    .sub_list2.casino .cont_box .info li:nth-of-type(2) {height:35px;color:#ffffff;font-size:16px;flex-direction: column;align-items:flex-start;justify-content: center;}
    .sub_list2.casino .cont_box .info li:nth-of-type(2) em {color:#828282;font-size:10px;text-transform:uppercase;margin:0 0 2px 0;}
    .sub_list2 .cont_box .info li:nth-of-type(3) strong {color:#000000;}
    .sub_list2.casino .cont_box .info .money {height:46px;background:#1a1a35 url('/images/winwin3_mobile/slot/ic_money3.png') no-repeat 5px 8px;background-size:32px auto;}
    .sub_list2.casino .cont_box .info .money span {color:#ffffff;}
    .sub_list2.casino .cont_box .info .money strong {color:#ffffff;}
    .sub_list2.casino .cont_box .info .money.log {background:#f92552 url('/images/winwin3_mobile/slot/ic_money4.png') no-repeat 5px 8px;background-size:32px auto;}
    .sub_list2.casino .cont_box .info .money.log span {color:#3ffeca;}
    .sub_list2.casino .cont_box .info .money.log strong {color:#3ffeca;}

    /** ?��?���? **/
    .paging_box {position:relative;display:flex;margin:0 15px 25px 15px;justify-content:center;}
    .paging_box span {display:flex;width:26px;height:26px;color:#cfcfcf;font-size:14px;margin:0 5px;align-items:center;justify-content:center;cursor:pointer;}
    .paging_box span.active,
    .paging_box span:hover,
    .paging_box span:focus {color:#ffffff;background:#0265d1;}
    .paging_box.red span.active,
    .paging_box.red span:hover,
    .paging_box.red span:focus {color:#ffffff;background:#850d2b;}
    .paging_box span.first {position:absolute;top:0;left:0;background:#252525 url('/images/winwin3_mobile/icon_paging_first_1.png') no-repeat center center;background-size:10px auto;border:1px solid #dddddd;margin:0;}
    .paging_box span.prev {position:absolute;top:0;left:25px;background:#252525 url('/images/winwin3_mobile/icon_paging_prev_1.png') no-repeat center center;background-size:5px auto;border:1px solid #dddddd;margin:0;}
    .paging_box span.next {position:absolute;top:0;right:25px;background:#252525 url('/images/winwin3_mobile/icon_paging_next_1.png') no-repeat center center;background-size:5px auto;border:1px solid #dddddd;margin:0;}
    .paging_box span.last {position:absolute;top:0;right:0;background:#252525 url('/images/winwin3_mobile/icon_paging_last_1.png') no-repeat center center;background-size:10px auto;border:1px solid #dddddd;margin:0;}


    #wrap.light .paging_box {position:relative;display:flex;margin:0 15px 25px 15px;justify-content:center;}
    #wrap.light .paging_box span {display:flex;width:26px;height:26px;color:#454545;font-size:14px;margin:0 10px;align-items:center;justify-content:center;cursor:pointer;}
    #wrap.light .paging_box span.active,
    #wrap.light .paging_box span:hover,
    #wrap.light .paging_box span:focus {color:#ffffff;background:#0265d1;}
    #wrap.light .paging_box.red span.active,
    #wrap.light .paging_box.red span:hover,
    #wrap.light .paging_box.red span:focus {color:#ffffff;background:#850d2b;}
    #wrap.light .paging_box span.first {position:absolute;top:0;left:0;background:#ffffff url('/images/winwin3_mobile/icon_paging_first_1.png') no-repeat center center;background-size:10px auto;border:1px solid #dddddd;margin:0;}
    #wrap.light .paging_box span.prev {position:absolute;top:0;left:25px;background:#ffffff url('/images/winwin3_mobile/icon_paging_prev_1.png') no-repeat center center;background-size:5px auto;border:1px solid #dddddd;margin:0;}
    #wrap.light .paging_box span.next {position:absolute;top:0;right:25px;background:#ffffff url('/images/winwin3_mobile/icon_paging_next_1.png') no-repeat center center;background-size:5px auto;border:1px solid #dddddd;margin:0;}
    #wrap.light .paging_box span.last {position:absolute;top:0;right:0;background:#ffffff url('/images/winwin3_mobile/icon_paging_last_1.png') no-repeat center center;background-size:10px auto;border:1px solid #dddddd;margin:0;}

    /*** 게시?�� 버튼 ***/
    .btns_box {/*display:flex;*/width:100%;padding:0 10px;margin:0 auto 50px auto;text-align:center;}
    .btns_box.col2 button {width:49%;}
    .btns_box.col3 button {width:32%;margin:0;}
    .btns_box button {width:100%;height:36px;color:#333333;font-size:16px;background:#ffffff;border:1px solid #cccccc;border-radius:3px;/*margin:0 10px;*/margin:0;}
    .btns_box button:hover,
    .btns_box button.on {color:#ffffff;background:#0265d1;border:1px solid #0265d1;}
    .btns_box.red button:hover,
    .btns_box.red button.on {color:#ffffff;background:#850d2b;border:1px solid #850d2b;}

    /** ?��벤트 **/
    .event_list {margin:0 0 10px 0;}
    .event_list ul {display:flex;padding:0 10px;flex-wrap:wrap;flex-direction: row;}
    .event_list li {width:50%;padding:0 5px;margin:0 0 20px 0;}
    .event_list li a {display:flex;justify-content:center;}
    /*.event_list li a img {width:100%;max-width:221px;max-height:154px;border-radius:20px;overflow:hidden;box-shadow:0 0 5px rgba(0 0 0 / 40%);}*/
    .event_list li a img {
        width: 100%;
        max-width: 221px;
        max-height: 229px;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 0 5px rgb(0 0 0 / 40%);
    }

    .event_view {width:calc(100% - 20px);margin:10px auto;}
    .event_view img {width:100%;}

    .event_list2 {padding:0 5%;}
    .event_list2 .view {margin:0 0 5% 0;}
    .event_list2 .view img {width:100%;}
    .event_list2 .btns {display:block;padding:0 7%;justify-content: space-between;text-align:center;}
    .event_list2 .btns .lt {width:100%;}
    .event_list2 .btns .lt button {height:44px;color:#ffffff;font-size:16px;background:#282840;border-radius:5px;padding:0 13%;}
    .event_list2 .btns .rt {display:flex;width:40%;}
    .event_list2 .btns .rt span {display:flex;justify-content:center;align-items: center;}
    .event_list2 .btns .rt span img {width:70%;}

    .lottery_area {padding:5% 5% 0 5%;margin:0 0 10% 0;}
    .lottery_area .img {max-width:400px;width:100%;text-align:center;margin:0 auto 20px auto;}
    .lottery_area .img img {width:100%;}
    .lottery_area .box {position:relative;max-width:400px;width:100%;text-align:center;margin:0 auto 20px auto;}
    .lottery_area .box img {width:100%;}
    .lottery_area .txt {display:flex;position:absolute;top:10%;width:100%;justify-content:center;}
    .lottery_area .txt span {color:#ffffff;font-size:14px;margin:0 10px 0 0;}
    .lottery_area .txt strong {color:#3ffeca;font-size:14px;}
    .lottery_area .coin {position:absolute;top:49%;right:9%;width:19%;z-index:10;}
    .lottery_area .mouse_area {display:flex;position:absolute;top:38%;left:20.5%;width:55%;height:24%;z-index:5;border-radius:3px;align-items:center;justify-content:center;}
    .lottery_area .mouse_area.on {color:#ffffff;font-size:16px;}
    .lottery_area .btns {display:flex;width:100%;height:44px;justify-content:space-between;}
    .lottery_area .btns button {width:48%;height:44px;color:#ffffff;font-size:16px;background:#282840;border-radius:5px;}
    .lottery_area .btns button:hover,
    .lottery_area .btns button.on {color:#3ffeca;}

    .roulette_area {padding:5% 5% 0 5%;margin:0 0 10% 0;}
    .roulette_area .img {max-width:400px;width:100%;text-align:center;margin:0 auto 11% auto;}
    .roulette_area .img img {width:100%;}
    .roulette_area .roulette_box {display:flex;position:relative;width:100%;margin:0 0 10% 0;align-items:center;justify-content:center;}
    .roulette_area .roulette_box .img1 {/*animation:roulette 4s ease-out infinite;*/background:url("/images/winwin3_mobile/event/img_roulette_2.png");width:310px;height:310px;background-size:310px;}
    .roulette_area .roulette_box .img1 img {width:310px;}
    .roulette_area .roulette_box .img2 {position:absolute;top:-1%;left:50.5%;transform:translate(-50%,-50%);}
    .roulette_area .roulette_box .img2 img {width:35px;}
    .roulette_area .roulette_box .img3 {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
    .roulette_area .roulette_box .img3 img {width:70px;}
    @keyframes roulette {
        from {
            transform:rotate(0deg);
        }
        to {
            transform:rotate(360deg);
        }
    }
    .roulette_area .info_area {display:flex;align-items:center;justify-content:center;}
    .roulette_area .info_area .txt {display:flex;width:40%;justify-content:center;}
    .roulette_area .info_area .txt span {color:#1a1a35;font-size:14px;margin:0 10px 0 0;}
    .roulette_area .info_area .txt strong {color:#000;font-size:25px;}
    .roulette_area .info_area button {width:48%;height:44px;color:#ffffff;font-size:16px;background:#282840;border-radius:5px;}
    .roulette_area .info_area button:hover,
    .roulette_area .info_area button.on {color:#3ffeca;}

    /** 쿠폰 리스?�� **/
    .coupon_list {width:calc(100% - 20px);margin:0 auto 25px auto;}
    .coupon_list ul {}
    .coupon_list li {padding:15px 0 15px 0;border-bottom:1px solid #e0e0e0;}
    .coupon_list .inbox {display:flex;padding:0 10px;cursor:pointer;align-items: flex-start;justify-content: space-between;}
    .coupon_list .inbox .img {position:relative;}
    .coupon_list .inbox .img img {width:100%;}
    .coupon_list .inbox .info {position:absolute;top:45%;left:8%;}
    .coupon_list .inbox .info dl {display:flex;margin:0 0 5px 0;align-items:flex-start;justify-content: flex-start;}
    .coupon_list .inbox .info dt {display:flex;width:65px;color:#5a6b84;font-size:14px;}
    .coupon_list .inbox .info dd {display:flex;width:calc(100% - 65px);color:#5a6b84;font-size:14px;}
    .coupon_list .inbox .info dl:nth-of-type(1) dt {font-size:18px;}
    .coupon_list .inbox .info dl:nth-of-type(1) dd {font-size:18px;}
    .coupon_list .inbox .img span {display:block;position:absolute;top:55%;right:2%;color:#ffffff;font-size:14px;font-weight:600;transform:rotate(-90deg);}


    /** 출석 **/
    .attendance {width:calc(100% - 30px);margin:0 auto 25px auto;}
    .attendance .top {text-align:center;padding:15px 0 0 0;margin:0 0 10px 0;}
    .attendance .top img {width:140px;margin:0 auto;}
    .attendance .info_box {width:100%;text-align:center;background:#323150;border-radius:10px;padding:20px 0;margin:0 0 15px 0;}
    .attendance .info_box ul {margin:0 0 20px 0;}
    .attendance .info_box li {text-align:center;color:#ffffff;font-size:14px;margin:0 0 10px 0;}
    .attendance .info_box li span {color:#3ffeca;font-size:20px;font-weight:500;}
    .attendance .info_box button {width:150px;height:40px;color:#ffffff;font-size:16px;font-weight:500;background:#282840;border:1px solid #454462;border-radius:5px;margin:0 auto;}
    .attendance .month_box {display:flex;position:relative;width:calc(100% - 30px);height:30px;margin:0 auto 15px auto;align-items:center;justify-content:center;}
    .attendance .month_box span {position:absolute;top:0;width:12px;height:100%;}
    .attendance .month_box strong {color:#565656;font-size:16px;font-weight:500;}
    .attendance .month_box span.prev {left:0;background:url('/images/winwin3_mobile/event/ic_prev_3.png') no-repeat left center;background-size:100% auto;}
    .attendance .month_box span.next {right:0;background:url('/images/winwin3_mobile/event/ic_next_3.png') no-repeat right center;background-size:100% auto;}
    .attendance .calendar {width:calc(100% - 30px);margin:0 auto;}
    .attendance .calendar table {width:100%;}
    .attendance .calendar th {width:calc(100% / 7);height:24px;text-align:center;color:#565656;font-size:14px;}
    .attendance .calendar td {width:calc(100% / 7);height:36px;text-align:center;vertical-align:top;color:#565656;font-size:14px;}
    .attendance .calendar td strong {display:flex;width:24px;height:24px;margin:0 auto;align-items: center;justify-content: center;}
    .attendance .calendar td span {display:none;width:24px;height:16px;color:#fd6655;font-size:11px;font-weight:500;margin:0 auto;}
    .attendance .calendar td.prev {color:#bac5d2;}
    .attendance .calendar td.next {color:#bac5d2;}
    .attendance .calendar td.today {color:#000000;}
    .attendance .calendar td.check {color:#697685;}
    .attendance .calendar td.check strong {border:2px solid #fd6655;border-radius:12px;}
    .attendance .calendar td.check span {display:flex;align-items: center;justify-content: center;}

    /** 마이?��?���? **/
    .tab_bet {width:calc(100% - 10px);padding:0 0 20px 0;margin:0 auto 5px auto;overflow:hidden;overflow-x:scroll;}
    .tab_bet::-webkit-scrollbar {width:0px;height:0px;}
    .tab_bet ul {display:inline-flex;}
    .tab_bet li {margin:0 10px 0 10px;}
    .tab_bet li>div {position:relative;}
    .tab_bet li>div:before {content:'';position:absolute;inset:0;border:3px solid #3ffeca;border-radius:8px;z-index:1;opacity:0;transition:all 400ms;}
    .tab_bet li:hover>div:before,
    .tab_bet li.on>div:before {opacity:1;}
    .tab_bet li>div img {width:200px;}
    .tab_bet li>div div {display:flex;position:absolute;top:0;right:0;width:50%;height:100%;border-radius:8px;transition:all 400ms;justify-content:center;align-items:center;flex-direction: column;}
    .tab_bet li:hover>div div,
    .tab_bet li.on>div div {background:rgba(63,254,202,0.5);}
    .tab_bet li>div div strong {color:#ffffff;font-size:14px;margin:0 0 3px 0;}
    .tab_bet li>div div span {color:#ffffff;font-size:14px;}

    .mypage3_1 {display:flex;padding:10% 0 15% 0;flex-direction:column;align-items:center;}
    .mypage3_1 img {max-width:290px;width:55%;}
    .mypage3_1 .link1 {display:flex;height:34px;color:#ffffff;font-size:14px;background:#323150;border-radius:3px;padding:0 15%;margin:5% 0 0 0;align-items:center;justify-content:center;}

    .result_game_select {position:relative;width:calc(100% - 30px);height:34px;margin:0 auto 20px auto;z-index:15;}
    .result_game_select .select {display:flex;position:relative;width:100%;height:34px;color:#a3a3a3;font-size:14px;background:#000000;border:1px solid #414141;padding:0 15px 0 15px;align-items: center;}
    .result_game_select .select:after {
        content:'';position:absolute;top:50%;right:20px;width:7px;height:7px;
        background:url('/images/winwin3_mobile/ic_arrow_5.png') no-repeat center center;background-size:7px auto;transform:translateY(-50%) rotate(0deg);
    }
    .result_game_select .option {display:none;position:absolute;width:100%;height:200px;overflow:hidden;overflow-y:scroll;}
    .result_game_select .option::-webkit-scrollbar {width:8px;height:8px;}
    .result_game_select .option::-webkit-scrollbar-thumb {background:#00c5fa;border-radius:3px;}
    .result_game_select .option::-webkit-scrollbar-track {background:#2d2d2d;border-radius:3px;}
    .result_game_select .option ul {}
    .result_game_select .option li {display:flex;position:relative;height:34px;color:#ffffff;font-size:14px;background:#000000;border:1px solid #414141;padding:0 15px 0 15px;align-items: center;}


    .betting_info {margin:0 0 15px 0;}
    .betting_info .title_bar {display:flex;height:34px;background:#323150;border:1px solid #c4c4c4;padding:0 10px 0 15px;align-items: center;justify-content: space-between;}
    .betting_info .title_bar strong {display:flex;height:34px;color:#ffffff;font-size:14px;align-items: center;}
    .betting_info .title_bar strong i {display:flex;margin:0 10px 0 0;align-items: center;}
    .betting_info .title_bar span {position:relative;display:flex;height:34px;color:#ffffff;font-size:12px;padding:0 25px 0 0;align-items: center;}
    .betting_info .title_bar span:after {
        content:'';position:absolute;top:50%;right:0;width:10px;height:10px;
        background:url('/images/winwin3_mobile/ic_arrow_4.png') no-repeat center center;background-size:10px auto;transform:translateY(-50%) rotate(0deg);
    }
    .betting_info li.active .title_bar span:after {transform:translateY(-50%) rotate(180deg);}
    .betting_info .conts {display:none;}
    .betting_info li.active .conts {display:block;}
    .betting_info .info_box1 {display:flex;height:34px;background:#323150;border:1px solid #3a4155;padding:0 10px 0 10px;align-items: center;justify-content: space-between;}
    .betting_info .info_box1 strong {display:flex;height:34px;color:#3cd7b1;font-size:14px;align-items: center;}
    .betting_info .info_box1 span {position:relative;display:flex;height:28px;color:#ffffff;font-size:12px;background:#323150;border-radius:14px;padding:0 30px 0 30px;border:1px solid #454462;align-items: center;}
    .betting_info .info_box1 span:hover,
    .betting_info .info_box1 span.on {background:#0265d1;}
    .betting_info .info_box2 {display:flex;height:34px;align-items: center;justify-content: space-between;}
    .betting_info .info_box2 .col1 {display:flex;width:40%;height:34px;background:#323747;border:1px solid #636e8b;padding:0 10px;align-items: center;justify-content: space-between;}
    .betting_info .info_box2 .col1:hover,
    .betting_info .info_box2 .col1.active {background:#f92552;}
    .betting_info .info_box2 .col1 strong {color:#ffffff;font-size:12px;}
    .betting_info .info_box2 .col1 strong i {display:inline-flex;margin:0 0 0 3px;align-items: center;}
    .betting_info .info_box2 .col1 strong i img {width:10px;}
    .betting_info .info_box2 .col1 span {color:#33f000;font-size:12px;}
    .betting_info .info_box2 .col2 {display:flex;width:20%;height:34px;background:#323747;border:1px solid #636e8b;align-items: center;justify-content: center;}
    .betting_info .info_box2 .col2:hover,
    .betting_info .info_box2 .col2.active {background:#08916c;}
    .betting_info .info_box2 .col2 span {color:#33f000;font-size:12px;}
    .betting_info .info_box2 .col3 {display:flex;width:40%;height:34px;background:#323747;border:1px solid #636e8b;padding:0 10px;align-items: center;justify-content: space-between;}
    .betting_info .info_box2 .col3:hover,
    .betting_info .info_box2 .col3.active {background:#007bbb;}
    .betting_info .info_box2 .col3 strong {color:#ffffff;font-size:12px;}
    .betting_info .info_box2 .col3 strong i {display:inline-flex;margin:0 0 0 3px;align-items: center;}
    .betting_info .info_box2 .col3 strong i img {width:10px;}
    .betting_info .info_box2 .col3 span {color:#33f000;font-size:12px;}
    .betting_info .info_box3 {display:flex;}
    .betting_info .info_box3 dt {width:calc(100% - 110px);background:#0a0713;border:1px solid #c4c4c4;padding:10px 15px;}
    .betting_info .info_box3 dt p {display:flex;padding:3px 0;align-items: center;justify-content: space-between;}
    .betting_info .info_box3 dt strong {color:#3ffeca;font-size:12px;}
    .betting_info .info_box3 dt span {color:#ffffff;font-size:12px;}
    .betting_info .info_box3 dd {display:flex;width:110px;background:#1a1a35;border:1px solid #c4c4c4;border-left:0;padding:10px 15px;align-items: center;justify-content: space-between;}
    .betting_info .info_box3 dd span {color:#ffffff;font-size:12px;}
    .betting_info .info_box3 dd i {}
    .betting_info .info_box3 dd i img {width:40px;}

    .betting_info2 {margin:0 0 15px 0;}
    .betting_info2 .title_bar {display:flex;height:34px;background:#322d29;border:1px solid #c4c4c4;padding:0 10px 0 15px;align-items: center;justify-content: space-between;}
    .betting_info2 .title_bar strong {display:flex;height:34px;color:#ffffff;font-size:14px;align-items: center;}
    .betting_info2 .title_bar strong i {display:flex;margin:0 10px 0 0;align-items: center;}
    .betting_info2 .title_bar span {position:relative;display:flex;height:34px;color:#ffffff;font-size:12px;padding:0 25px 0 0;align-items: center;}
    .betting_info2 .title_bar span:after {
        content:'';position:absolute;top:50%;right:0;width:10px;height:10px;
        background:url('/images/winwin3_mobile/ic_arrow_4.png') no-repeat center center;background-size:10px auto;transform:translateY(-50%) rotate(0deg);
    }
    .betting_info2 li.active .title_bar span:after {transform:translateY(-50%) rotate(180deg);}
    .betting_info2 .conts {display:none;}
    .betting_info2 li.active .conts {display:block;}
    .betting_info2 .info_box1 {display:flex;height:34px;background:#20263b;border:1px solid #3a4155;padding:0 10px 0 10px;align-items: center;justify-content: space-between;}
    .betting_info2 .info_box1 strong {display:flex;height:34px;color:#ffffff;font-size:14px;align-items: center;}
    .betting_info2 .info_box1 span {position:relative;display:flex;height:28px;color:#ffffff;font-size:12px;background:#052c56;border-radius:14px;padding:0 30px 0 30px;align-items: center;}
    .betting_info2 .info_box1 span:hover,
    .betting_info2 .info_box1 span.on {background:#0265d1;}
    .betting_info2 .info_box2 {display:flex;height:34px;align-items: center;justify-content: space-between;}
    .betting_info2 .info_box2 .col1 {display:flex;width:40%;height:34px;background:#323747;border:1px solid #636e8b;padding:0 10px;align-items: center;justify-content: space-between;}
    .betting_info2 .info_box2 .col1:hover,
    .betting_info2 .info_box2 .col1.active {background:#0265d1;}
    .betting_info2 .info_box2 .col1 strong {color:#ffffff;font-size:12px;}
    .betting_info2 .info_box2 .col1 strong i {display:inline-flex;margin:0 0 0 3px;align-items: center;}
    .betting_info2 .info_box2 .col1 strong i img {width:10px;}
    .betting_info2 .info_box2 .col1 span {color:#33f000;font-size:12px;}
    .betting_info2 .info_box2 .col2 {display:flex;width:20%;height:34px;background:#323747;border:1px solid #636e8b;align-items: center;justify-content: center;}
    .betting_info2 .info_box2 .col2:hover,
    .betting_info2 .info_box2 .col2.active {background:#0265d1;}
    .betting_info2 .info_box2 .col2 span {color:#33f000;font-size:12px;}
    .betting_info2 .info_box2 .col3 {display:flex;width:40%;height:34px;background:#323747;border:1px solid #636e8b;padding:0 10px;align-items: center;justify-content: space-between;}
    .betting_info2 .info_box2 .col3:hover,
    .betting_info2 .info_box2 .col3.active {background:#0265d1;}
    .betting_info2 .info_box2 .col3 strong {color:#ffffff;font-size:12px;}
    .betting_info2 .info_box2 .col3 strong i {display:inline-flex;margin:0 0 0 3px;align-items: center;}
    .betting_info2 .info_box2 .col3 strong i img {width:10px;}
    .betting_info2 .info_box2 .col3 span {color:#33f000;font-size:12px;}
    .betting_info2 .info_box3 {display:flex;}
    .betting_info2 .info_box3 dt {width:calc(100% - 110px);background:#ffffff;border:1px solid #c4c4c4;padding:10px 15px;}
    .betting_info2 .info_box3 dt p {display:flex;padding:3px 0;align-items: center;justify-content: space-between;}
    .betting_info2 .info_box3 dt span {color:#000000;font-size:12px;}
    .betting_info2 .info_box3 dd {display:flex;width:110px;background:#ffffff;border:1px solid #c4c4c4;border-left:0;padding:10px 15px;align-items: center;justify-content: space-between;}
    .betting_info2 .info_box3 dd span {color:#000000;font-size:12px;}
    .betting_info2 .info_box3 dd i {}
    .betting_info2 .info_box3 dd i img {width:40px;}

    /* ?��?���??�� */
    .member_join {width:calc(100% - 50px);margin:0 auto 20px auto;}
    .member_join dl {margin:0 0 20px 0;}
    .member_join dt {color:#666464;font-size:14px;margin:0 0 10px 0;}
    .member_join dd {display:flex;position:relative;}
    .member_join dd .input {display:flex;width:100%;background:#ffffff;height:40px;border-radius:10px;align-items: center;justify-content: space-between;}
    .member_join dd input[type="text"],
    .member_join dd input[type="password"] {flex:1;height:100%;color:#a4a4a4;font-size:14px;border-radius:10px;padding:0 15px;}
    .member_join dd .btn_check {width:70px;height:40px;color:#ffffff;font-size:14px;background:#0265d1;border-radius:10px;}
    .member_join dd .input.case1 {width:130px;margin:0 10px 0 0;}
    .member_join dd .input.case1 select {width:100px;height:40px;color:#a4a4a4;font-size:14px;background:url('/images/winwin3_mobile/ic_select_3.png') no-repeat 90% center;background-size:8px auto;padding:0 15px;border-radius:10px;}
    .member_join dd .input.case2 {width:110px;margin:0 10px 0 0;}
    .member_join dd .input.case2 select {width:80px;height:40px;color:#a4a4a4;font-size:14px;background:url('/images/winwin3_mobile/ic_select_3.png') no-repeat 90% center;background-size:8px auto;padding:0 15px;border-radius:10px;}
    .member_join .btn_join {width:100%;height:50px;color:#ffffff;font-size:18px;background:#0265d1;border-radius:25px;}

    /** ?��출금 **/
    .money_info {display:flex;width:100%;padding:10px 5px 0 5px;margin:0 auto 20px auto;}
    .money_info .box {position:relative;width:33.3%;background:#275fc0;padding:16% 3% 5% 3%;margin:0 8px 0 8px;border-radius:15px;}
    .money_info.case1 .box {background-color:#850d2b;}
    .money_info .box i {position:absolute;top:-18px;left:0;width:100%;text-align:center;}
    .money_info .box i img {width:60%;margin:0 auto;}
    .money_info .box strong {display:block;color:#ffffff;font-size:14px;line-height:1;margin:0 0 10px 0;}
    .money_info .box span {display:block;color:#ffffff;font-size:14px;line-height:1;}

    .money_account_info {width:calc(100% - 40px);margin:0 auto;}
    .money_account_info .tit {display:inline-flex;height:34px;color:#ffffff;font-size:16px;background:#275fc0;padding:0 20px;border-radius:20px;margin:0 0 15px 0;align-items: center;justify-content: center;}
    .money_account_info.case1 .tit {background:#850d2b;}
    .money_account_info dl {margin:0 0 20px 0;}
    .money_account_info dt {color:#666464;font-size:14px;margin:0 0 10px 0;}
    .money_account_info dd {display:flex;position:relative;}
    .money_account_info dd .input {display:flex;width:100%;background:#ffffff;height:40px;border-radius:10px;align-items: center;justify-content: space-between;padding:0 15px;color:#0265d1;}
    .money_account_info dd .input select {color:#0265d1;}
    .money_account_info dd input[type="text"],
    .money_account_info dd input[type="password"] {flex:1;height:100%;color:#a4a4a4;font-size:14px;border-radius:10px;padding:0px;}
    .money_account_info dd .input2 {display:flex;width:100%;background:#ffffff;height:40px;border-radius:10px;align-items: center;justify-content: space-between;}
    .money_account_info dd .input2 input[type="text"],
    .money_account_info dd .input2 input[type="password"] {flex:1;height:100%;text-align:right;color:#a4a4a4;font-size:14px;border-radius:10px;padding:0 15px;}
    .money_account_info dd .input2 input::-webkit-input-placeholder {color:transparent;opacity:1;}
    .money_account_info dd .input2 input:-moz-placeholder {color:#0265d1;opacity:1;}
    .money_account_info dd .input2 input::-moz-placeholder {color:#0265d1;opacity:1;}
    .money_account_info dd .input2 input:-ms-input-placeholder {color:#0265d1;opacity:1;}
    .money_account_info dd .input2 input::placeholder {color:#0265d1;opacity:1;}

    .money_account_info .btn_view {width:70px;height:40px;color:#ffffff;font-size:14px;background:#275fc0;border-radius:10px;}
    .money_account_info.case1 .btn_view {background:#850d2b;}

    .money_input {width:calc(100% - 40px);background:linear-gradient(to right, #00aeef, #00c6a7);margin:0 auto;border-radius:25px 25px 25px 25px;}
    .money_input.case1 {background:#850d2b;}
    .money_input .box1 {padding:35px 30px;}
    .money_input .box1 span {display:block;color:#ffffff;font-size:14px;margin:0 0 40px 0;}
    .money_input .box1 strong {display:block;text-align:right;color:#ffffff;font-size:40px;}
    .money_input .box1 strong em {display:inline-block;color:#ffffff;font-size:20px;margin:0 5px 0 0;}
    .money_input .box2 {background:#ffffff;padding:20px 15px;border-radius:25px;}
    .money_input .buttons {display:flex;margin:20px 0 20px 0;flex-wrap:wrap;}
    .money_input .buttons button {
        width:calc(100% / 3 - 4px);height:40px;color:#ffffff;font-size:18px;border-radius:20px;box-shadow:1px 1px 5px rgba(0,0,0,0.4);margin:0 2px 15px 2px;
        background:linear-gradient(to bottom, #0982d6, #054fbc);border:1px solid #0ba1e1;
    }
    .money_input .buttons button:hover,
    .money_input .buttons button.on {background:linear-gradient(to bottom, #0762b4, #0763c6);border:1px solid #0ba1e1;}
    .money_input.case1 .buttons button {background:linear-gradient(to bottom, #9b0b30, #581022);border:1px solid #7d1b1b;}
    .money_input.case1 .buttons button:hover,
    .money_input.case1 .buttons button.on {background:linear-gradient(to bottom, #380707, #ce0202);border:1px solid #7d1b1b;}
    .money_input button.big {width:100%;height:56px;color:#ffffff;font-size:18px;background:linear-gradient(to right, #00aeef, #009beb);border-radius:28px;}
    .money_input.case1  button.big {background:#850d2b;}

    .money_end {display:flex;padding:10% 0 0 0;align-items:center;flex-direction:column;}
    .money_end .txt {display:flex;margin:0 0 35px 0;flex-direction:column;}
    .money_end .txt i {margin:0 0 10px 0;}
    .money_end .txt i img {width:85%;}
    .money_end .txt span {text-align:center;color:#000000;font-size:28px;line-height:1.5;}
    .money_end .s_money_info {width:calc(100% - 60px);margin:0 auto 35px auto;border-top:3px solid #a6c1e1;}
    .money_end .s_money_info dl {display:flex;border-bottom:3px solid #a6c1e1;justify-content: space-between;}
    .money_end .s_money_info dt {display:flex;height:50px;color:#000000;font-size:14px;padding:0 0 0 15px;align-items: center;}
    .money_end .s_money_info dd {display:flex;height:50px;color:#000000;font-size:14px;padding:0 15px 0 0;align-items: center;}
    .money_end .s_money_info dd strong {color:#000000;font-size:28px;font-weight:500;line-height:1;}
    .money_end.case1 .s_money_info dd strong {color:#ff89a7;}
    .money_end .btn_ok {width:calc(100% - 60px);height:56px;color:#ffffff;font-size:20px;background:#0265d1;border-radius:28px;margin:0 auto;}
    .money_end.case1 .btn_ok {background:#850d2b;}

    .money_credit {width:calc(100% - 20px);margin:0 auto 20px auto;border-bottom:1px solid #2a2e34;}
    .money_credit dl {}
    .money_credit dt {display:flex;height:90px;background:#eeeeee;align-items: center;justify-content: center;}
    .money_credit dt img {max-width:270px;width:65%;}
    .money_credit dd {display:flex;height:80px;color:#ffffff;font-size:42px;font-weight:400;background:#006df3;line-height:1;align-items: center;justify-content: center;}
    .money_credit dd em {color:#ffffff;font-size:30px;}

    .money_move_list {width:calc(100% - 20px);margin:0 auto 20px auto;}
    .money_move_list ul {height:200px;border-top:1px solid #222e3b;overflow:hidden;overflow-y:auto;}
    .money_move_list ul::-webkit-scrollbar {width:14px;height:14px;}
    .money_move_list ul::-webkit-scrollbar-thumb {background:#006df3;border-radius:0;}
    .money_move_list ul::-webkit-scrollbar-track {background:#ebebeb;border-radius:0;}
    .money_move_list li {display:flex;height:46px;background:#1b2633;border-bottom:1px solid #222e3b;padding:0 20px 0 40px;align-items: center;justify-content: space-between;}
    .money_move_list li:hover,
    .money_move_list li.on {background:#414b55;}
    .money_move_list li strong {color:#ffffff;font-size:14px;}
    .money_move_list li span {color:#ffffff;font-size:14px;}
    .money_move_list li span.zero {color:#a4aeb6;}

    .money_move_box {width:calc(100% - 20px);padding:30px 10px 30px 10px;margin:0 auto;}
    .money_move_box .inbox {background:#ebebeb;border-radius:15px;padding:25px 15px;box-shadow:0 0 12px rgba(0,0,0,0.3);}
    .money_move_box .inbox .before_box {position:relative;background:#ffffff;border-radius:15px;padding:20px 25px;margin:0 0 40px 0;}
    .money_move_box .inbox .before_box span {display:block;color:#a3a3a3;font-size:14px;line-height:1;margin:0 0 5px 0;}
    .money_move_box .inbox .before_box strong {display:block;color:#000000;font-size:20px;line-height:1;}
    .money_move_box .inbox .before_box:after {
        content:'';position:absolute;bottom:-27px;left:50%;width:14px;height:14px;background:url('/images/winwin3_mobile/money/ic_down_1.png') no-repeat center center;background-size:14px auto;
        transform:translateX(-50%);
    }
    .money_move_box .inbox .after_box {background:linear-gradient(to right, #0070c5, #3897f1);border-radius:15px;padding:20px 25px;margin:0 0 30px 0;}
    .money_move_box .inbox .after_box span {display:block;color:#a4c1e5;font-size:14px;line-height:1;margin:0 0 5px 0;}
    .money_move_box .inbox .after_box strong {display:block;color:#ffffff;font-size:20px;line-height:1;}
    .money_move_box .inbox .img {text-align:center;margin:0 0 20px 0;}
    .money_move_box .inbox .img img {width:110px;margin:0 auto;}
    .money_move_box .inbox .money {text-align:center;margin:0 0 10px 0;}
    .money_move_box .inbox .money strong {display:inline-block;color:#006df3;font-size:44px;font-weight:400;line-height:1;padding:0 10px 5px 10px;border-bottom:1px solid #006df3;margin:0 auto;}
    .money_move_box .inbox .money em {color:#006df3;font-size:30px;}
    .money_move_box .inbox .move_info {display:block;text-align:center;color:#959595;font-size:20px;padding:10px 0;}

    .money_btn_area {display:flex;width:100%;height:60px;}
    .money_btn_area button {width:50%;height:60px;color:#ffffff;font-size:18px;}
    .money_btn_area button:nth-of-type(1) {background:#003050;}
    .money_btn_area button:nth-of-type(2) {background:#d4272b;}

    .point_box {width:calc(100% - 40px);padding:25px 0 0 0;margin:0 auto;}
    .point_box dl {margin:0 0 20px 0;}
    .point_box dt {color:#666464;font-size:14px;margin:0 0 10px 0;}
    .point_box dd {display:flex;position:relative;}
    .point_box dd .input {display:flex;width:100%;background:#ffffff;height:40px;border-radius:10px;align-items: center;justify-content: space-between;}
    .point_box dd input[type="text"] {flex:1;height:100%;color:#a4a4a4;font-size:14px;border-radius:10px;padding:0 15px;}
    .point_box dd .rt input[type="text"] {text-align:right;color:#4d4d4d;font-size:18px;}
    .point_box .btn_view {width:70px;height:40px;color:#ffffff;font-size:14px;background:#0265d1;border-radius:10px;}
    .point_box button.btn_point {width:100%;height:56px;color:#ffffff;font-size:18px;background:#0049c9;border-radius:10px;margin:20px 0 0 0;}

    .popup_point {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);padding:0 20px;z-index:100;align-items: center;justify-content: center;}
    .popup_point.show {display:flex;}
    .popup_point .pop_cont {position:relative;}
    .popup_point .pop_cont .img {position:relative;}
    .popup_point .pop_cont .img img {width:100%;}
    .popup_point .pop_cont .img .tx {position:absolute;top:13%;left:11%;color:#303030;font-size:34px;line-height:1.1;}
    .popup_point .pop_cont .img .tx span {display:block;color:#9a9a9a;font-size:18px;margin:0 0 10px 0;}
    .popup_point .pop_cont .img .tx strong {color:#00b1c0;font-size:34px;letter-spacing:-1px;}
    .popup_point .pop_cont .img .tx em {color:#c00000;font-size:34px;}
    .popup_point .btn_ok {display:flex;position:absolute;bottom:0;width:100%;height:20%;align-items: center;justify-content: center;}
    .popup_point .btn_ok span {display:flex;color:#ffffff;font-size:20px;align-items: center;justify-content: center;}
    .popup_point .btn_ok i {margin:0 15px 0 0;}
    .popup_point .btn_ok i img {width:30px !important;}
    .popup_point .pop_cont .link {text-align:center;padding:20px 0;}
    .popup_point .pop_cont .link a {color:#d1d1d1;font-size:14px;text-decoration:underline;}


    /** 미니게임 **/
    .mini_game_time {display:flex;height:50px;background:linear-gradient(to bottom, #3e4559, #262a36);padding:0 20px;justify-content: space-between;}
    .mini_game_time .lt {display:flex;height:50px;padding:8px 0 0 0;flex-direction: column;}
    .mini_game_time .lt p {margin:0 0 5px 0;}
    .mini_game_time .lt span {display:inline-block;width:70px;color:#ffffff;font-size:14px;}
    .mini_game_time .lt strong {display:inline-block;color:#ffffff;font-size:14px;}
    .mini_game_time .rt {display:flex;height:50px;color:#fef582;font-size:36px;font-weight:600;align-items: center;}

    .mini_game_area {margin:0 0 5% 0;text-align:center;}
    .mini_game_area img {width:100%;}

    .mini_list {margin:0 0 20px 0;}
    .mini_list table {width:100%;}
    .mini_list thead th {text-align:center;color:#ffffff;font-size:15px;background:#999999;border:1px solid #888888;padding:10px 0;}
    .mini_list tbody td {text-align:center;color:#666666;font-size:12px;background:#cddde9;border:1px solid #dddddd;padding:10px 0;}

    .mini_betting_zone {background:#ffffff;margin:0 0 5% 0;}
    .mini_betting_zone .ti {display:flex;height:36px;color:#000000;font-size:16px;border:1px solid #b3b3b3;align-items:center;justify-content:center;}
    .mini_betting_zone .score {}
    .mini_betting_zone .score ul {display:flex;width:100%;}
    .mini_betting_zone .score ul li {display:flex;width:calc(100% / 2);border:1px solid #b3b3b3;padding:3% 0;flex-direction:column;justify-content:center;align-items:center;}
    .mini_betting_zone .score.col3 ul li {display:flex;width:calc(100% / 3);}
    .mini_betting_zone .score ul li strong {display:flex;width:70px;height:70px;color:#ffffff;font-size:18px;font-weight:600;line-height:1.1;background:url('/images/winwin3_mobile/mini/img_betting_zone.png') no-repeat center center;background-size:100%;border-radius:50%;margin:0 0 2% 0;flex-direction:column;justify-content:center;align-items:center;}
    .mini_betting_zone .score ul li strong em {color:#ffffff;font-size:12px;}
    .mini_betting_zone .score ul li span {color:#000000;font-size:12px;}
    /*
  .mini_betting_zone .score.col2 ul li:nth-of-type(1) strong:hover,
  .mini_betting_zone .score.col2 ul li:nth-of-type(1) strong.on {background:url('/images/winwin3_mobile/mini/img_betting_zone_1.png') no-repeat center center;background-size:100%;}
  .mini_betting_zone .score.col2 ul li:nth-of-type(2) strong:hover,
  .mini_betting_zone .score.col2 ul li:nth-of-type(2) strong.on {background:url('/images/winwin3_mobile/mini/img_betting_zone_2.png') no-repeat center center;background-size:100%;}
  .mini_betting_zone .score.col3 ul li strong:hover,
  .mini_betting_zone .score.col3 ul li strong.on {background:url('/images/winwin3_mobile/mini/img_betting_zone_3.png') no-repeat center center;background-size:100%;}
  */
    .mini_betting_zone .score.col2 ul li.miniOff_up:nth-of-type(1) strong {background:url('/images/winwin3_mobile/mini/img_betting_zone_1.png') no-repeat center center;background-size:100%;}
    .mini_betting_zone .score.col2 ul li.miniOff_up:nth-of-type(2) strong {background:url('/images/winwin3_mobile/mini/img_betting_zone_2.png') no-repeat center center;background-size:100%;}
    .mini_betting_zone .score.col3 ul li.miniOff_up strong{background:url('/images/winwin3_mobile/mini/img_betting_zone_3.png') no-repeat center center;background-size:100%;}
    .mini_betting_zone .score.col3 ul li.miniOff_up:nth-of-type(1) strong{background:url('/images/winwin3_mobile/mini/img_betting_zone_1.png') no-repeat center center;background-size:100%;}
    .mini_betting_zone .score.col3 ul li.miniOff_up:nth-of-type(2) strong{background:url('/images/winwin3_mobile/mini/img_betting_zone_2.png') no-repeat center center;background-size:100%;}

    /* �?365 */
    .bet365 {}
    .bet365 .play_box {}
    .bet365 .play_box img {width:100%;}
    .bet365 .menu {}
    .bet365 .menu ul {display:flex;height:50px;background:#57c0ba;}
    .bet365 .menu li {display:flex;width:33.33%;height:50px;color:#000000;background:#ffffff;border:1px solid #f0f0f0;align-items:center;justify-content:center;}
    .bet365 .menu li.active, .bet365 .menu li:hover {color:#ffffff;background:#506df5;}
    .bet365 .game_bet_list {position:relative;background:#f0f0f0;}
    .bet365 .game_bet_list .loading {display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:100;}
    .bet365 .game_bet_list .loading .inbox {display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;}
    .bet365 .game_bet_list .loading p {color:#ffffff;margin:10px 0 0 0;}
    .bet365 .game_bet_info {margin:0 0 14px 0;}
    .bet365 .game_bet_info .tit {display:flex;color:#000000; height:34px;background:#e3e3e3;padding:0 7px;align-items:center;justify-content:space-between;}
    .bet365 .game_bet_info .tit span {}
    .bet365 .game_bet_info .tit strong {font-weight:500;}
    .bet365 .game_bet_info ul {display:flex;flex-wrap: wrap;flex-direction:row;}
    .bet365 .game_bet_info li {width:50%;background:#f0f0f0;padding:1px;}
    .bet365 .game_bet_info dl {display:flex;height:30px;background:#ffffff;padding:0 5px;align-items:center;justify-content:space-between;}
    .bet365 .game_bet_info dt {padding:0 5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#454545}
    .bet365 .game_bet_info dd {color:#506df5;}
    .bet365 .game_bet_info dl:hover,
    .bet365 .game_bet_info dl.bg1 {background:#ffab00;}
    .bet365 .game_bet_info dl:hover dt,
    .bet365 .game_bet_info dl.bg1 dt {color:#000000;}
    .bet365 .game_bet_info dl:hover dd,
    .bet365 .game_bet_info dl.bg1 dd {color:#000000;}
    .bet365 .game_bet_list .loading {display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:50;}
    .bet365 .game_bet_list .loading .inbox {display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;}
    .bet365 .game_bet_list .loading p {color:#000000;margin:10px 0 0 0;}

    .sports_bet_info1 {background:#e3e3e3;padding:2px;}
    .sports_bet_info1 .tit {padding:10px;    background: #19343a;}
    .sports_bet_info1 .tit ul {display:flex;}
    .sports_bet_info1 .tit li {display:flex;align-items:center;}
    .sports_bet_info1 .tit li i {margin:0 7px 0 0;}
    .sports_bet_info1 .tit li em {height:30px;color:#ffffff;line-height:30px;background:#57c0ba;padding:0 20px;border-radius:15px;}
    .sports_bet_info1 .tit li em:hover,
    .sports_bet_info1 .tit li em.on {background:#0265d1;}
    .sports_bet_info1 .tit li:nth-of-type(1) {width:34%;}
    .sports_bet_info1 .tit li:nth-of-type(2) {width:34%;justify-content:flex-end;}
    .sports_bet_info1 .tit li:nth-of-type(3) {width:32%;justify-content:flex-end;}
    .sports_bet_info1 .bet_info {background:#dbdbdc;padding:7px 7px 4px 7px;}
    .sports_bet_info1 .bet_info ul {display:flex;margin:0 0 3px 0;justify-content:space-between;align-items:center;}
    .sports_bet_info1 .bet_info li {display:flex;justify-content:space-between;align-items:center;}
    .sports_bet_info1 .bet_info dl {display:flex;width:100%;height:34px;background:#ffffff;border-radius:17px;padding:0 5px 0 5px;align-items:center;justify-content:space-between;}
    .sports_bet_info1 .bet_info dt {font-size:12px;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #000;}
    .sports_bet_info1 .bet_info dd {display:flex;font-size:12px;color:#4b6cff;padding:0 5px;align-items:center;}
    .sports_bet_info1 .bet_info span {display:flex;width:100%;height:34px;color:#4b6cff;background:#ffffff;border-radius:17px;padding:0 5px;align-items:center;justify-content:center;}
    .sports_bet_info1 .bet_info dl:hover,
    .sports_bet_info1 .bet_info dl.bg1 {background:#0265d1;}
    .sports_bet_info1 .bet_info dl:hover dt,
    .sports_bet_info1 .bet_info dl.bg1 dt {color:#ffffff;}
    .sports_bet_info1 .bet_info dl:hover dd,
    .sports_bet_info1 .bet_info dl.bg1 dd {color:#ffffff;}
    .sports_bet_info1 .bet_info span:hover,
    .sports_bet_info1 .bet_info span.bg1 {color:#ffffff;background:#ffab00;}
    .sports_bet_info1 .bet_info dl.txt1 dt {color:#506df5;}
    .sports_bet_info1 .bet_info dl.txt1 dd {color:#506df5;}
    .sports_bet_info1 .bet_info li:nth-of-type(1) {width:35%;}
    .sports_bet_info1 .bet_info li:nth-of-type(2) {width:30%;padding:0 4px;}
    .sports_bet_info1 .bet_info li:nth-of-type(3) {width:35%;}
    .sports_bet_info1 .bet_info li:nth-of-type(3) dl {flex-direction:row-reverse;}
    .sports_bet_info1 .bet_info ul.case2 li:nth-of-type(1) {width:42%;}
    .sports_bet_info1 .bet_info ul.case2 li:nth-of-type(2) {width:16%;}
    .sports_bet_info1 .bet_info ul.case2 li:nth-of-type(3) {width:42%;}
    .sports_bet_info1 .bet_info ul.case2 li:nth-of-type(1) dd {justify-content:flex-end;}
    .sports_bet_info1 .bet_info ul.case2 li:nth-of-type(3) dd {justify-content:flex-start;}
    .sports_bet_info1 .bet_info ul.case2 dd i {margin:0 5px 0 0;}

    /* ?���? 게임 */
    .slot_list1 {position:relative;display:flex;align-items:center;overflow:hidden;}
    .slot_list1 .menu_box {display:flex;padding:15px 0 20px 0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;}
    .slot_list1 .menu_box .img {display:flex;width:100px;height:100px;background:#ffffff;box-shadow:0 0 7px rgba(0,0,0,0.3);border-radius:50px;margin:0 0 10px 0;justify-content:center;align-items:center;}
    .slot_list1 .menu_box .img i {width:70%;height:70%;}
    .slot_list1 .menu_box .tit {color:#fff;font-size:14px;line-height:1;}
    .slot_list1 .menu_box:hover .tit {color:#0265d1;}
    .slot_list1 .swiper {padding:0 10px;}
    .slot_list1 .swiper .swiper-slide {width:auto !important;}
    .slot_list1 .menu_box .img i.bg1 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_1.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg2 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_2.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg3 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_3.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg4 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_4.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg5 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_5.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg6 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_6.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg7 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_7.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg8 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_8.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg9 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_9.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg10 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_10.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg11 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_11.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg12 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_12.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg13 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_13.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg14 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_14.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg15 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_15.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg16 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_16.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg17 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_17.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg18 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_18.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg19 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_qt.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg20 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_ga.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg21 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_pgs.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box .img i.bg22 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_22.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg1 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_1_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg2 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_2_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg3 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_3_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg4 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_4_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg5 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_5_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg6 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_6_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg7 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_7_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg8 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_8_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg9 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_9_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg10 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_10_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg11 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_11_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg12 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_12_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg13 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_13_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg14 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_14_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg15 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_15_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg16 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_16_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg17 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_17_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg18 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_18_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg19 , .slot_list1 .menu_box.on .img i.bg19 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_qt_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg20 , .slot_list1 .menu_box.on .img i.bg20 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_ga_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg21 , .slot_list1 .menu_box.on .img i.bg21 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_pgs_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
    .slot_list1 .menu_box:hover .img i.bg22 , .slot_list1 .menu_box.on .img i.bg22 {background-image:url('/images/winwin3_mobile/slot/img_slot_link_22_on.png');background-repeat:no-repeat;background-position:center center;background-size:100% auto;}

    .slot_list2 {margin:0 0 10px 0;}
    .slot_list2 ul {display:flex;padding:0 5px 0 5px;flex-wrap:wrap;}
    .slot_list2 li {display:flex;width:calc(100% / 2);padding:0 5px;margin:0 0 10px 0;}
    .slot_list2 .box {display:flex;width:100%;cursor:pointer;flex-direction:column;}
    .slot_list2 .box .img {position:relative;width:100%;overflow:hidden;}
    .slot_list2 .box .img img {width:100%;}
    .slot_list2 .box .img:after {
        display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;opacity:0.8;
        background: linear-gradient(226deg, rgba(255,150,121,1) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0.6) 45%, rgba(255,255,255,0) 60%);
        transform: translateX(50%);
        transition: transform 0.65s cubic-bezier(0.18, 0.9, 0.58, 1);
    }
    .slot_list2 .box .img:hover:after {
        transform: translateX(0);
        opacity: 1
    }

    .slot_list2 .box .title {
        display: flex;
        width: 100%;
        height: 36px;
        background: #002050;
        padding: 0 14px 0 14px;
        align-items: center;
        margin:0px;
    }

    .slot_list2 .box:hover .title {
        background: #0265d1;
    }

    .slot_list2 .box .title span {
        width: 20px;
        height: 20px;
        background: url('/images/winwin3_mobile/slot/ic_star3.png') no-repeat center center;
        background-size: 100% auto;
        margin: 0 10px 0 0;
    }

    .slot_list2 .box:hover .title span {
        background: url('/images/winwin3_mobile/slot/ic_star3_on.png') no-repeat center center;
        background-size: 100% auto;
    }

    .slot_list2 .box .title strong {
        color: #ffffff;
        font-size: 14px;
    }
    /** 머니?��?�� **/
    .move_money_area {}
    .move_money_area .have_money {display:flex;padding:0 1%;margin-bottom:3%;align-items:center;justify-content:space-between;}
    .move_money_area .have_money i {}
    .move_money_area .have_money i img {width:80%;}
    .move_money_area .have_money span {color:#ffffff;font-size:40px;font-weight:500;}
    .move_money_area .have_money span em {color:#ffffff;font-size:20px;font-weight:500;}
    .move_money_area .game_list {background:#ffffff;position:relative;display:flex;width:100%;height:240px;margin:0 auto 3% auto;border:1px solid #000000;}
    .move_money_area .game_list .ti {position:relative;width:40px;height:100%;background: #fff;}
    .move_money_area .game_list .ti span {display:inline-block;white-space:nowrap;position:absolute;top:6%;left:87%;color:#000000;font-size:18px;transform:rotate(90deg);transform-origin:left top;}
    .move_money_area .game_list ul {width:calc(100% - 40px);height:100%;overflow:hidden;overflow-y:auto;}
    .move_money_area .game_list ul::-webkit-scrollbar {width:10px;height:10px;}
    .move_money_area .game_list ul::-webkit-scrollbar-thumb {background:#2772d4;border-radius:0;}
    .move_money_area .game_list ul::-webkit-scrollbar-track {background:#b8babf;border-radius:0;}
    .move_money_area .game_list li {position:relative;display:flex;background:#f3f3f3;padding:0 20px 0 44px;border:1px solid #000000;border-top:0;cursor:pointer;justify-content: space-between;}
    .move_money_area .game_list li:nth-of-type(2n) {background:#e1e1e1;}
    .move_money_area .game_list li strong {display:flex;height:34px;color:#000000;font-size:14px;align-items: center;}
    .move_money_area .game_list li span {display:flex;height:34px;color:#000000;font-size:14px;align-items: center;}
    .move_money_area .game_list li.checked:before {content:'';position:absolute;top:5px;left:8px;width:25px;height:25px;background:url('/images/winwin3_mobile/ic_check_1.png') no-repeat center center;background-size:25px auto;}
    .move_money_area .game_list li.checked,
    .move_money_area .game_list li:hover {background:#2772d4;}
    .move_money_area .game_list li.checked strong,
    .move_money_area .game_list li:hover strong {color:#ffffff;}
    .move_money_area .game_list li.checked span,
    .move_money_area .game_list li:hover span {color:#ffffff;}
    .move_money_area .game_list.red ul::-webkit-scrollbar {width:10px;height:10px;}
    .move_money_area .game_list.red ul::-webkit-scrollbar-thumb {background:#d4272b;border-radius:0;}
    .move_money_area .game_list.red ul::-webkit-scrollbar-track {background:#b8babf;border-radius:0;}
    .move_money_area .game_list.red li.checked:before {content:'';position:absolute;top:5px;left:8px;width:25px;height:25px;background:url('/images/winwin3_mobile/ic_check_2.png') no-repeat center center;background-size:25px auto;}
    .move_money_area .game_list.red li.checked,
    .move_money_area .game_list.red li:hover {background:#d4272b;}
    .move_money_area .game_list.red li.checked strong,
    .move_money_area .game_list.red li:hover strong {color:#ffffff;}
    .move_money_area .game_list.red li.checked span,
    .move_money_area .game_list.red li:hover span {color:#ffffff;}
    .move_money_area .move_game {}
    .move_money_area .move_game dl {display:flex;width:100%;margin:0 auto;border:1px solid #b7b7b7;align-items: center;justify-content: space-between;}
    .move_money_area .move_game dt {display:flex;width:100px;height:40px;color:#000000;font-size:14px;background:#ffffff;padding:0 0 0 3%;border-right:1px solid #b7b7b7;justify-content: flex-start;align-items: center;}
    .move_money_area .move_game dd {display:flex;width:calc(100% - 100px);height:40px;background:#c2d8ff;padding:0 2% 0 5%;justify-content:space-between;align-items:center;}
    .move_money_area .move_game dl:nth-of-type(2) dt {color:#f92552;}
    .move_money_area .move_game dd strong {color:#000000;font-size:16px;}
    .move_money_area .move_game dd span {color:#000000;font-size:16px;}
    .move_money_area .money_btns {display:flex;flex-wrap: wrap;justify-content: center;}
    .move_money_area .money_btns button {width:calc(100% / 4);height:40px;color:#cfd5dd;font-size:18px;background:#ffffff;border:1px solid #b7b7b7;box-shadow:0 0 5px 5px rgba(195,207,234,0.3) inset;}
    .move_money_area .money_btns button.col2 {width:calc(100% / 2);}
    /*.move_money_area .money_btns button:hover,
  .move_money_area .money_btns button.on {background:linear-gradient(to bottom, #0658aa, #0763c6);}*/
    .move_money_area .move_money {width:100%;text-align:right;color:#ffffff;font-size:40px;font-weight:600;line-height:1;background:#84899c;padding:2% 2% 3% 0;}
    .move_money_area button.btn_money {display:flex;width:100%;height:60px;background:#ffffff;border:1px solid #93a2be;box-shadow:3px 3px 5px 5px rgba(195,207,234,0.3)
    inset;margin:0 auto;align-items: center;justify-content: center;}
    .move_money_area button.btn_money i {margin-right:2%;}
    .move_money_area button.btn_money i img {width:30px;}
    .move_money_area button.btn_money span {color:#000000;font-size:16px;line-height:1.1;}


    /** ?��?���? **/
    .sp_main_title {display:flex;padding:5% 0;justify-content: center;}
    .sp_main_title img {width:80%;}

    .sp_bet_info {padding:10px 0;}
    .sp_bet_info .bx1 {text-align:center;padding:7px 3px;margin:0 0 7px 0;border-radius:3px;}
    .sp_bet_info .bx1 span {display:inline-block;position:relative;padding:0 15px;}
    .sp_bet_info .bx1 span:before {content:'';position:absolute;top:1px;left:0;width:10px;height:10px;background:url('/images/winwin3_mobile/sports/ico_1.png') no-repeat center center;background-size:9px 8px;}
    .sp_bet_info .bx1 span:after {content:'';position:absolute;top:1px;right:0;width:10px;height:10px;background:url('/images/winwin3_mobile/sports/ico_1.png') no-repeat center center;background-size:9px 8px;}
    .sp_bet_info .bx1 button {display:inline-block;position:relative;padding:0 20px 0 0;margin:0 5px;}
    .sp_bet_info .bx1 button.btn1:after {content:'';position:absolute;top:0;right:0;width:14px;height:14px;background:url('/images/winwin3_mobile/sports/ico_2.png') no-repeat center center;background-size:14px 14px;}
    .sp_bet_info .bx1 button.btn2:after {content:'';position:absolute;top:0;right:0;width:14px;height:14px;background:url('/images/winwin3_mobile/sports/ico_3.png') no-repeat center center;background-size:14px 14px;}
    .sp_bet_info .bx1 div:nth-of-type(1) {margin:0 0 5px 0;}
    .sp_bet_info .bx1 div:nth-of-type(1) span {color:#00eff7;}
    .sp_bet_info .bx2 {display:flex;padding:7px 1%;border-radius:3px;justify-content:center;}
    .sp_bet_info .bx2 div {display:flex;width:calc(33.33% - 6px);height:40px;border:1px solid #454462;border-radius:4px;margin:0 2px;align-items:center;justify-content:space-between;}
    .sp_bet_info .bx2 div span {display:flex;width:45%;height:100%;color:#ffffff;font-size:12px;padding:0 0 0 5%;align-items: center;}
    .sp_bet_info .bx2 div strong {display:flex;width:55%;height:100%;color:#ffffff;font-size:20px;align-items: center;justify-content: center;}
    .sp_bet_info .bx2 div:nth-of-type(1) span {background:#43609c;}
    .sp_bet_info .bx2 div:nth-of-type(1) strong {background:#4e6cac;}
    .sp_bet_info .bx2 div:nth-of-type(2) span {background:#32b8e4;}
    .sp_bet_info .bx2 div:nth-of-type(2) strong {background:#4cd3ff;}
    .sp_bet_info .bx2 div:nth-of-type(3) span {background:#88439c;}
    .sp_bet_info .bx2 div:nth-of-type(3) strong {background:#9d54aa;}

    .sports_menu {display:none;position:absolute;top:290px;width:100%;background:#c4c4c4;}
    .sports_menu .menu_box {display:flex;width:100%;height:50px;}
    .sports_menu .menu_box ul {display:flex;width:100%;height:50px;}
    .sports_menu .menu_box li {
        display:flex;width:calc(100% / 3);cursor:pointer;
        background:#ffffff;border:1px solid #c4c4c4;
        flex-direction:column;align-items:center;justify-content:center;
    }
    .sports_menu .menu_box li strong {display:flex;height:22px;color:#8c8c8c;font-size:12px;background:#161616;border-radius:6px;padding:0 10px;margin:0 0 3px 0;align-items: center;}
    .sports_menu .menu_box li span {color:#000000;font-size:12px;}
    .sports_menu .menu_box li.on, .sports_menu .menu_box li:hover {background:#093687;}
    .sports_menu .menu_box li.on span, .sports_menu .menu_box li:hover span {color:#ffffff;}

    .sports_menu .sp_menu_list {display:flex;width:100%;height:50px;background:#0265d1;padding:0 12px;margin:0 0 1px 0;cursor:pointer;align-items:center;justify-content:flex-start;}
    .sports_menu .sp_menu_list i {
        display:flex;width:28px;height:29px;background:url('/images/winwin3_mobile/sports/bg_left_menu_1.png') no-repeat center center;margin:0 10px 0 0;
        flex-direction: column;align-items: center;justify-content: center;
    }
    .sports_menu .sp_menu_list strong {display:flex;color:#ffffff;font-size:15px;font-weight:600;line-height:1.3;text-shadow:1px 1px 3px rgba(0,0,0,0.5);flex-direction:column;justify-content:center;}
    .sports_menu .sp_menu_list span {color:#ffffff;font-size:8px;}
    .sports_menu .sp_menu_list:hover strong {color:#fffc00;}
    .sports_menu .sp_menu_list:hover span {color:#fffc00;}

    .sports_menu .game_time {position:relative;display:flex;width:100%;height:50px;background:#dedede;padding:0 0 0 7px;margin:0;border:1px solid #c4c4c4;border-bottom:0;align-items:center;}
    .sports_menu .game_time i {
        display:none;width:28px;height:29px;background:url('/images/winwin3_mobile/sports/bg_left_menu_1.png') no-repeat center center;margin:0 5px 0 0;border-radius:5px;
        flex-direction: column;align-items: center;justify-content: center;
    }
    .sports_menu .game_time span {
        display:flex;width:96px;height:36px;background:#111111;
        border-top:1px solid #111111;border-left:1px solid #111111;border-right:1px solid #0388e1;border-bottom:1px solid #0388e1;border-radius:6px;padding:5px;cursor:pointer;
        align-items:center;
    }
    .sports_menu .game_time span em {width:100%;height:100%;display:flex;color:#ffffff;font-size:13px;padding:0 10px;background-image:url('/images/winwin3_mobile/sports/ic_left_3.png');background-repeat:no-repeat;background-position:80% center;align-items:center;}
    .sports_menu .game_time .sub_search_list {display:none;}
    .sports_menu .game_time.active span em {
        background:#0466d1 url('/images/winwin3_mobile/sports/ic_left_3_on.png') no-repeat 80% center;
        border-top:1px solid #068de0;border-left:1px solid #068de0;border-right:1px solid #06213d;border-bottom:1px solid #06213d;border-bottom:0;border-radius:3px;z-index:11;
    }
    .sports_menu .game_time.active .sub_search_list {
        display:block;position:absolute;top:35px;left:13px;z-index:10;overflow:hidden;border-radius:0 4px 4px 4px;box-shadow:2px 2px 5px rgba(0, 0, 0, 0.6);
    }
    .sports_menu .game_time.active .sub_search_list::-webkit-scrollbar {width:2px;height:2px;}
    .sports_menu .game_time.active .sub_search_list::-webkit-scrollbar-thumb {background:#1eff00;border-radius:1px;}
    .sports_menu .game_time.active .sub_search_list::-webkit-scrollbar-track {background:#191919;border-radius:1px;}
    .sports_menu .game_time.active .sub_search_list ul {width:125px;}
    .sports_menu .game_time.active .sub_search_list li {
        display:flex;height:30px;color:#ffffff;font-size:12px;background:#0567d2;background:#0567d2;padding:0 10px;cursor:pointer;
        border-top:1px solid #068de0;border-left:1px solid #068de0;border-right:1px solid #06213d;border-bottom:1px solid #06213d;
        align-items:center;
    }
    .sports_menu .game_time.active .sub_search_list li:hover {background:#064f9f;}
    .sports_menu .game_time span {background:#111111;border:1px solid #111111;}

    .sports_menu .sp_search_box {position:relative;display:flex;width:100%;height:50px;background:#dedede;padding:0 7px 0 7px;border:1px solid #c4c4c4;border-top:0;align-items:center;}
    .sports_menu .sp_search_box i {
        display:none;width:28px;height:29px;background:url('/images/winwin3_mobile/sports/bg_left_menu_1.png') no-repeat center center;margin:0 5px 0 0;border-radius:5px;
        flex-direction: column;align-items: center;justify-content: center;
    }
    .sports_menu .sp_search_box span {display:flex;width:40px;color:#000000;font-size:12px;justify-content:center;float:left;margin-top:10px;}
    .sports_menu .sp_search_box .input {
        display:flex;width:calc(100% - 40px);height:36px;font-size:13px;
        background:#969696;border-top:1px solid #5e5e5e;border-left:1px solid #5e5e5e;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding:0 3px;border-radius:6px;
        align-items:center;justify-content:space-between;
    }
    .sports_menu .sp_search_box .input input[type="text"] {width:calc(100% - 35px);height:28px;color:#968d83;font-size:12px;background:#ffffff;border-radius:4px;padding:0 5px;}
    .sports_menu .sp_search_box .input button {
        width:30px;height:30px;
        background:linear-gradient(to bottom, #4e463f, #302b27);border-top:1px solid #635950;border-left:1px solid #635950;border-right:1px solid #322d29;border-bottom:1px solid #322d29;border-radius:6px;
    }

    /** ?��기종�? **/
    .sports_menu .popul_list {border-bottom:1px solid #c4c4c4;}
    .sports_menu .popul_list .top {position:relative;display:flex;height:50px;background:#ffffff;cursor:pointer;align-items:center;}
    .sports_menu .popul_list .top:before {content:'';position:absolute;top:0;left:0;width:4px;height:100%;}
    .sports_menu .popul_list .top.line1:before {background:#ffa500;}
    .sports_menu .popul_list .top.line2:before {background:#57a49b;}
    .sports_menu .popul_list .top.line3:before {background:#d2d48c;}
    .sports_menu .popul_list .top.line4:before {background:#d6635a;}
    .sports_menu .popul_list .top.line5:before {background:#6ab69e;}
    .sports_menu .popul_list .top.line6:before {background:#83813b;}
    .sports_menu .popul_list .top.line7:before {background:#769024;}
    .sports_menu .popul_list .top i {display:flex;width:40px;height:30px;padding:0 0 0 10px;justify-content:center;align-items:center;}
    .sports_menu .popul_list .top i img {width:16px;}
    .sports_menu .popul_list .top strong {display:flex;position:relative;width:calc(100% - 40px);height:30px;color:#7a7a7a;font-size:12px;justify-content:flex-start;align-items:center;}
    .sports_menu .popul_list .top strong span {position:absolute;display:flex;top:0;right:40px;height:30px;color:#7a7a7a;font-size:12px;justify-content:flex-end;align-items:center;}
    .sports_menu .popul_list .top strong em {
        position:absolute;display:flex;top:0;right:0;width:30px;height:30px;
        background:url('/images/winwin3_mobile/sports/ic_sp_list_22.png') no-repeat center center;cursor:pointer;
        align-items:center;justify-content:center;
    }
    .sports_menu .popul_list .top strong em img {display:none;}
    .sports_menu .popul_list .conts {display:none;background:#023770;margin:0;}
    .sports_menu .popul_list.active .top strong em {
        position:absolute;display:flex;top:-10px;right:0;width:30px;height:50px;
        background:url('/images/winwin3_mobile/sports/ic_sp_list_21.png?ver=1') no-repeat center center;cursor:pointer;
        align-items:center;justify-content:center;
    }
    .sports_menu .popul_list.active .conts {display:block;background:#023770;margin:0 0 1px 0;}

    /** 메뉴 리스?�� **/
    .sports_menu .menu_list {border-bottom:1px solid #c4c4c4;}
    .sports_menu .menu_list .top {position:relative;display:flex;height:50px;background:#ffffff;cursor:pointer;align-items:center;}
    .sports_menu .menu_list .top:before {content:'';position:absolute;top:0;left:0;width:4px;height:100%;}
    .sports_menu .menu_list .top.line1:before {background:#ffa500;}
    .sports_menu .menu_list .top.line2:before {background:#57a49b;}
    .sports_menu .menu_list .top.line3:before {background:#d2d48c;}
    .sports_menu .menu_list .top.line4:before {background:#d6635a;}
    .sports_menu .menu_list .top.line5:before {background:#6ab69e;}
    .sports_menu .menu_list .top.line6:before {background:#83813b;}
    .sports_menu .menu_list .top.line7:before {background:#769024;}

    .sports_menu .menu_list .top i {display:flex;width:40px;height:30px;padding:0 0 0 10px;justify-content:center;align-items:center;}
    .sports_menu .menu_list .top i img {width:16px;}
    .sports_menu .menu_list .top strong {display:flex;position:relative;width:calc(100% - 40px);height:30px;color:#7a7a7a;font-size:12px;justify-content:flex-start;align-items:center;}
    .sports_menu .menu_list .top strong span {position:absolute;display:flex;top:0;right:40px;height:30px;color:#7a7a7a;font-size:12px;justify-content:flex-end;align-items:center;}
    .sports_menu .menu_list .top strong em {
        position:absolute;display:flex;top:-10px;right:0;width:30px;height:50px;background:url('/images/winwin3_mobile/sports/ic_sp_list_22.png?ver=1') no-repeat center center;cursor:pointer;
        align-items:center;justify-content:center;
    }
    .sports_menu .menu_list .conts {display:none;background:#023770;margin:0;}
    .sports_menu .menu_list.active .conts {display:block;background:#023770;margin:0 0 1px 0;}
    .sports_menu .menu_list.active .conts.case1 {padding:5px;}
    .sports_menu .menu_list.active .top em {background:url('/images/winwin3_mobile/sports/ic_sp_list_21.png?ver=1') no-repeat center center;top:-10px;right:0;width:30px;height:50px;}

    .sports_menu .sub_menu_list {}
    .sports_menu .sub_menu_list .top {position:relative;display:flex;height:50px;background:#323747 !important;border:1px solid #3a4155;margin:0 0 2px 0;cursor:pointer;align-items:center;}
    .sports_menu .sub_menu_list .top i {display:flex;width:35px;height:20px;padding:0 0 0 10px;justify-content:center;align-items:center;}
    .sports_menu .sub_menu_list .top i img {width:16px;}
    .sports_menu .sub_menu_list .top strong {display:flex;position:relative;width:calc(100% - 35px);height:20px;color:#ffffff;font-size:12px;justify-content:flex-start;align-items:center;}
    .sports_menu .sub_menu_list .top strong span {position:absolute;display:flex;top:0;right:33px;height:20px;color:#ffffff !important;font-size:12px;justify-content:flex-end;align-items:center;}
    .sports_menu .sub_menu_list .top strong em {
        position:absolute;display:flex;top:0;right:0;width:18px !important;height:20px !important;background:url('/images/winwin3_mobile/sports/ic_sp_list_18.png') no-repeat center center !important;transition:all 400ms;cursor:pointer;
        align-items:center;justify-content:center;
    }
    .sports_menu .sub_menu_list .top strong em img {transform:rotate(0deg) !important;}
    .sports_menu .sub_menu_list .conts {display:none;padding:0 !important;}

    .sports_menu .sp_game_box {}
    .sports_menu .sp_game_box .sub_tit {position:relative;display:flex;height:30px;color:#000000;font-size:12px;background:#d1e7ff;border:1px solid #c4c4c4;padding:0 10px;align-items:center;}
    .sports_menu .sp_game_box .sub_tit i {margin:0 8px 0 0;}
    .sports_menu .sp_game_box .sub_tit i img {width:16px;}
    .sports_menu .sp_game_box .g_info {background:#323747;border:1px solid #3a4155;margin:3px;}
    .sports_menu .sp_game_box .g_info dl {display:flex;padding:0px 10px;margin:0 0 2px 0;justify-content:space-between;}
    .sports_menu .sp_game_box .g_info dt {display:flex;color:#ffffff;font-size:12px;height:25px;align-items:center;}
    .sports_menu .sp_game_box .g_info dd {display:flex;height:25px;color:#2dd500;font-size:12px;align-items:center;justify-content:flex-end;}
    .sports_menu .sp_game_box .g_info dd i {display:flex;margin:0 0 0 5px;}
    .sports_menu .sp_game_box .g_info dl.more dt {color:#2dd500;}
    .sports_menu .sp_game_box .g_info .sub_info {display:flex;}
    .sports_menu .sp_game_box .g_info .sub_info .col {display:flex;width:calc(100% / 3);background:#323747;padding:0px 10px;border:1px solid #3a4155;cursor:pointer;justify-content:space-between;}
    .sports_menu .sp_game_box .g_info .sub_info .col strong {display:flex;height:35px;color:#ffffff;font-size:12px;align-items:center;}
    .sports_menu .sp_game_box .g_info .sub_info .col span {display:flex;height:35px;color:#fff600;font-size:12px;align-items:center;}
    .sports_menu .sp_game_box .g_info.bg1 {background:#0265d1;border:1px solid #0265d1;}
    .sports_menu .sp_game_box .g_info .sub_info .col:hover,
    .sports_menu .sp_game_box .g_info .sub_info .col.bg1 {background:#0265d1;}


    .sp_menu1 {display:flex;margin:0 0 5% 0;align-items:flex-end;}
    .sp_menu1 .menu {display:flex;width:75%;height:56px;overflow:hidden;overflow-x:auto;}
    .sp_menu1 .menu::-webkit-scrollbar {width:0;height:0;}
    .sp_menu1 ul {display:flex;height:56px;margin:10px 0 0 0;}
    .sp_menu1 ul li {position:relative;display:flex;width:80px;height:46px;background:#323150;border-top:4px solid #323150;border-right:1px solid #454462;flex-direction: column;justify-content: center;align-items: center;}
    .sp_menu1 ul li em {display:none;position:absolute;top:-7px;left:50%;width:14px;height:14px;border-radius:50%;box-shadow:1px 1px 3px rgba(0,0,0,0.2);transform:translateX(-50%);}
    .sp_menu1 ul li em img {width:100%;}
    .sp_menu1 ul li span {color:#828282;font-size:11px;}
    .sp_menu1 ul li strong {color:#828282;font-size:12px;}
    .sp_menu1 ul li:hover,
    .sp_menu1 ul li.on {background:#282740;border-top:4px solid #3ffeca;}
    .sp_menu1 ul li:hover em,
    .sp_menu1 ul li.on em {display:block;}
    .sp_menu1 ul li:hover span,
    .sp_menu1 ul li.on span{color:#3ffeca;}
    .sp_menu1 ul li:hover strong,
    .sp_menu1 ul li.on strong{color:#3ffeca;}
    .sp_menu1 .icons {display:flex;width:25%;height:46px;background:#323150;border-left:1px solid #454462;align-items: center;justify-content: center;}
    .sp_menu1 .icons span {width:40%;margin:2px;}
    .sp_menu1 .icons span img {width:90%;}


    .sp_menu1 .swiper-wrapper {display:flex;height:56px;margin:10px 0 0 0;}
    .sp_menu1 .swiper-wrapper .swiper-slide {position:relative;display:flex;width:80px;height:46px;background:#323150;border-top:4px solid #323150;border-right:1px solid #454462;flex-direction: column;justify-content: center;align-items: center;margin:0 !important;}
    .sp_menu1 .swiper-wrapper .swiper-slide em {display:none;position:absolute;top:-7px;left:50%;width:14px;height:14px;border-radius:50%;box-shadow:1px 1px 3px rgba(0,0,0,0.2);transform:translateX(-50%);}
    .sp_menu1 .swiper-wrapper .swiper-slide em img {width:100%;}
    .sp_menu1 .swiper-wrapper .swiper-slide span {color:#828282;font-size:11px;}
    .sp_menu1 .swiper-wrapper .swiper-slide strong {color:#828282;font-size:12px;}
    .sp_menu1 .swiper-wrapper .swiper-slide:hover,
    .sp_menu1 .swiper-wrapper .swiper-slide.on {background:#282740;border-top:4px solid #3ffeca;}
    .sp_menu1 .swiper-wrapper .swiper-slide:hover em,
    .sp_menu1 .swiper-wrapper .swiper-slide.on em {display:block;}
    .sp_menu1 .swiper-wrapper .swiper-slide:hover span,
    .sp_menu1 .swiper-wrapper .swiper-slide.on span{color:#3ffeca;}
    .sp_menu1 .swiper-wrapper .swiper-slide:hover strong,
    .sp_menu1 .swiper-wrapper .swiper-slide.on strong{color:#3ffeca;}

    .sp_menu1 .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content:"";}
    .sp_menu1 .swiper-button-next:after, .swiper-rtl .swiper-button-next:after {content:"";}

    .sp_menu1 .icons {display:flex;width:25%;height:46px;background:#323150;border-left:1px solid #454462;align-items: center;justify-content: center;position:relative;}
    .sp_menu1 .icons span {width:40%;margin:1px;opacity:1;background:none;display:block;content:none;pointer-events:auto;top:0;}
    .sp_menu1 .icons span img {width:90%;}

    .sp_list1 {position:relative;display:flex;width:96%;background:#f2f6fc;border:3px solid #fcfdfe;border-radius:10px;padding:65px 0 0 0;margin:0 auto 5% auto;flex-direction:column;}
    .sp_list1 .tit {display:flex;position:absolute;top:0;width:100%;height:56px;background:#e9effd;border:2px solid #275fc0;border-radius:8px;padding:0 5%;box-shadow:2px 2px 2px rgba(0,0,0,0.5);align-items:center;}
    .sp_list1 .tit i {margin:0 10px 0 0;}
    .sp_list1 .tit i img {width:40px;}
    .sp_list1 .tit .info {display:flex;flex-direction:column;}
    .sp_list1 .tit .info strong {color:#000000;font-size:16px;margin:0 0 5px 0;}
    .sp_list1 .tit .info span {color:#000000;font-size:14px;}
    .sp_list1 dl {}
    .sp_list1 dt {display:flex;height:34px;color:#ffffff;font-size:13px;border:1px solid #dae7fd;border-radius:6px;margin:0 0 1% 0;align-items: center;justify-content: center;}
    .sp_list1 dt.bg1 {color:#000000;background:#f9f725;box-shadow:0 0 7px 4px rgba(195,207,234,0.3) inset;}
    .sp_list1 dt.bg2 {background:#83c414;box-shadow:0 0 7px 4px rgba(195,207,234,0.3) inset;}
    .sp_list1 dt.bg3 {background:#14acc4;box-shadow:0 0 7px 4px rgba(195,207,234,0.3) inset;}
    .sp_list1 dd {display:flex;margin:0 0 2% 0;}
    .sp_list1 dd div {
        display: flex;
        background: #ffffff;
        padding: 3% 4%;
        border: 1px solid #dae7fd;
        border-radius: 6px;
        box-shadow: 0 0 7px 4px rgba(195, 207, 234, 0.3) inset;
        color:#000000;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .sp_list1 dd div:nth-of-type(1) {
        width: 40%;
        /*align-items: flex-start;*/
    }

    .sp_list1 dd div:nth-of-type(2) {
        width: 18%;
        margin: 0 1%;
    }

    .sp_list1 dd div:nth-of-type(3) {
        width: 40%;
        /*align-items: flex-start;*/
    }
    .sp_list1 dd div.bg1 {background:#0265d1;color:#fff;}
    .sp_list1 dd div strong {margin:0 0 5px 0;}
    .sp_list1 dd div span {display:flex;align-items: center;}
    .sp_list1 dd div i {margin:0 5px 0 0;}
    .sp_list1 dd div i img {width:16px;}
    .sp_list1 dd div em {display:flex;height:16px;color:#ffffff;font-size:10px;padding:0 10px;border-radius:3px;align-items: center;justify-content: center;}
    .sp_list1 dd div:nth-of-type(1) em {background:#f92552;}
    .sp_list1 dd div:nth-of-type(3) em {background:#007bbb;}


    /*.sp_game_list1 {margin:0 0 10px 0;}*/
    /*.sp_game_list1 {margin:0 0 10px 0;border:2px solid #31ff00;}*/
    .sp_game_list1 {margin:0 0 5px 0;border:2px solid #31ff00;}
    /*.sp_game_list1 .top {margin:0 0 7px 0;cursor:pointer;}*/
    .sp_game_list1 .top {margin:0;cursor:pointer;}
    /*.sp_game_list1 .top dl {display:flex;width:100%;height:46px;background:#f3f3f3;border:1px solid #e7e7e7;border-top:4px solid #c2d8ff;align-items:center;justify-content:space-between;}*/
    .sp_game_list1 .top dl {display:flex;width:100%;height:46px;background:#2a8219;align-items:center;justify-content:space-between;}
    .sp_game_list1 .top dt {display:flex;width:60%;height:46px;padding:0 0 0 15px;align-items:center;}
    .sp_game_list1 .top dt i {display:flex;margin:0 8px 0 0;align-items:center;}
    .sp_game_list1 .top dt i img {width:14px;}
    .sp_game_list1 .top dt i:nth-of-type(2) img {width:auto;}
    /*.sp_game_list1 .top dt strong {width:90%;color:#000000;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}*/
    .sp_game_list1 .top dt strong {width:90%;color:#ffffff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .sp_game_list1 .top dt strong img {vertical-align:middle;}
    .sp_game_list1 .top dd {position:relative;display:flex;width:40%;height:60px;padding:0 50px 0 0;align-items:center;justify-content:flex-end;}
    /*.sp_game_list1 .top dd span {color:#000000;font-size:12px;}*/
    .sp_game_list1 .top dd span {color:#ffffff;font-size:12px;}
    .sp_game_list1 .top dd em {position:absolute;display:flex;top:50%;right:20px;width:12px;height:12px;margin-top:-6px;transition:all 400ms;cursor:pointer;align-items:center;justify-content:center;}
    .sp_game_list1 .top dd em img {width:10px;}
    .sp_game_list1.active .top dd em {transform:rotate(180deg);}
    .sp_game_list1.active .conts {display:block;}
    /*.sp_game_list1 .conts {display:none;background:#fcfdfe;border:2px solid #d4deff;border-radius:4px;padding:4px;}*/
    .sp_game_list1 .conts {display:none;border-radius:4px;padding:4px;}
    .sp_game_list1 .conts.on {border:2px solid #597ef8;}
    .sp_game_list1 .conts .box {position:relative;background:#183d13;border:1px solid #1a560a;padding:0 8px 13px 8px;}
    .sp_game_list1 .conts.on .box {background:#d9e1f5;}
    .sp_game_list1 .conts .box .stats_area {
        position:absolute;display:flex;top:-5px;left:50%;width:220px;height:30px;background:url('/images/winwin3_mobile/sports/bg_stats_area_1.png') no-repeat center top;background-size:100% auto;transform:translateX(-50%);
        justify-content:center;align-items:center;display:none;
    }
    .sp_game_list1 .conts .box .stats_area span {color:#ffffff;font-size:12px;}
    .sp_game_list1 .conts .box .info1 {padding:10px 0 0 0;margin:0 0 20px 0;}
    .sp_game_list1 .conts .box .info1 ul {display:flex;align-items:flex-end;}
    .sp_game_list1 .conts .box .info1 li:nth-of-type(1) {display:flex;width:20%;flex-direction:column;align-items:flex-start;}
    .sp_game_list1 .conts .box .info1 li:nth-of-type(2) {display:flex;width:60%;flex-direction:column;align-items:center;}
    .sp_game_list1 .conts .box .info1 li:nth-of-type(3) {display:flex;width:20%;flex-direction:column;align-items:flex-end;}
    .sp_game_list1 .conts .box .info1 li:nth-of-type(1) i {display:flex;width:30px;text-align:center;margin:10px 0 0 0;align-items:center;justify-content:center;}
    .sp_game_list1 .conts .box .info1 li:nth-of-type(1) i img {width:30px;}
    /*.sp_game_list1 .conts .box .info1 li:nth-of-type(2) .time_date {color:#000000;font-size:14px;padding:10px 0;}*/
    .sp_game_list1 .conts .box .info1 li:nth-of-type(2) .time_date {color:#ffffff;font-size:14px;padding:10px 0;}
    .sp_game_list1 .conts .box .info1 li:nth-of-type(2) .score {display:flex;align-items: center;}
    .sp_game_list1 .conts .box .info1 li:nth-of-type(2) .score .lt {display:flex;}
    .sp_game_list1 .conts .box .info1 li:nth-of-type(2) .score .lt span {width:36px;height:36px;background:#ffffff;border:2px solid #d1dcfc;border-radius:18px;margin:0 10px;overflow:hidden;}
    /*.sp_game_list1 .conts .box .info1 li:nth-of-type(2) .score .lt strong {color:#000000;font-size:36px;font-weight:600;line-height:1;}*/
    .sp_game_list1 .conts .box .info1 li:nth-of-type(2) .score .lt strong {color:#ffffff;font-size:36px;font-weight:600;line-height:1;}
    /*.sp_game_list1 .conts .box .info1 li:nth-of-type(2) .score .vs {display:flex;color:#000000;font-size:14px;padding:0 15px;}*/
    .sp_game_list1 .conts .box .info1 li:nth-of-type(2) .score .vs {display:flex;color:#ffffff;font-size:14px;padding:0 15px;}
    .sp_game_list1 .conts .box .info1 li:nth-of-type(2) .score .rt {display:flex;}
    .sp_game_list1 .conts .box .info1 li:nth-of-type(2) .score .rt span {width:36px;height:36px;background:#ffffff;border:2px solid #d1dcfc;border-radius:18px;margin:0 10px;overflow:hidden;}
    /*.sp_game_list1 .conts .box .info1 li:nth-of-type(2) .score .rt strong {color:#000000;font-size:36px;font-weight:600;line-height:1;}*/
    .sp_game_list1 .conts .box .info1 li:nth-of-type(2) .score .rt strong {color:#ffffff;font-size:36px;font-weight:600;line-height:1;}
    .sp_game_list1 .conts .box .info1 li:nth-of-type(3) div {
        position:relative;display:flex;width:60px;height:75px;background:#275fc0;border:1px solid #c2cce7;border-radius:4px;
        flex-direction: column;align-items: center;justify-content: center;
    }
    .sp_game_list1 .conts .box .info1 li:nth-of-type(3) div:after {content:'';position:absolute;inset:0;border:3px solid #c9d7ef;}

    /*.sp_game_list1 .conts .box .info1 li:nth-of-type(3) div.case1 {
    background:#f92552;border:1px solid #c2cce7;
  }
  */
    .sp_game_list1 .conts .box .info1 li:nth-of-type(3) div.case1 {
        background: #183d13;
        border: 1px solid #4caf50;
    }
    /*.sp_game_list1 .box .info1 li:nth-of-type(3) div.case1:after {border:4px solid #fdc8d4;} */
    .sp_game_list1 .box .info1 li:nth-of-type(3) div.case1:after {
        border: 4px solid #8bc34a;
    }
    .sp_game_list1 .conts .box .info1 li:nth-of-type(3) div strong {color:#ffffff;font-size:12px;margin:0 0 5px 0;}
    /*.sp_game_list1 .conts .box .info1 li:nth-of-type(3) div span {text-align:center;color:#ffffff;font-size:11px;}*/
    .sp_game_list1 .conts .box .info1 li:nth-of-type(3) div span {
        text-align: center;
        color: #ffffff;
        font-size: 13px;
    }
    .sp_game_list1 .conts .box .info2 {}
    .sp_game_list1 .conts .box .info2 ul {display:flex;align-items:flex-end;}
    .sp_game_list1 .conts .box .info2 li:nth-of-type(1) {display:flex;width:40%;}
    .sp_game_list1 .conts .box .info2 li:nth-of-type(2) {display:flex;width:20%;justify-content:center;}
    .sp_game_list1 .conts .box .info2 li:nth-of-type(3) {display:flex;width:40%;justify-content:flex-end;}
    /*.sp_game_list1 .conts .box .info2 dl {position:relative;display:flex;width:94%;background:#e9effd;border:2px solid #d4deff;border-radius:4px;justify-content:space-between;}*/
    .sp_game_list1 .conts .box .info2 dl {
        position: relative;
        display: flex;
        width: 94%;
        background: #366a2f;
        border: 2px solid #51a746;
        border-radius: 4px;
        justify-content: space-between;
    }
    /*.sp_game_list1 .conts .box .info2 dl:after {content:'';position:absolute;inset:0;border:2px solid #f9fbfe;border-radius:4px;}*/
    .sp_game_list1 .conts .box .info2 dl:after {
        content: '';
        position: absolute;
        inset: 0;
        border: 2px solid #8bc34a;
        border-radius: 4px;
    }
    /*.sp_game_list1 .conts .box .info2 dt {display:flex;height:44px;color:#000000;font-size:11px;padding:0 10px 0 5px;align-items:center;justify-content:flex-start;}*/
    .sp_game_list1 .conts .box .info2 dt {
        display: flex;
        height: 44px;
        color: #ffffff;
        font-size: 11px;
        padding: 0 10px 0 5px;
        align-items: center;
        justify-content: flex-start;
    }
    /*.sp_game_list1 .conts .box .info2 dd {display:flex;height:44px;color:#000000;font-size:11px;padding:0 5px 0 0;align-items:center;justify-content:flex-end;}*/
    .sp_game_list1 .conts .box .info2 dd {
        display: flex;
        height: 44px;
        color: #000000;
        font-size: 11px;
        padding: 0 5px 0 0;
        align-items: center;
        justify-content: flex-end;
        color: #ffeb3b;
    }
    /*.sp_game_list1 .conts .box .info2 li:nth-of-type(3) dt {text-align:right;align-items:center;justify-content:flex-end;padding:0 5px 0 10px;}*/
    .sp_game_list1 .conts .box .info2 li:nth-of-type(3) dt {
        text-align: right;
        align-items: center;
        justify-content: flex-end;
        padding: 0 5px 0 10px;
        color: #fff;
    }
    .sp_game_list1 .conts .box .info2 li:nth-of-type(3) dd {align-items:center;justify-content:flex-start;padding:0 0 0 5px;}
    /*.sp_game_list1 .conts .box .info2 span {position:relative;display:flex;width:92%;background:#e9effd;border:2px solid #d4deff;border-radius:4px;justify-content:center;}*/
    .sp_game_list1 .conts .box .info2 span {
        position: relative;
        display: flex;
        width: 92%;
        background: #366a2f;
        border: 2px solid #60e14f;
        border-radius: 4px;
        justify-content: center;
    }
    .sp_game_list1 .conts .box .info2 span:after {content:'';position:absolute;inset:0;border:2px solid #f9fbfe;border-radius:4px;}
    /*.sp_game_list1 .conts .box .info2 em {display:flex;height:44px;color:#000000;font-size:11px;justify-content:center;align-items:center;}*/
    .sp_game_list1 .conts .box .info2 em {
        display: flex;
        height: 44px;
        color: #ffffff;
        font-size: 11px;
        justify-content: center;
        align-items: center;
    }

    .sp_game_list1 .conts .box .info2 li.menuOff_up dl {background:#0265d1;}
    .sp_game_list1 .conts .box .info2 li.menuOff_up dt , .sp_game_list1 .conts .box .info2 li.menuOff_up dd {color:#fff;}

    .sports_today {position:relative;}
    .sports_today img {width:100%;}
    .sports_today .txt {position:absolute;top:20%;left:7%;}
    .sports_today .txt img {width:140px !important;}
    .sports_today .txt span {display:block;color:#323747;font-size:14px;font-weight:600;margin:5px 0 0 0;}

    .sports_betting_info {width:100%;}
    .sports_betting_info.page {display: none;position: absolute;top:290px;border-top:4px solid #3ffeca;}
    .sports_betting_info .title_bar {display:flex;height:34px;background:#322d29;border:1px solid #c4c4c4;padding:0 10px 0 15px;align-items: center;justify-content: space-between;}
    .sports_betting_info .title_bar strong {display:flex;height:34px;color:#ffffff;font-size:14px;align-items: center;}
    .sports_betting_info .title_bar strong i {display:flex;margin:0 10px 0 0;align-items: center;}
    .sports_betting_info .title_bar span {position:relative;display:flex;height:34px;color:#ffffff;font-size:12px;padding:0 25px 0 0;align-items: center;}
    .sports_betting_info .title_bar span:after {
        content:'';position:absolute;top:50%;right:0;width:10px;height:10px;
        background:url('/images/winwin3_mobile/common/ic_arrow_4.png') no-repeat center center;background-size:10px auto;transform:translateY(-50%) rotate(0deg);
    }
    .sports_betting_info li.active .title_bar span:after {transform:translateY(-50%) rotate(180deg);}

    .sports_betting_info .conts {display:none;}
    .sports_betting_info li.active .conts {display:block;}
    .sports_betting_info .info_box1 {display:flex;height:34px;background:#20263b;border:1px solid #3a4155;padding:0 10px 0 10px;align-items: center;justify-content: space-between;}
    .sports_betting_info .info_box1 strong {display:flex;height:34px;color:#3ffeca;font-size:14px;align-items: center;}
    .sports_betting_info .info_box1 span {position:relative;display:flex;height:24px;color:#ffffff;font-size:12px;background:#052c56;border-radius:14px;padding:0 30px 0 30px;align-items: center;}
    .sports_betting_info .info_box1 span:hover,
    .sports_betting_info .info_box1 span.on {background:#0265d1;}

    .sports_betting_info .info_box2 {display:flex;height:34px;align-items: center;justify-content: space-between;}
    .sports_betting_info .info_box2 .col1 {display:flex;width:40%;height:34px;background:#323747;border:1px solid #636e8b;padding:0 10px;align-items: center;justify-content: space-between;}
    .sports_betting_info .info_box2 .col1:hover,
    .sports_betting_info .info_box2 .col1.active {background:#f92552;}
    .sports_betting_info .info_box2 .col1 strong {color:#ffffff;font-size:12px;}
    .sports_betting_info .info_box2 .col1 strong i {display:inline-flex;margin:0 0 0 3px;align-items: center;}
    .sports_betting_info .info_box2 .col1 strong i img {width:10px;}
    .sports_betting_info .info_box2 .col1 span {color:#33f000;font-size:12px;}
    .sports_betting_info .info_box2 .col2 {display:flex;width:20%;height:34px;background:#323747;border:1px solid #636e8b;align-items: center;justify-content: center;}
    .sports_betting_info .info_box2 .col2:hover,
    .sports_betting_info .info_box2 .col2.active {background:#08916c;}
    .sports_betting_info .info_box2 .col2 span {color:#33f000;font-size:12px;}
    .sports_betting_info .info_box2 .col3 {display:flex;width:40%;height:34px;background:#323747;border:1px solid #636e8b;padding:0 10px;align-items: center;justify-content: space-between;}
    .sports_betting_info .info_box2 .col3:hover,
    .sports_betting_info .info_box2 .col3.active {background:#0265d1;}
    .sports_betting_info .info_box2 .col3 strong {color:#ffffff;font-size:12px;}
    .sports_betting_info .info_box2 .col3 strong i {display:inline-flex;margin:0 0 0 3px;align-items: center;}
    .sports_betting_info .info_box2 .col3 strong i img {width:10px;}
    .sports_betting_info .info_box2 .col3 span {color:#33f000;font-size:12px;}

    .sports_betting_info .info_box3 {background:#20263b;padding:10px 10px 0 10px;border:1px solid #3a4155;}
    .sports_betting_info .info_box3 .row_box {margin:0 0 10px 0;}
    .sports_betting_info .info_box3 .row_box dt {display:flex;height:30px;color:#ffffff;font-size:12px;background:linear-gradient(to bottom, #111420, #313645);border:1px solid #314891;padding:0 0 0 20px;align-items: center;}
    .sports_betting_info .info_box3 .row_box dd {border:1px solid #3a4155;}
    .sports_betting_info .info_box3 .tit {display:flex;height:30px;background:linear-gradient(to bottom, #111420, #313645);padding:0 10px;border:1px solid #415089;}
    .sports_betting_info .info_box3 .tit span {display:flex;flex:1;color:#ffffff;font-size:13px;margin:0 7px;align-items: center;justify-content: center;}
    .sports_betting_info .info_box3 .cont {display:flex;background:#323747;border:1px solid #636e8b;padding:5px 10px;}
    .sports_betting_info .info_box3 .cont span {display:flex;flex:1;height:24px;color:#ffffff;font-size:13px;margin:0 7px;align-items: center;border:1px solid #636e8b;justify-content: center;}

    .sp_top_btns {display:flex;padding:0 15px 5px 15px;justify-content: space-between;}
    .sp_top_btns span {display:inline-flex;height:30px;color:#000000;font-size:13px;background:linear-gradient(to bottom, #fefefe, #c3c3c3);padding:0 15px;border-radius:3px;align-items:center;}
    .sp_top_btns span i {width:14px;height:14px;background:url('/images/winwin3_mobile/sports/ic_menu1.png') no-repeat center center;background-size:100% auto;margin:0 10px 0 0;}
    .sp_top_btns span:hover,
    .sp_top_btns span.on {color:#ffffff;background:#3c0f0f;}
    .sp_top_btns span:hover i,
    .sp_top_btns span.on i {background:url('/images/winwin3_mobile/sports/ic_menu1_on.png') no-repeat center center;background-size:100% auto;}

    /** ?��?���? 발�???�� **/
    .balance_game_slide {position:relative;height:405px;margin:0 auto 20px auto;}
    .balance_game_slide .basic_box {position:absolute;left:0;width:280px;height:290px;background:#ffffff;box-shadow:0 0 7px 4px rgba(195,207,234,0.7) inset;border:1px solid #d1d1d1;border-radius:20px;opacity:1;transition:all 1s;cursor:pointer;}
    .balance_game_slide .swiper-slide.active .basic_box {opacity:0;transition:all 1s;}
    .balance_game_slide .basic_box .head {position:relative;height:83px;border-radius:20px;border:1px solid #e5e5e5;}
    .balance_game_slide .basic_box .head  strong {position:absolute;top:30px;right:20px;font-size:20px;font-weight:500;}
    .balance_game_slide .basic_box .head img {width:100%;}
    .balance_game_slide .basic_box.case1 .head  strong {color:#d34bff;}
    .balance_game_slide .basic_box.case2 .head  strong {color:#3a5caa;}
    .balance_game_slide .basic_box.case3 .head  strong {color:#6ab3de;}
    .balance_game_slide .basic_box.case4 .head  strong {color:#64c304;}
    .balance_game_slide .basic_box.case5 .head  strong {color:#c9990a;}
    .balance_game_slide .basic_box .info_txt {display:flex;height:65px;padding:0 4%;flex-direction:column;justify-content:center;}
    .balance_game_slide .basic_box .info_txt dl {display:flex;align-items:center;margin:0 0 3% 0;justify-content:space-between;}
    .balance_game_slide .basic_box .info_txt dt {color:#202020;font-size:14px;font-weight:600;}
    .balance_game_slide .basic_box .info_txt dd {color:#0265d1;font-size:14px;font-weight:600;}
    .balance_game_slide .basic_box .info_graph_area {padding:0 3%;}
    .balance_game_slide .basic_box .info_graph_area .graph {position:relative;width:100%;height:20px;background:#dfdcdc;border-radius:10px;}
    .balance_game_slide .basic_box .info_graph_area .graph span {
        display:flex;height:20px;color:#ffffff;font-size:14px;font-weight:500;padding:0 0 0 5px;border-radius:10px;
        justify-content:flex-start;align-items:center;
    }
    .balance_game_slide .basic_box.case1 .info_graph_area .graph span.bg1 {background:#d34bff;}
    .balance_game_slide .basic_box.case2 .info_graph_area .graph span.bg1 {background:#3a5caa;}
    .balance_game_slide .basic_box.case3 .info_graph_area .graph span.bg1 {background:#6ab3de;}
    .balance_game_slide .basic_box.case4 .info_graph_area .graph span.bg1 {background:#64c304;}
    .balance_game_slide .basic_box.case5 .info_graph_area .graph span.bg1 {background:#c9990a;}
    .balance_game_slide .basic_box .info_graph_area .graph span.bg2 {background:#8336f5;}
    .balance_game_slide .basic_box .info_graph_area .graph span.bg3 {background:#df8967;}
    .balance_game_slide .basic_box .info_graph_area .info {display:flex;height:30px;padding:0 20px 5px 10px;justify-content:space-between;align-items:flex-end;}
    .balance_game_slide .basic_box .info_graph_area .info span {color:#353535;font-size:12px;}
    .balance_game_slide .basic_box .info_graph_area .info:nth-of-type(2) strong {color:#8336f5;font-size:14px;font-weight:500;}
    .balance_game_slide .basic_box .info_graph_area .info:nth-of-type(4) strong {color:#df8967;font-size:14px;font-weight:600;letter-spacing:-1px;}
    .balance_game_slide .mover_box {
        position:absolute;left:0;width:280px;height:290px;background:#1d1e22;border:1px solid #d1d1d1;border-radius:20px;opacity:0;transition:all 1s;cursor:pointer;
        box-shadow:-2px -2px 10px rgba(0,0,0,0.3), 3px 3px 10px rgba(0,0,0,0.3);
    }
    .balance_game_slide .swiper-slide.active .mover_box {opacity:1;transition:all 1s;}
    .balance_game_slide .swiper-slide.active .mover_box .head img {bottom:10px;}
    .balance_game_slide .mover_box .head {position:relative;height:83px;border-radius:20px;}
    .balance_game_slide .mover_box .head img {position:absolute;bottom:-20px;transition:bottom 1s .3s;}
    .balance_game_slide .mover_box .head  strong {position:absolute;top:30px;right:20px;color:#ffffff;font-size:20px;font-weight:500;}
    .balance_game_slide .mover_box.case1 .head {background:#d34bff;}
    .balance_game_slide .mover_box.case1 .head img {left:5px;}
    .balance_game_slide .mover_box.case2 .head {background:#3a5caa;}
    .balance_game_slide .mover_box.case2 .head img {left:15px;}
    .balance_game_slide .mover_box.case3 .head {background:#6ab3de;}
    .balance_game_slide .mover_box.case3 .head img {left:25px;}
    .balance_game_slide .mover_box.case4 .head {background:#64c304;}
    .balance_game_slide .mover_box.case4 .head img {left:25px;}
    .balance_game_slide .mover_box.case5 .head {background:#c9990a;}
    .balance_game_slide .mover_box.case5 .head img {left:40px;}
    .balance_game_slide .swiper {height:100%;padding:0 0 20px 0;}
    .balance_game_slide .swiper-slide {display:flex;width:290px !important;align-items: flex-end;justify-content: center;}
    .balance_game_slide .swiper-horizontal>.swiper-scrollbar,
    .balance_game_slide .swiper-scrollbar.swiper-scrollbar-horizontal {height:5px;background:rgb(220 220 220 / 100%);}
    .balance_game_slide .swiper-scrollbar-drag {background:rgb(249 37 82 / 100%);}
    /*
  .balance_game_slide .swiper-button-next,
  .balance_game_slide .swiper-button-prev {position:absolute;top:50%;width:88px;height:121px;margin-top:-60px;z-index: 10;cursor: pointer;color:transparent;}
  .balance_game_slide .swiper-button-prev,
  .balance_game_slide .swiper-rtl .swiper-button-next {left:10px;right:auto;background:url('/v2/i365mc/images/goal/ic_left_1.png') no-repeat left top;}
  .balance_game_slide .swiper-button-next,
  .balance_game_slide .swiper-rtl .swiper-button-prev {right:10px;left:auto;background:url('/v2/i365mc/images/goal/ic_right_1.png') no-repeat left top;}
  */
    .balance_game_slide .mover_box .circle_graph {display:flex;height:calc(100% - 83px);justify-content:center;align-items: center;}
    .balance_game_slide .mover_box .circle_graph .circle-diagram{
        --degree: calc(360deg / 100 * var(--percent));
        --hue: calc(360 / 100 * var(--percent));
        --accent-color: hsl(var(--hue), 100%, 50%);

        font-size: 1rem;
        width: 100%;
        max-width: 10rem;
        aspect-ratio: 1;
        position: relative;
        border-radius: 50%;
        filter: drop-shadow(0 0.5rem .5rem rgb(0 0 0 / .5));

        display: grid;
        place-items: center;
        font-weight: 700;
        font-family: system-ui, sans-serif;
        color: var(--accent-color);
        text-shadow: 0 0 5px rgb(0 0 0);
        cursor: pointer;
    }
    .balance_game_slide .mover_box .circle_graph .circle-diagram::before, .circle-diagram::after{
        content: "";
        position: absolute;
        border-radius: 50%;
        z-index: -1;
    }
    .balance_game_slide .mover_box .circle_graph .circle-diagram::before{
        inset: 1em;
        background-color: var(--accent-color);
        background-image:
                radial-gradient(
                        circle at calc(50% - 0.25rem) calc(50% + 0.25rem),
                        rgb(0 0 0 / .25) 25%,
                        transparent calc(25% + 0.5rem)
                ),
                conic-gradient(
                        rgb(255 255 255 / .25) 0deg,
                        rgb(0 0 0 / .25) var(--degree)
                ),
                conic-gradient(
                        at calc(50% - 0.4rem) calc(50% + 0.4rem),
                        transparent var(--degree),
                        rgb(0 0 0 / .25) calc(var(--degree) + 5deg)
                );
    }
    .balance_game_slide .mover_box .circle_graph .circle-diagram::after{
        inset: 0;
        background-color: rgb(50 50 50);
        background-image: linear-gradient(transparent, rgb(0 0 0 / .5));
        --mask1: radial-gradient(black 25%, transparent calc(25% + 1px));
        --mask2: conic-gradient(transparent var(--degree), black calc(var(--degree) + .5deg));
        -webkit-mask-image: var(--mask1), var(--mask2);
        mask-image: var(--mask1), var(--mask2);
    }

    .balance_box {}
    .balance_box .top_graph {display:flex;width:100%;height:60px;background:url('/images/winwin3_mobile/sports/img_balance_box1.png') no-repeat left top;background-size:cover;flex-direction: column;align-items: center;justify-content: center;}
    .balance_box .top_graph .ti {color:#ffffff;font-size:14px;font-weight:500;margin:0 0 2% 0;}
    .balance_box .top_graph .graph_bar {width:80%;height:20px;margin:0 auto;}
    .balance_box .top_graph .graph_bar ul {display:inline-flex;width:100%;height:20px;}
    .balance_box .top_graph .graph_bar li {}
    .balance_box .top_graph .graph_bar li:nth-of-type(1) {display:flex;width:40%;height:20px;align-items: center;justify-content: flex-end;}
    .balance_box .top_graph .graph_bar li:nth-of-type(1) .bg {display:flex;width:100%;height:16px;background:url('/images/winwin3_mobile/sports/bg_graph.png') no-repeat left top;background-size:cover;justify-content:flex-end;}
    .balance_box .top_graph .graph_bar li:nth-of-type(1) .bg span {display:block;height:16px;background:url('/images/winwin3_mobile/sports/img_graph_1.png') no-repeat right top;background-size:cover;}
    .balance_box .top_graph .graph_bar li:nth-of-type(2) {display:flex;width:20%;height:20px;text-align:center;color:#a3ff12;font-size:20px;font-weight:600;align-items: center;justify-content: center;}
    .balance_box .top_graph .graph_bar li:nth-of-type(3) {display:flex;width:40%;height:20px; align-items: center;justify-content: flex-start;}
    .balance_box .top_graph .graph_bar li:nth-of-type(3) .bg {display:flex;width:100%;height:16px;background:url('/images/winwin3_mobile/sports/bg_graph.png') no-repeat left top;background-size:cover;justify-content:flex-start;}
    .balance_box .top_graph .graph_bar li:nth-of-type(3) .bg span {display:block;height:16px;background:url('/images/winwin3_mobile/sports/img_graph_2.png') no-repeat left top;background-size:cover;}
    .balance_box .game_info {display:flex;width:100%;background:#f3f3f3;border:1px solid #e5e5e5;}
    .balance_box .game_info .lt {display:flex;width:40%;padding:3%;align-items:center;justify-content:center;}
    .balance_box .game_info .ct {display:flex;width:20%;color:#08916c;font-size:20px;font-weight:600;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;align-items:center;justify-content:center;}
    .balance_box .game_info .rt {display:flex;width:40%;padding:3%;align-items:center;justify-content:center;}
    .balance_box .game_info ul {}
    .balance_box .game_info li {text-align:center;margin:5% 0;}
    .balance_box .game_info .lt li:nth-of-type(1) {color:#007bbb;font-size:20px;font-weight:600;}
    .balance_box .game_info .rt li:nth-of-type(1) {color:#f92552;font-size:20px;font-weight:600;}
    .balance_box .game_info .lt li:nth-of-type(2) {color:#000000;font-size:18px;font-weight:500;border-top:1px solid #007bbb;border-bottom:1px solid #007bbb;padding:2% 0 3% 0;}
    .balance_box .game_info .rt li:nth-of-type(2) {color:#000000;font-size:18px;font-weight:500;border-top:1px solid #f92552;border-bottom:1px solid #f92552;padding:2% 0 3% 0;}
    .balance_box .game_info li:nth-of-type(3) {color:#000000;font-size:20px;}
    .balance_box .betting_info {display:flex;width:100%;background:#f3f3f3;border:1px solid #e5e5e5;}
    .balance_box .betting_info .lt {display:flex;width:40%;color:#000000;font-size:14px;font-weight:500;padding:3%;background:#ffffff;box-shadow:0 0 7px 4px rgba(195,207,234,0.3) inset;align-items:center;justify-content:center;}
    .balance_box .betting_info .ct {display:flex;width:20%;color:#000000;font-size:14px;font-weight:500;background:#ffffff;box-shadow:0 0 7px 4px rgba(195,207,234,0.3) inset;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;align-items:center;justify-content:center;}
    .balance_box .betting_info .rt {display:flex;width:40%;color:#000000;font-size:14px;font-weight:500;background:#ffffff;box-shadow:0 0 7px 4px rgba(195,207,234,0.3) inset;padding:3%;align-items:center;justify-content:center;}
    .balance_box .betting_info .lt span {color:#007bbb;margin:0 5px 0 0;}
    .balance_box .betting_info .ct span {color:#08916c;margin:0 5px 0 0;}
    .balance_box .betting_info .rt span {color:#f92552;margin:0 5px 0 0;}
    .balance_box .betting_info .lt.on,
    .balance_box .betting_info .lt:hover {color:#ffffff;background:#323150;box-shadow:unset;}
    .balance_box .betting_info .lt.on span,
    .balance_box .betting_info .lt:hover span {color:#ffffff;}
    .balance_box .betting_info .ct.on,
    .balance_box .betting_info .ct:hover {color:#ffffff;background:#08916c;box-shadow:unset;}
    .balance_box .betting_info .ct.on span,
    .balance_box .betting_info .ct:hover span {color:#ffffff;}
    .balance_box .betting_info .rt.on,
    .balance_box .betting_info .rt:hover {color:#ffffff;background:#007bbb;box-shadow:unset;}
    .balance_box .betting_info .rt.on span,
    .balance_box .betting_info .rt:hover span {color:#ffffff;}


    /*** ?��?��?���?_박스 ***/
    .member_info_box {
        position:relative;
        display:block;
        margin-left:10px;
        margin-right:10px;
        border-radius:10px;
        height:82px;
        background:linear-gradient(#2c5aa0, #2581ca);
        margin-bottom:10px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
        /*/*user-select: none;*/*/
    }

    .member_info_box .btns_before_login {
        position:absolute;
        display:flex;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
    }

    .member_info_box .btns_before_login .btn_light {
        flex-shrink: 0;
        display:block;
        margin:0;
        margin-right:5px;
        margin-left:5px;
        background:linear-gradient(#ffffff, #e1e1e1);
        width:110px;
        text-align: center;
        height:33px;
        line-height:31px;
        border:1px solid #ffffff;
        color:#000000;
        border-radius:10px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        cursor:pointer;
        /*/*user-select: none;*/*/
        font-size:14px;
    }

    .member_info_box .btns_before_login .btn_light:hover {
        background:linear-gradient(#ffffff 50%, #dddfe1 50.01%, #eeefff 80%);
        color:#0049c9;
    }

    .member_info_box .wallet_money {
        position:absolute;
        display:block;
        top:0;
        left:0;
        right:50%;
    }

    .member_info_box .wallet_money label {
        position:absolute;
        top:15px;
        left:15px;
        color:#98d2ff;
        font-size:14px;
        font-weight:600;
        height:24px;
        line-height:24px;
        width:55px;
        text-align: center;
    }

    .member_info_box .wallet_money .btns_after_login {
        position:absolute;
        top:15px;
        left:75px;
        right:10px;
        display: flex;
    }

    .member_info_box .wallet_money .btns_after_login .btn_light {
        display:block;
        margin:0;
        margin-right:5px;
        margin-left:5px;
        background:linear-gradient(#ffffff, #e1e1e1);
        width:100%;
        text-align: center;
        height:24px;
        line-height:22px;
        border:1px solid #ffffff;
        color:#000000;
        border-radius:6px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        cursor:pointer;
        /*/*user-select: none;*/*/
        font-size:14px;
    }

    .member_info_box .wallet_money .btns_after_login .btn_light:hover {
        background:linear-gradient(#ffffff 50%, #dddfe1 50.01%, #eeefff 80%);
        color:#0049c9;
    }

    .member_info_box .wallet_money .amount {
        position:absolute;
        right:15px;
        top:46px;
        font-size:20px;
        line-height:24px;
        height:24px;
        color:#ffffff;
        font-weight:600;
    }

    .member_info_box .wallet_point {
        position:absolute;
        display:block;
        top:0;
        left:50%;
        right:0;
    }


    .member_info_box .wallet_point label {
        position:absolute;
        top:15px;
        left:15px;
        color:#98d2ff;
        font-size:14px;
        font-weight:600;
        height:24px;
        line-height:24px;
        width:55px;
        text-align: center;
    }

    .member_info_box .wallet_point .btns_after_login {
        position:absolute;
        top:15px;
        left:75px;
        right:10px;
        display: flex;
    }

    .member_info_box .wallet_point .btns_after_login .btn_light {
        display:block;
        margin:0;
        margin-right:5px;
        margin-left:5px;
        background:linear-gradient(#ffffff, #e1e1e1);
        width:100%;
        text-align: center;
        height:24px;
        line-height:22px;
        border:1px solid #ffffff;
        color:#000000;
        border-radius:6px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        cursor:pointer;
        /*user-select: none;*/
        font-size:14px;
    }

    .member_info_box .wallet_point .btns_after_login .btn_light:hover {
        background:linear-gradient(#ffffff 50%, #dddfe1 50.01%, #eeefff 80%);
        color:#0049c9;
    }

    .member_info_box .wallet_point .amount {
        position:absolute;
        right:15px;
        top:46px;
        font-size:20px;
        line-height:24px;
        height:24px;
        color:#ffffff;
        font-weight:600;
    }

    .member_info_box .design_seperator {
        position:absolute;
        top:10px;
        bottom:10px;
        left:50%;
        width:2px;
        background:#045850;
        border-right:1px solid #49b3ff;
        transform: translate(-50%);
    }

    /*** ?��?���? 게임 배너 ***/
    #main_sports_game_new {
        display:block;
        margin-top:50px;
        margin-bottom:50px;
        /*user-select: none;*/
    }


    #main_sports_game_new .header {
        height:80px;
        margin:0px;
        position: relative;
    }

    #main_sports_game_new .header .title_img{
        position:absolute;
        left:25px;
        top:25px;
    }

    #main_sports_game_new .header .btn_light {
        position:absolute;
        right:25px;
        top:30px;
        display:block;
        margin:0;
        background:linear-gradient(#ffffff, #e1e1e1);
        text-align: center;
        height:33px;
        line-height:31px;
        border:1px solid #ffffff;
        color:#000000;
        border-radius:6px;
        padding-left:20px;
        padding-right:20px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        cursor:pointer;
        /*user-select: none;*/
        font-size:14px;
    }

    #main_sports_game_new .header  .btn_light:hover {
        background:linear-gradient(#ffffff 50%, #dddfe1 50.01%, #eeefff 80%);
        color:#0049c9;
    }


    #main_sports_game_new .gridbox {
        display: grid;
        padding:0px;
        margin:10px;
        border:0px;
        row-gap: 5px;
        grid-auto-flow: row dense;
        grid-template: repeat(2, 1fr) / repeat(2, 1fr)
    }

    #main_sports_game_new .gridbox a{
        display: block;
    }

    #main_sports_game_new .gridbox a.col_2{
        display: block;
        grid-column: 1 / span 2;
        margin-left:1.5%;
        margin-right:1.5%;
        margin-top:5px;
    }

    #main_sports_game_new .gridbox a img{
        display: block;
        margin:0 auto 0 auto;
        width:100%;
        max-width:231px;
        height:auto;
    }


    #main_sports_game_new .gridbox a.col_2 img{
        display: block;
        margin:0 auto 0 auto;
        width: 100%;
        height:auto;
        max-width: none;
    }



    /*** ?��?���? 카�???�� 배너 ***/
    #main_live_casino_new {
        display:block;
        margin-top:50px;
        margin-bottom:50px;
        /*user-select: none;*/
    }


    #main_live_casino_new .header {
        height:80px;
        margin:0px;
        position: relative;
    }

    #main_live_casino_new .header .title_img{
        position:absolute;
        left:25px;
        top:25px;
    }


    #main_live_casino_new .header .btn_light {
        position:absolute;
        right:25px;
        top:30px;
        display:block;
        margin:0;
        background:linear-gradient(#ffffff, #e1e1e1);
        text-align: center;
        height:33px;
        line-height:31px;
        border:1px solid #ffffff;
        color:#000000;
        border-radius:6px;
        padding-left:20px;
        padding-right:20px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        cursor:pointer;
        /*user-select: none;*/
        font-size:14px;
    }

    #main_live_casino_new .header .btn_light:hover {
        background:linear-gradient(#ffffff 50%, #dddfe1 50.01%, #eeefff 80%);
        color:#0049c9;
    }


    #main_live_casino_new .gridbox {
        display: grid;
        padding:0px;
        margin:10px;
        border:0px;
        row-gap: 5px;
        grid-auto-flow: row dense;
        grid-template: repeat(2, 1fr) / repeat(2, 1fr)
    }

    #main_live_casino_new .gridbox a{
        display: flex;
        overflow: hidden;
        width:100%;
        position:relative;
        aspect-ratio: 231/387;
    }

    #main_live_casino_new .gridbox a img{
        display: block;
        flex-shrink: 0;
        margin:0 auto 0 auto;
        width:100%;
        height:auto;
    }

    #main_live_casino_new .gridbox a .price_tag{
        position:absolute;
        display:block;
        color:#ffffff;
        bottom:2.8%;
        height:62px;
        left:4.7%;
        right:4.55%;
        border-radius: 0 0 12px 12px;
        background:#033509CC;
        backdrop-filter: blur(5px);
        transform: rotateY(0deg);
    }

    #main_live_casino_new .gridbox a.odd .price_tag.flip{
        transform: rotateX(-360deg);
        transition: all 500ms;
    }

    #main_live_casino_new .gridbox a.even .price_tag.flip{
        transform: rotateX(360deg);
        transition: all 500ms;
    }

    #main_live_casino_new .gridbox a .price_tag .price_amount{
        position:absolute;
        display:block;
        left:44px;
        right:12px;
        bottom:13px;
        font-size:16px;
        height:20px;
        text-align: right;
        overflow:hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color:#ffffff;
    }

    #main_live_casino_new .gridbox a .price_tag .price_mini_tag{
        position:absolute;
        display:block;
        right:12px;
        top:17px;
        height:20px;
        font-size:10px;
        color:#ffffff;
    }

    #main_live_casino_new .gridbox a .price_tag .price_icon{
        position:absolute;
        display:block;
        left:12px;
        top:50%;
        transform: translate(0, -50%);
    }

    #main_live_casino_new .gridbox a .price_tag .price_icon img{
        width:22px;
        height:22px;
    }

    /*** 고객?��비스 배너 ***/
    #main_cs_banner_new {
        display:block;
        margin-top:50px;
        margin-bottom:50px;
        /*user-select: none;*/
    }

    #main_cs_banner_new .gridbox {
        display: grid;
        padding:0px;
        margin:10px;
        border:0px;
        row-gap: 5px;
        grid-auto-flow: row dense;
        grid-template: repeat(2, 1fr) / repeat(2, 1fr)
    }

    #main_cs_banner_new .gridbox a{
        display: block;
    }

    #main_cs_banner_new .gridbox a img{
        display: block;
        margin:0 auto 0 auto;
        width:100%;
        max-width:231px;
        height:auto;
    }
    .popup {
        position: absolute;
        top: 3%;
        left: 50%;
        width: 90%;
        height: 90%;
        background: #031124;
        z-index: 300;
        overflow: hidden;
        /*transform:translateX(-50%);*/
    }

    .popup .p_logo {
        text-align: center;
        padding: 15px 0 10px 0;
    }

    .popup .cont {
        position: relative;
        height: 92%;
        padding: 0 13px;
        padding: 10px;
    }

    .popup .inner {
        width: 100%;
        height: 100%;
        background: #ffffff;
        overflow: hidden;
    }

    .popup .inner img {
        width: 100%;
    }

    .popup .chk_today {
        position: absolute;
        display: flex;
        bottom: 0;
        width: 100%;
        height: 50px;
        background: linear-gradient(to bottom, #031124, #0d1d32);
        padding: 0 0 0 20px;
        align-items: center;
    }

    .popup .chk_today .checkbox input[type="checkbox"] {
        width: 1px;
        height: 1px;
        padding: 0;
        border: 0 none;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .popup .chk_today .checkbox label {
        display: flex;
        position: relative;
        text-align: left;
        color: #ffffff;
        font-size: 12px;
        min-height: 24px;
        padding: 0 0 0 25px;
        align-items: center;
        transition: all 400ms;
    }

    .popup .chk_today .checkbox label:before {
        content: '';
        position: absolute;
        top: 3px;
        left: 0;
        width: 18px;
        height: 18px;
        background: #dddddd;
        border-radius: 9px;
        transition: all 400ms;
    }

    .popup .chk_today .checkbox label:after {
        display: none;
        content: '';
        position: absolute;
        top: 5px;
        left: 6px;
        width: 4px;
        height: 8px;
        border-bottom: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        transform: rotate(35deg);
        transition: all 400ms;
    }

    .popup .chk_today .checkbox input[type="checkbox"]:checked+label {
        color: #fffc00;
        transition: all 400ms;
    }

    .popup .chk_today .checkbox input[type="checkbox"]:checked+label:before {
        background: #29324b;
        transition: all 400ms;
    }

    .popup .chk_today .checkbox input[type="checkbox"]:checked+label:after {
        display: block;
        transition: all 400ms;
    }

    .popup .chk_today .p_close {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 28px;
        height: 28px;
        background: url('/images/winwin3_mobile/icon_log_close_1.png') no-repeat center center;
        background-size: 100% auto;
        cursor: pointer;
        z-index: 15;
        transition: all 400ms;
        filter:grayscale(1);
    }

    .popup .chk_today .p_close:hover {
        background: url('/images/winwin3_mobile/icon_log_close_1_ov.png') no-repeat center center;
        background-size: 100% auto;
        transition: all 400ms;
    }
    /*** 추천?�� ***/
    .popup2 {position:absolute;top:3%;left:50%;width:309px;height:605px;background:url('/images/winwin3_mobile/bg_popup_1.png') no-repeat center top;background-size:100% auto;z-index:1100;overflow:hidden;margin:0 5px;transform:translateX(-50%);}
    .popup2 .cont {padding:295px 20px 0 20px;}
    .popup2 .cont .tit {color:#ffffff;font-size:24px;font-weight:400;line-height:1.2;margin:0 0 10px 0;}
    .popup2 .cont .tit strong {display:block;color:#ffffff;font-size:32px;font-weight:400;}
    .popup2 .cont .tx {color:#ffffff;font-size:14px;line-height:1.2;letter-spacing:1px;margin:0 0 10px 0;}
    .popup2 .cont .input {position:relative;width:100%;height:40px;background:#ffffff;border-radius:20px;padding:0 20px;}
    .popup2 .cont .input i {position:absolute;top:-44px;right:24px;}
    .popup2 .cont .input input {width:100%;height:100%;color:#808080;font-size:12px;font-weight:400;}
    .popup2 .btns {width:100%;z-index:10;}
    .popup2 .btns button {
        position:absolute;bottom:3%;left:50%;text-align:center;width:100px;height:100px;color:#ffffff;font-size:20px;letter-spacing:-1px;
        border-radius:50px;background:linear-gradient(to bottom, #0c90ff, #064ea2);border:1px solid #1c6bed;
        margin:0 10px 0 0;transition:all 400ms;transform:translateX(-50%);
    }
    .popup2 .btns button:hover,
    .popup2 .btns button:focus {color:#fffc00;background:linear-gradient(to bottom, #071f3a, #0364cf);border:1px solid #1f88fb;transition:all 400ms;}
    .popup2 .p_close {position:absolute;top:12px;right:12px;width:56px;height:56px;background:url('/images/winwin3_mobile/icon_log_close_1.png') no-repeat center center;cursor:pointer;z-index:15;transition:all 400ms;}
    .popup2 .p_close:hover {background:url('/images/winwin3_mobile/icon_log_close_1_ov.png') no-repeat center center;transition:all 400ms;}

    /** ���� �˾� **/
    .popup_note {display:none;position:absolute;top:3%;left:50%;width:320px;height:380px;margin-left:-160px;z-index:99;}
    .warning_popup {z-index:99;margin-left:-160px;}
    .warning_popup .popup_message {padding:0 20px;}
    .popup_note .p_note_logo {
        display:flex;height:105px;color:#ffffff;font-size:14px;background:linear-gradient(to bottom, var(--bg-blue3), var(--bg-blue4));border:1px solid var(--line-blue2);
        flex-direction: column;align-items: center;justify-content: center;
    }
    .popup_note .p_note_logo i {margin:0 0 15px 0;}
    .popup_note .p_note_logo i img{width: 85px;    margin-top: 45px;}
    .popup_note .p_note_cont {height:275px;background:#0265d1;padding:15px 15px 0 15px;}
    .warning_popup .p_note_cont {height:100px;background:#0265d1;padding:15px 15px 0 15px;}
    .popup_note .p_note_cont .read_note {position:relative;display:flex;width:100%;background:#1f1e20;border:1px solid #3d4955;padding:0 30px 0 25px;margin:0 0 7px 0;cursor:pointer;justify-content:space-between;}
    .popup_note .p_note_cont .read_note span {display:flex;height:75px;color:#ffe984;font-size:14px;align-items: center;}
    .popup_note .p_note_cont .read_note strong {display:flex;height:75px;color:#ffe984;font-size:25px;align-items: center;}
    .popup_note .p_note_cont .read_note:hover:before {content:'';position:absolute;inset:0;border:5px solid #f75c79;box-shadow:5px 5px 25px rgba(0,0,0,0.2), -5px -5px 25px rgba(0,0,0,0.2);}

    .popup_note .p_note_cont .total_read_note {position:relative;display:flex;width:100%;background:#1f1e20;border:1px solid #3d4955;padding:0 30px 0 25px;cursor:pointer;justify-content:space-between;}
    .popup_note .p_note_cont .total_read_note span {display:flex;height:75px;color:#ffffff;font-size:14px;align-items: center;}
    .popup_note .p_note_cont .total_read_note strong {display:flex;height:75px;color:#ffffff;font-size:14px;align-items: center;}

    .popup_note .p_note_cont .total_read_note:hover:before {content:'';position:absolute;inset:0;border:5px solid #f75c79;box-shadow:5px 5px 25px rgba(0,0,0,0.2), -5px -5px 25px rgba(0,0,0,0.2);}

    .popup_note .p_note_cont .btn {display:flex;margin:25px 0 0 0;justify-content: center;}
    .popup_note .p_note_cont .btn button {
        width:100px;height:50px;color:#ffffff;font-size:14px;margin:0 3px;border-radius:10px;
        background:linear-gradient(to bottom, var(--bg-blue1), var(--bg-blue2));border:1px solid var(--line-blue1);
    }
    .popup_note .p_note_cont .btn button:hover,
    .popup_note .p_note_cont .btn button:focus {color:#fffc00;background:linear-gradient(to bottom, var(--bg-blue3), var(--bg-blue4));border:1px solid var(--line-blue2);}

    .no_list {text-align:center;}
    .no_list img {width:100%;}
    .no_list strong {color:#0265d1;margin-top:30px;font-size:20px;}
    .no_list span {color:#000000;margin-top:30px;}

    .live_list {margin-bottom:10px;}

    /*** login_after_box ***/
    .login_after_box {
        position: absolute;
        top: 180px;
        left: 20px;
        right: 20px;
        z-index: 300;
        height:470px;
        background:#ffffff;
        border-radius:20px;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
        overflow: hidden;
        margin:0;
        padding:0;
        border:0;
        /*user-select: none;*/
    }


    .login_after_box .cont {
        display: block;
        position: absolute;
        top: 0;
        left:0;
        right:0;
        bottom:0;
        margin:0;
    }

    .login_after_box .cont .log_txt {
        height: 90px;
        line-height:100px;
        text-align: center;
        color: #000000;
        font-size: 24px;
    }

    .login_after_box .cont.case1 {
        padding: 0 0 3% 0;
    }


    .login_after_box .log_form {
        display:block;
        margin-left:50px;
        margin-right:50px;
    }

    .login_after_box .log_form dl {
        display: flex;
        background:#ffffff;
        border:1px solid #b8bfc5;
        height:55px;
        line-height:55px;
        box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
        border-radius: 8px;
        margin-bottom:10px;
    }

    .login_after_box .log_form dt {
        display: block;
        width:100px;
        flex-shrink: 0;
        height:55px;
        line-height:55px;
        text-align:left;
        font-size: 16px;
        padding-left:15px;
        color:#afb0b4;
    }

    .login_after_box .log_form dd {
        display:block;
        width: 70%;
        height: 55px;
        align-items: center;
        position:relative;
    }

    .login_after_box .log_form dd input {
        display:block;
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        margin:0;
        padding:0;
        border:0;
        line-height: 55px;
        color: #afb0b4;
        font-size: 20px;
        text-align:right;
        padding-right:15px;
    }


    .login_after_box .btn_login_close {
        position:absolute;
        right:0px;
        top:30px;
        transform: translate(-50%, -50%);
        cursor:pointer;
        /*user-select: none;*/
    }

    .login_after_box .btn_login_close svg {
        stroke: #383c44;
        stroke-width: 1;
        stroke-linecap: round;
    }

    .login_after_box .btn_login_close:hover svg {
        stroke: #0049c9;
        stroke-width: 1;
        stroke-dasharray: 2;
        rotate: 90deg;
        transition: all 500ms;
    }



    .login_after_box .log_btn_grid {
        display:grid;
        gap: 10px;
        grid-template: repeat(3, 1fr) / repeat(3, 1fr);
        grid-auto-flow: row;
        margin-left:50px;
        margin-right:50px;
        margin-top:30px;
    }

    .login_after_box .log_btn_grid .log_btn {
        display:block;
        height:55px;
        width:100%;
        background:#749cdf;
        box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
        border-radius:10px;
        text-align:center;
        line-height:55px;
        font-size:18px;
        font-weight:600;
    }
    .login_after_box .log_btn_grid .log_btn_charge {
        background:#9b0b30;
        color:#fff;
    }
    .login_after_box .log_btn_grid .log_btn_exchange {
        background:#0265d1;
        color:#fff;
    }

    .cancle_btn {display:inline-block;height:28px;color:#ffffff;font-size:14px;background:#d4272b;border-radius:14px;width:50px;text-align:center;line-height:28px;}

    .betting_history_btn {display:inline-block;height:28px;color:#0066fe;font-size:14px;background:#0265d1;border-radius:14px;width:50px;text-align:center;line-height:28px;}

    /*���� ���̺� ����*/
    .main_live_title  {
        display:block;
        width:100%;
        height:40px;
        line-height:40px;
        text-align:center;
        background:#070a0f;
    }

    .main_live_box {
        display: block;
        min-height:200px;
        border : 2px solid #242424;
        margin-left:5px;
        margin-right:5px;
        margin-bottom : 5px;
    }

    .main_live_cart {
        background:#06080c;
    }

    .main_live_cart .main_live_cart_border {
        border: 2px solid #2f3c64;
        border-radius:10px;
        margin-left:5px;
        margin-right:5px;
        margin-bottom:5px;
    }

    .main_live_cart_tit {
        display:block;
        width:100%;
        text-align:center;
        padding:15px 0;
        border-bottom: 3px solid #ef7c00;
        border-radius:10px;
    }

    .main_live_cart_tit img {
        height:16px;
    }

    .main_live_cart_top {

    }
    .main_live_cart_top .team_box {
        width:50%;
        height:150px;
        float:left;
        text-align:center;
    }

    .main_live_cart_top .home_team_box {
        border-right:1px solid #313742;
        border-bottom:3px solid #586e97;
        border-radius:10px;
    }

    .main_live_cart_top .away_team_box {
        border-bottom:3px solid #586e97;
        border-radius:10px;
    }

    .main_live_cart_top .home_team_logo ,
    .main_live_cart_top .away_team_logo {
        display:block;
        width:55px;
        height:55px;
        border-radius:55px;
        background:#ffffff;
        margin:10px auto 5px auto;
        overflow:hidden;
        position: relative;

    }

    .main_live_cart_top .home_team_logo {
        background:radial-gradient(#0344a1 60%, #5f91d8 70%, #0344a1 80%);
        border:1px solid #313742;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    }

    .main_live_cart_top .away_team_logo {
        background:radial-gradient(#d70029 60%, #ff8da1 70%, #d70029 80%);
        border:1px solid #313742;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    }

    .main_live_cart_top .home_team_logo img ,
    .main_live_cart_top .away_team_logo img {
        width:100%;
        padding:10px;
    }
    .main_live_cart_top .home_team_score ,
    .main_live_cart_top .away_team_score {
        display:block;
        margin:0 auto;
        color:#ffffff;
        font-size:40px;
        width:110px;
        margin-bottom:10px;
    }

    .main_live_cart_top .home_team_name ,
    .main_live_cart_top .away_team_name {
        display:block;
        font-weight:bold;
    }

    .main_live_cart_top .team_box_gametype {
        height:42px;
        text-align:center;
        line-height:42px;
        color:#ffffff;
    }

    .main_live_cart_top .team_box_betting_home,
    .main_live_cart_top .team_box_betting_draw,
    .main_live_cart_top .team_box_betting_away{
        width:33.3%;
        float:left;
    }

    .main_live_cart_top .team_box_betting_home div,
    .main_live_cart_top .team_box_betting_draw div,
    .main_live_cart_top .team_box_betting_away div{
        color:#555555;
    }

    .main_live_cart_top .team_box_betting_home .home_team_name ,
    .main_live_cart_top .team_box_betting_draw .draw_team_name ,
    .main_live_cart_top .team_box_betting_away .away_team_name {
        display:block;
        height:36px;
        line-height:36px;
        text-align:center;
        border-top:1px solid #313742;
        border-bottom:1px solid #313742;
        border-right:1px solid #313742;

    }
    .main_live_cart_top .team_box_betting_away .away_team_name {
        border-right:0;
    }

    .main_live_cart_top .team_box_betting_home .home_team_ratio ,
    .main_live_cart_top .team_box_betting_draw .draw_team_ratio ,
    .main_live_cart_top .team_box_betting_away .away_team_ratio {
        display:block;
        height:20px;
        line-height:20px;
        text-align:center;
        border-bottom:1px solid #313742;
        border-right:1px solid #313742;
    }

    .main_live_cart_top .team_box_betting_away .away_team_ratio {
        border-right:0;
    }

    .main_live_cart_top .team_box_betting_home:hover  div.home_team_name,
    .main_live_cart_top .team_box_betting_draw:hover  div.draw_team_name,
    .main_live_cart_top .team_box_betting_away:hover  div.away_team_name,
    .main_live_cart_top .team_box_betting_home:active div.home_team_name,
    .main_live_cart_top .team_box_betting_draw:active div.draw_team_name,
    .main_live_cart_top .team_box_betting_away:active div.away_team_name {
        background:#29324b;
        border-top:1px solid #e07708;
        color:#ffffff;
    }

    .main_live_cart_top .team_box_betting_home:hover div.home_team_ratio,
    .main_live_cart_top .team_box_betting_draw:hover div.draw_team_ratio,
    .main_live_cart_top .team_box_betting_away:hover div.away_team_ratio,
    .main_live_cart_top .team_box_betting_home:active div.home_team_ratio,
    .main_live_cart_top .team_box_betting_draw:active div.draw_team_ratio,
    .main_live_cart_top .team_box_betting_away:active div.away_team_ratio{
        background:#29324b;
        color:#ffffff;
    }


    .main_live_cart_top .team_box_betting_btn {
        height:60px;
        color:#565656;
        font-size:20px;
        text-align:center;
        line-height:60px;
    }

    .main_live_cart_top .team_box_betting_btn:hover ,
    .main_live_cart_top .team_box_betting_btn:active {
        color:#ffffff;
        background:#344474;
    }

    .main_live_cart .main_live_cart_select {
        height:40px;
        border-top:1px solid #313742;
        border-bottom:1px solid #313742;
    }

    .main_live_cart_select {
        display:flex;
        background:#11141d;
        width:100%;
    }

    .main_live_cart_select_jongmok {
        display:flex;
        position:relative;
        overflow: hidden;
        flex-grow: 1;
    }

    .main_live_cart_select_jongmok .swiper-wrapper .swiper-slide {
        position:relative;
        display:flex;
        width:40px;
        height:40px;
        flex-shrink: 0;
        background:none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin:0 !important;
        border-right:1px solid #313742;
        border-left:1px solid #313742;
        margin-left:-1px;
    }

    .main_live_cart_select_jongmok .swiper-wrapper .swiper-slide:hover {
        background:#29324b;
        border-top: 1px solid #e07708;
        height:39px;
    }


    .main_live_cart_select_jongmok .swiper-wrapper .swiper-slide img {
        width:14px;
        height:14px;
    }

    .main_live_cart_select_jongmok .main_live_cart_select_swiper {
        display:flex;
        overflow: hidden;
        flex-grow: 1;
    }

    .main_live_cart_select_jongmok .swiper {
        margin-right:auto;
        margin-left:0;
    }

    .main_live_cart_select_jongmok .nextPrev_btn {
        position:relative;
        width:28px;
        flex-shrink: 0;
        display:flex;
        height:38px;
        align-items: center;
        justify-content: center;
    }

    .main_live_cart_select_jongmok .nextPrev_btn .swiper-button-prev:after ,
    .main_live_cart_select_jongmok .nextPrev_btn .swiper-button-next:after {
        content:"";
    }

    .main_live_cart_select_jongmok .nextPrev_btn span {
        border-left:1px solid #313742;
        width:50%;
        opacity:1;
        display:flex;
        content:none;
        pointer-events:auto;
        top:0;
        margin:0;
        height:39px;
        margin-right:10px;
        position:relative;
    }

    .main_live_cart_select_jongmok .nextPrev_btn span:hover {
        background:#29324b;
        border-top: 1px solid #e07708;
    }

    .main_live_cart_select_jongmok .nextPrev_btn span.swiper-button-prev {
        /*left:auto;
    right:20px;*/
        opacity:1;
        /*width:30px;*/
        left:0;
        right:0;
        margin:0;
    }

    .main_live_cart_select_jongmok .nextPrev_btn span.swiper-button-next {
        /*left:auto;
    right:-7px;*/
        opacity:1;
        /*width:30px;*/
        border-right:1px solid #313742;
        left:0;
        right:0;
        margin:0;
    }

    .main_live_cart_select_search{
        display:flex;
        width : 40px;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        border-right:1px solid #313742;
    }

    .main_live_cart_select_search img{
        width:14px;
        height:14px;
    }

    .main_live_cart_select_search strong{
        font-size:20px;
        margin-left:10px;
    }

    .main_live_cart_select_search:hover{
        background:#29324b;
        border-top: 1px solid #e07708;
    }

    .main_live_cart_select_order{
        display:flex;
        width : 20%;
        align-items: center;
        justify-content: center;
    }

    .main_live_cart_select_order strong{
        font-size:20px;
    }

    .main_live_cart_select_order .main_live_cart_select_order_arrow{
        transform : rotate(90deg);
        position:absolute;
        right:5px;
    }


    .main_live_cart_list {
        background:#070a0f;
        padding-top:5px;
        min-height:170px;
        overflow-y:auto;
    }


    .main_live_cart_list_info {
        display:flex;
        padding-top:10px;
        justify-content: center;
    }

    .list_home_info{
        display:flex;
        width:40%;
        justify-content: end;
    }

    .list_away_info {
        display:flex;
        width:40%;
        justify-content: start;
    }

    .list_vs {
        display:flex;
        width:10px;
        flex-shrink: 0;
        font-size:24px;
        align-items: center;
        justify-content: center;
    }

    .list_home_info_top{
        display:flex;
        width:100%;
        align-items: center;
        justify-content: end;
    }

    .list_away_info_top{
        display:flex;
        width:100%;
        align-items: center;
        justify-content: start;
    }

    .list_home_info_top .home_info_top_logo {
        width:50px;
        height:50px;
        border-radius:25px;
        background:#ffffff;
        align-items: center;
        justify-content: center;
        overflow:hidden;
        background:radial-gradient(#0344a1 60%, #5f91d8 70%, #0344a1 80%);
        border:1px solid #313742;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
        flex-shrink: 0;
        flex-grow: 0;
    }

    .list_away_info_top .away_info_top_logo {
        width:50px;
        height:50px;
        border-radius:25px;
        background:#ffffff;
        align-items: center;
        justify-content: center;
        overflow:hidden;
        background:radial-gradient(#d70029 60%, #ff8da1 70%, #d70029 80%);
        border:1px solid #313742;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
        flex-shrink: 0;
        flex-grow: 0;
    }
    .list_home_info_top .home_info_top_logo img,
    .list_away_info_top .away_info_top_logo img {
        width:100%;
        padding:10px;
        display: block;
    }

    .list_home_info_top .home_info_top_score {
        font-size:36px;
        align-items: center;
        text-align:center;
        width:60px;
        flex-shrink: 0;
        flex-grow: 0;
    }

    .list_away_info_top .away_info_top_score {
        font-size:36px;
        align-items: center;
        text-align:center;
        width:60px;
        flex-shrink: 0;
        flex-grow: 0;
    }

    .main_live_cart_list_info2 {
        display:flex;
        padding-top:6px;
        padding-left:20px;
        padding-right:20px;
    }

    .main_live_cart_list_info2 .list_home_info_bottom {
        display:block;
        width:50%;
        font-weight:bold;
        font-size:12px;
        white-space: nowrap;
        overflow: hidden;
        text-align: right;
        text-overflow: ellipsis;
        margin-right:30px;
    }

    .main_live_cart_list_info2 .list_away_info_bottom {
        display:block;
        width:50%;
        font-weight:bold;
        font-size:12px;
        white-space: nowrap;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
    }

    /* .list_item {
    width:487px;
    height:210px;
    margin: 0 auto;
    position:relative;
  }
  .list_item .main_live_cart_list_top {
    height:50px;
  }

  .list_item .main_live_cart_list_top .list_top_league {
    height:50px;
    line-height:50px;
    text-align:left;
    font-size:14px;
    color:#abb5c0;
    font-weight:bold;
  }

  .list_item .main_live_cart_list_top .list_top_time {
    background:url("/images/1bet1/main/live_date_bg.png") no-repeat;
    width:53px;
    height:37px;
    position:absolute;
    right:20px;
    top:5px;
    color:#abb5c0;
    font-weight:bold;
    text-align:center;
    padding-top:6px;
    font-size:12px;
    font-weight:600;
  } */

    .list_item {
        display: block;
        margin-left:5px;
        margin-right:5px;
        height:130px;
        position:relative;
    }

    .list_item .main_live_cart_list_top {
        background: url('/images/1bet1/main/list_item_league_name_bg.png'), linear-gradient(#436592 0%, #1f344f 15%) ;
        background-repeat: no-repeat;
        background-position:left;
        height:40px;
        line-height:40px;
        text-align: center;
        font-size:13px;
        font-weight:600;
        color:#ffffff;
        box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    }

    .list_item .main_live_cart_list_top .list_top_league {
        height:40px;
        line-height:40px;
        padding-left:10px;
        padding-right:70px;
        text-align:left;
        font-size:13px;
        letter-spacing: -1px;
        color:#abb5c0;
        font-weight:bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .list_item.active .main_live_cart_list_top .list_top_league {
        color:#efefef;
    }

    .list_item .main_live_cart_list_top .list_top_time {
        background:url("/images/1bet1/main/live_date_bg.png") no-repeat;
        width:52px;
        height:32px;
        position:absolute;
        right:4px;
        top:4px;
        color:#abb5c0;
        font-weight:bold;
        text-align:center;
        padding-top:5px;
        font-size:11px;
        font-weight:600;
        border-radius:10px;
    }

    #main_list_right .list_item {
        background-color: #003e6a;
        stroke: #177099;
        background-image: url('/images/1bet1/main/list_item_bg.svg');
        margin-bottom:5px;
        height:130px;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: inset 0px 0px 20px rgba(255,255,255,0.3);
        filter:grayscale(1) brightness(0.5);
        cursor:pointer;
        position: relative;
        transition: all 100ms;
    }

    #main_list_right .list_item:hover {
        filter:grayscale(0) brightness(1);
        transition: all 100ms;
    }

    #main_list_right .list_item.active{
        filter:grayscale(0) brightness(1);
        transition: all 100ms;
    }

    .our_service_slide .service_item {
        display: block;
        margin-left:5px;
        margin-right:5px;
        height: 100px;
        border:1px solid #313742;
        border-radius: 10px;
        /*background: linear-gradient(#070a0f, #10131c);	*/
        background: linear-gradient(#002867, #000001);
        overflow: hidden;
        position: relative;
        cursor:pointer;
        margin-bottom : 10px;

    }

    .our_service_slide .service_item .label {
        filter: grayscale(0) brightness(1);
        position: absolute;
        display: block;
        left:10px;
        top:10px;
        height:65px;
        z-index:20;
    }

    .our_service_slide .service_item .bg {
        display: block;
        position: absolute;
        right:0px;
        bottom:0px;
        height:100px;
        object-fit: scale-down;
        object-position: right;
        z-index: 10;
        filter: grayscale(0) brightness(1);
    }

    .main_esports_title {
        margin-top:30px;
    }

    .main_esports_slide {
        text-align:center;
    }

    .main_esports_slide .swiper-slide .main_esports_on,
    .main_esports_slide .swiper-slide .main_esports_off {
        width:90%;
    }

    .main_esports_slide .swiper-slide .main_esports_on ,
    .main_esports_slide .swiper-slide:hover .main_esports_off {
        display:none;
    }

    .main_esports_slide .swiper-slide:hover .main_esports_on {
        display:block;
        cursor:pointer;
    }

    .main_esports_slide_box {
        display:flex;
        width:100%;
        overflow: hidden;
        margin:0 auto;
    }



    .main_esports_slide .swiper-slide {
        position:relative;
        display:flex;
        width:33.333333%;
        background:none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin:0px !important;
        margin-top:10px !important;
        margin-bottom:10px !important;
    }

    @media screen and (min-width: 560px) {
        .main_esports_slide .swiper-slide {
            width:25%;
        }
    }

    .main_casino_title {
        margin-top:30px;
    }

    .main_casino_title strong ,
    .main_casino_title img {
        vertical-align : middle;
    }

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


    .main_casino_slide .swiper-slide {
        position:relative;
        display:flex;
        width:100%;
        min-width:320px;
        min-height:170px;
        background:none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin:0 !important;
    }


    .main_casino_slide .swiper-slide ul{
        width:100%;
        padding:5px;
    }

    .main_casino_slide .swiper-slide li{
        position:relative;
        width:100%;
        height:auto;
        float:left;
        padding:5px;
    }

    @media screen and (min-width: 560px) {
        .main_casino_slide .swiper-slide li {
            width:50%;
        }
    }


    .main_casino_slide .swiper-slide .main_casinos_bg {
        position : relative;
        left:0px;
        top:0px;
        bottom:0px;
        right:0px;
        display: block;
        width: 100%;
        filter:grayscale(0) brightness(1);
        /*transition: all 300ms;*/
    }

    .main_casino_slide .swiper-slide .main_casinos_label {
        position : absolute;
        display: block;
        left:30px;
        top:50%;
        width:40%;
        transform: translate(0, -60%);
        filter:grayscale(0) brightness(1);
        /*transition: all 300ms;*/
    }


    /*
  .slot_list_item:hover,
  .slot_list_item.active {
      border:2px solid #ffc967;
      transition: all 300ms;
  }
  */
    .slot_list_item > .upper {
        display: flex;
        background:#16233f;
        height:90px;
        transition: all 300ms;
    }

    .slot_list_item > .upper > img {
        display: block;
        object-fit: none;
        object-position: center;
        width:200px;
        flex-shrink: 0;
    }

    .slot_list_item > .upper > .gamename {
        display: block;
        flex-grow: 1;
        text-align: left;
        line-height:90px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size:18px;
        font-weight:600;
        color:#ffffff;
    }

    .slot_list_item > .lower {
        display: flex;
        background:#0d1930;
        height:40px;
    }

    .slot_list_item > .lower > img {
        object-fit: none;
        object-position: center;
        width:40px;
        flex-shrink: 0;
        display: block;
        margin-left:15px;
        filter: brightness(0.5);
    }

    .slot_list_item > .lower > .money {
        display: block;
        margin-left:15px;
        flex-grow: 1;
        padding-top:23px;
    }

    .slot_list_item > .lower > .money > .money_label {
        display: block;
        font-size:12px;
        height:14px;
        color:#cccccc;
    }

    .slot_list_item > .lower > .money > .money_amount {
        display: block;
        font-size:12px;
        height:20px;
        color:#cccccc;
    }
    /*
  .slot_list_item:hover .upper,
  .slot_list_item.active .upper {
      background:#000000;
      transition: all 300ms;
  }

  .slot_list_item:hover > .upper > .gamename,
  .slot_list_item.active > .upper > .gamename {
      color:#ffc967;
  }
  */

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

    .main_slot_slide .swiper-slide {
        position:relative;
        /*display:flex;*/
        min-width:320px;
        height:100%;
        background:none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin:0 !important;
        padding:5px;
    }

    .slot_list_item {
        display:inline-block;
        width:100%;
        box-sizing: border-box;
        border:0px !important;
        transition: all 300ms;
        cursor: pointer;
        float:left;
        padding:5px;
    }

    @media screen and (min-width: 560px) {
        .slot_list_item {
            width:50% !important;
        }
    }


    #popup_search {

    }

    #popup_search.popup_window {
        position:fixed;
        padding:14px;
        border:1px solid #07172d;
        background:#07172d;
        height:230px;
        box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
        transform: translate(-50%, -50%);
        display:none;
        /*user-select: none;*/
        top:50%;
        width:100%;
        left:50%;

        max-width: 800px;
        z-index:1000;
    }

    #popup_search.popup_window.active {
        display:block;
        z-index:1000;
    }

    #popup_search.popup_window .popup_title_img {
        display: block;
        padding-left:20px;
        padding-right:20px;
        width:100%;
        padding-top:20px;
        padding-bottom:20px;
    }

    #popup_search.popup_window .popup_btn_close {
        position:absolute;
        bottom:0;
        height:45px;
        line-height:45px;
        width:100%;
        font-size:1em;
        font-weight: 600;
        color:#d7d8d9;
        border-top:1px solid #070a0f;
        text-align: center;
        cursor:pointer;
        transition: all 100ms;
        left:0;
        background:#0d1d32;
    }


    #popup_search.popup_window .searchbox {
        display:flex;
        margin:0px;
        padding:0px;
        border:0px;
        margin-left:20px;
        margin-right:20px;
        border:1px solid #070a0f;
        background:#0d1d32;
    }


    #popup_search.popup_window .searchbox input {
        display: block;
        position: absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        border:0;
        margin:0;
        padding:0;
        line-height:50px;
        background: transparent;
        color:#5c5e60;
    }

    #popup_search.popup_window .searchbox .input_combo {
        width:184%;
        height:50px;
        position: relative;
        background-repeat: no-repeat !important;
        background-position-x: right !important;
        background-position-y: center !important;
    }

    #popup_search.popup_window .searchbox .input_text {
        width:400%;
        height:50px;
        font-size:15px;
        color:#cccccc;
        position: relative;
    }

    #popup_search.popup_window .searchbox .btn_search {
        flex-shrink: 0;
        width: 50px;
        height:50px;
        position: relative;
    }

    #popup_search.popup_window .searchbox .btn_search:hover .btn_search_off {
        display:none;
    }
    #popup_search.popup_window .searchbox .btn_search:hover .btn_search_on {
        display:block;
    }


    #popup_search.popup_window .searchbox .input_combo input{
        color: #cccccc;
        font-weight:600;
        font-size:15px;
        text-align:center;
        cursor:pointer;
    }

    #popup_search.popup_window .searchbox .input_combo .combolist{
        display:none;
        position: absolute;
        top:50px;
        left:-1px;
        width:100%;
    }

    #popup_search.popup_window .searchbox .input_combo .combolist .comboitem {
        display: block;
        border: 1px solid #41415d;
        height: 48px;
        background:#252e3a;
        color:#cccccc;
        text-align: center;
        font-size:15px;
        font-weight:600;
        line-height:48px;
        margin-top:-1px;
        transition: all 100ms;
    }

    #popup_search.popup_window .searchbox .input_combo .combolist .comboitem:hover {
        color:#ffffff;
        background:#29324b;
        transition: all 100ms;
        cursor:pointer;
    }


    #popup_search.popup_window .searchbox .input_text input{
        color: #cccccc;
        font-weight:600;
        font-size:15px;
        padding-right:10px;
        text-align: left;
    }


    #popup_search.popup_window .searchbox .btn_search input {
        width:50px;
        height:50px;
        left:0px;
        top:0px;
        position: absolute;
        background-size: cover;
        cursor:pointer;
    }

    #popup_search.popup_window .searchbox .btn_search .btn_search_on {
        opacity: 0;
        transition: all 200ms;
        filter:grayscale(1);
    }

    #popup_search.popup_window .searchbox .btn_search .btn_search_off {
        opacity: 1;
        transition: all 200ms;
        filter:grayscale(1);
    }

    #popup_search.popup_window .searchbox .btn_search:hover .btn_search_on {
        opacity: 1;
        transition: all 200ms;
    }

    #popup_search.popup_window .searchbox .btn_search:hover .btn_search_off {
        opacity: 0;
        transition: all 200ms;
    }

    /*-- POPUP_REGISTER --*/
    /*#popup_register.popup_window {
      border:1px solid #454462;
      background:#11141d;
      border-radius:5px;
      z-index:100;
      box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
      display: none;
      left:20px;
      top:60px;
      bottom:20px;
      right:20px;
      transform: none;
      overflow: hidden;
      overflow-x: hidden;
    position:absolute;
    padding: 0 20px;
      overflow-y: `oll;
  }*/
    #popup_register.popup_window {
        display: none;
        position:fixed;
        left:20px;
        right:20px;
        top:20px;
        bottom:20px;
    }

    #popup_register.popup_window .popup_inner::-webkit-scrollbar {
        display: none;
    }

    #popup_register.popup_window  .popup_inner::-webkit-scrollbar-track {
        background:#101024;
    }

    #popup_register.popup_window  .popup_inner::-webkit-scrollbar-thumb {
        background:#ff9f67;
    }

    #popup_register.popup_window .popup_form {
        display: block;
        border:0px;
        margin:0px;
    }

    #popup_register.popup_window .popup_form_box .label {
        padding-bottom:10px;
        color:#efefef;
        font-weight:600;
        font-size: 0.9em;
    }

    #popup_register.popup_window .popup_form_box .item {
        padding-bottom:10px;
        display: flex;
    }

    .w30 {
        width:31%;
    }

    .w60 {
        width:calc(100% - 155px);
    }

    .w70 {
        width:calc(100% - 70px);
    }

    .w100 {
        width:100%;
    }


    .slideitem {
        display: block;
        overflow: hidden;
        transition: all 1000ms;
        opacity: 0;
        position: relative;
        width:0px;
        height:auto;
        cursor: pointer;
        overflow: hidden;
    }

    .slideitem.show {
        display: block;
        max-width: auto;
        transition: all 1000ms;
        opacity: 1;
        width:100%;
        border:2px solid transparent;
    }

    .slideitem:hover {
        /*border:2px solid #ef7c00;*/
    }

    .slideitem > .title {
        height:90px;
        background: #11141d;
        display: block;
        position: relative;
    }

    .slideitem > .title > img.bg {
        position: absolute;
        display: block;
        right:0px;
        bottom:-1px;
        height:91px;
        /*filter:grayscale(0.6) brightness(0.4);*/
        transition: all 300ms;
    }

    .slideitem > .title > img.label {
        position: absolute;
        display: block;
        left:30px;
        top:50%;
        transform: translate(0,-50%);
        /*filter:grayscale(0.6) brightness(0.4);*/
    }

    .slideitem > .info {
        height:40px;
        display: flex;
        position: relative;
        background: #0d1930;
        transition: all 300ms;
    }


    .slideitem > .info {
        height:40px;
        display: flex;
        position: relative;
        background-color: #0d1930;
        stroke: #1d2f4b;
        /*background-image: url('/images/1bet1/main/list_item_bg.svg');*/
        transition: all 300ms;
    }


    .slideitem > .info > .name {
        display: block;
        width:50%;
        line-height: 40px;
        color:#c8c8c8;
        font-size:13px;
        font-weight:400;
        padding-left:20px;
        margin-right:10px;
        white-space: nowrap;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        transition: all 300ms;
    }

    .slideitem > .info > .credit {
        display: block;
        width:50%;
        line-height: 40px;
        color:#c8c8c8;
        font-size:13px;
        font-weight:400;
        padding-right:20px;
        margin-left:10px;
        white-space: nowrap;
        text-align: right;
        text-overflow: ellipsis;
        overflow: hidden;
        transition: all 300ms;
    }


    .slideitem:hover > .info > .credit {
        color:#ffffff;
        transition: all 300ms;
    }

    .sort {
        display: block;
        list-style: none;
        flex-shrink: 0;
        width:80px;
        position:relative;
        cursor:pointer;
    }

    .sort li {
        list-style: none;
        display: block;
        left:0px;
        top:0px;
        right:0px;
        bottom:0px;
        transition: all 300ms;
    }

    .sort li span.value {
        display: block;
        position: absolute;
        padding-left:10px;
        line-height:39px;
        left:0;
        right:0;
        bottom:0;
        top:0;
        font-size:12px;
        font-weight: 600;
        color:#a8a8a8;
        z-index:3;
        transition: all 300ms;
    }

    .sort li span.arrow {
        display: block;
        position: absolute;
        right:10px;
        top:50%;
        transform: translate(0, -50%) scaleX(0.6);
        font-size:14px;
        font-weight: 600;
        color:#a8a8a8;
        z-index:2;
        transition: all 300ms;
    }

    .sort li:hover,
    .sort li.active {
        background: #29324b;
        color:#ef7c00;
        transition: all 300ms;
        animation: beat .25s infinite alternate;
    }

    .sort li:hover span.value,
    .sort li.active span.value {
        color:#ffffff;
        text-shadow:
                0 0 5px #cfff5e,
                0 0 10px #ffb25e,
                0 0 20px #ef7c00;
        transition: all 300ms;
    }

    .sort li:hover span.arrow,
    .sort li.active span.arrow {
        color:#ffffff;
        text-shadow:
                0 0 5px #cfff5e,
                0 0 10px #ffb25e,
                0 0 20px #ef7c00;
        transform: translate(0, -50%) scaleY(0.7) rotate(90deg);
        transition: all 300ms;
    }

    .sort li ul {
        display: block;
        list-style: none;
        overflow: hidden;
        max-height: 0px;
        position: absolute;
        left:-1px;
        right:-1px;
        top:39px;
        transition: all 300ms;
        z-index:1;
    }

    .sort li ul li {
        display: block;
        background:#11141d;
        height:43px;
        line-height:40px;
        border-top:1px solid #313742;
        text-align: center;
        z-index:1;
        font-size:12px;
    }

    .sort.active li ul {
        display: block;
        max-height: 315px;
        border:1px solid #313742;
        transition: all 300ms;
    }

    .sort.active li ul li:hover,
    .sort.active li ul li.active {
        background:#344474;
    }

    .my_info_box > .banner_list {
        display: grid;
        grid-template: repeat(1, 1fr) / repeat(2, 1fr);
        grid-gap:0px;
        padding:0px;
    }

    .my_info_box .banner_list .my_info_banner {
        width:100%;
        height:auto;
    }




    #popup {
        display: none;
        position: fixed;
        z-index:1000;
        left:50% !important;
        top:0px;
        bottom:0px;
        transform: translate(-50%);
        width:100%;

        max-width: 800px;
    }

    .mask1 {
        display: none;
    }

    #popup_register.popup_window  {
        display: flex;
        padding:0px;
        top:0px;
        right:0px;
        bottom:0px;
        left:0px;
        margin:0px;
        flex-direction: column;
        overflow: scroll;
        position: fixed;
    }

    #popup_register.popup_window::-webkit-scrollbar {
        display: none;
    }

    #popup > #popup_register.popup_window {
        /*display: block;*/
        display: none;
        margin:0px;
        position: absolute;
        left:10px;
        top:10px;
        right:10px;
        bottom:10px;
        overflow: hidden;
        background:#07172d;
        border-radius: 10px;
    }

    #popup > #popup_register.popup_window > iframe {
        height:100%;
        width:100%;
    }

    #popup_register.popup_window {
        background: #07172d;
    }

    #popup_register.popup_window .popup_btn_close {
        display: block;
        position: absolute;
        width:60px;
        height:60px;
        right:0px;
        top:0px;
        border:0px;
        border-radius: 0px;
        cursor:pointer;
    }

    #popup_register.popup_window .popup_btn_close > svg {
        position: absolute;
        left:50%;
        top:50%;
        stroke: #b5b5b5;
        transform: translate(-50%, -50%);
    }

    #popup_register.popup_window .popup_title {
        display:block;
        text-align:center;
        font-size:1.1em;
        font-weight:700;
        color:#ffffff;
        z-index:100;
        border-bottom:1px solid #070a0f;
        background:#1f242c;
        margin:0px;
        height:60px;
        line-height:60px;
        font-weight:600;
        cursor:pointer;
        flex-shrink: 0;
    }

    #popup_register.popup_window .popup_title > img {
        height:30px;
        margin-top:15px;
        margin-right:5px;
    }

    #popup_register.popup_window .popup_inner {
        display: block;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        overflow: scroll;
        margin:0px;
        padding:20px;
        border:0px;
        flex-grow: 1;
        background: #141921;
    }


    #popup_register.popup_window .popup_form_submit{
        /*position:absolute;*/
        height:60px;
        background: #1f242c;
        border-top:1px solid #070a0f;
        text-align:center;
        line-height: 60px;
        font-weight:600;
        font-size:1em;
        color:#efefef;
        cursor:pointer;
        display:block;
        width:100%;
    }

    #popup_register.popup_window .popup_form_submit:hover {
        color:#ffffff;
        background: #2c333e;
    }

    #popup_register.popup_window .label {
        display: block;
        height:30px;
        line-height: 30px;

    }

    #popup_register.popup_window .flexbox {
        display: flex;
        height:50px;
    }

    #popup_register.popup_window .flexbox .popup_btn {
        flex-shrink: 0;
        width:80px;
        line-height:50px;
        background:#070a0f;
        border-radius: 10px;
        text-align: center;
    }

    #popup_register.popup_window .flexbox .w100 {
        width:100%;
        position: relative;
    }

    #popup_register.popup_window .flexbox .m10 {
        width:15px;
        flex-shrink: 0;
    }

    #popup_register.popup_window .flexbox .m5 {
        width:5px;
        flex-shrink: 0;
    }

    #popup_register.popup_window .flexbox .dash {
        flex-shrink: 0;
        white-space: nowrap;
        line-height: 50px;
    }

    #popup_register.popup_window .flexbox input {
        border:1px solid #262e3c;
        padding-left:10px;
        padding-right:10px;
        display: block;
        position: absolute;
        left:0px;
        top:0px;
        right:0px;
        bottom:0px;
        border-radius:10px;
    }

    #popup_register.popup_window .flexbox input.txt_center {
        text-align: center;
        padding-left:5px;
        padding-right:5px;
    }

    #popup_register.popup_window .flexbox select {
        border:1px solid #262e3c;
        width:80px;
        flex-shrink: 0;
        display: block;
        background: transparent;
        border-radius: 10px;
        text-align: center;
        background:#070a0f;
        color:#cccccc;
    }

    #popup_register.popup_window .h10 {
        display: block;
        height:10px;
    }


    #popup_register.popup_window .h5 {
        display: block;
        height:5px;
    }
}

.cmt_d_span2 {
    color: #000 !important;
}

@media (max-width:767px){
    .comment_header_v2 {
        padding-top: 12px;
    }
}