* {
    box-sizing: border-box;
    user-select: none;
    -webkit-user-drag: none;
    font-family: 'Noto Sans KR', sans-serif;
    /* color: #cccccc; */
    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;
}

/* The list reset, held off our own components — same mechanism and the same
   reasoning as the phone reset further down this file, and the same one-word
   edit: `:where(:not(.app-ui, .app-ui *))`, which adds no specificity, so
   outside `.app-ui` this rule weighs and ranks exactly what it always did.

   The difference from that one is that this block carries **no width query**,
   so it reached our components at every width rather than only on a phone,
   and it went unnoticed for that reason: the phone reset was the loud failure
   and this one looked like part of it.

   `display: block` is the declaration that bites. It is unlayered, and an
   unlayered declaration beats a layered one however specific the layered
   selector is — which is every Tailwind utility and every rule in our own
   `@layer components`. So `<ul class="skin-stack">` was not a grid, its 1px
   gaps never drew, `<li class="flex px-3 py-2.5">` was not a flex box and had
   no padding, and 룰렛's prize list rendered as 21px lines of run-together
   text: 「1번꽝35.7%」. Nothing overflowed and nothing errored, so every width
   check passed over it. `padding: 0` and `margin: 0` are the same story one
   step quieter. */
:is(ul, li):where(:not(.app-ui, .app-ui *)) {
    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), #07172d;
  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: #cccccc;
  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;
}

#withdraw_form > form > .gridbox> .iptgrp > select {
  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;
}

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

#board_list > .listbox > .listhead .row .col {
    background: #29324b;
    line-height:50px;
    font-size:14px;
    color:#cccccc;
    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:#e3e3e3;
    margin-left:1px;
    transition: all 300ms;
}

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


#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:#850909;
    font-size:15px;
    line-height:50px;
    text-align:center;
    color:#e3e3e3;
    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:#a50e0e;
    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:#cccccc;
}

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

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

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

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

.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:#29324b;
    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:#07172d;
  flex-shrink: 0;
  font-size:15px;
}

#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;
  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:#0d1d32;
  font-size:15px;
  line-height:50px;
  text-align:center;
  color:#aaaaaa;
  cursor:pointer;
  position: relative;
  z-index:1;
  border:0px;
}

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


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

#board_view > .titlebox {
  display: flex;
  height: 63px;
  background: url(../images/title_effect_overlay.png), #07172d;
  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: #cccccc;
  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:#031124;
}

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

.toolbar > .btn:hover {
  display: block;
  background:#29324b;
  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/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;
  }
  
  /* ---------------------------------------------------------------------
     The phone reset, held off our own components.

     Everything below is the original reset, unchanged in what it declares.
     The only edit is `:where(:not(.app-ui, .app-ui *))` on each selector,
     which stops it matching inside a subtree marked `.app-ui` — the class
     PageShell and the auth popups put on their roots to say "this is our UI,
     not the ported skin".

     Why it is written this way. These rules are unlayered, and an unlayered
     declaration beats a layered one however specific the layered selector is,
     so `div { padding:0 }` here outranked every Tailwind utility we could
     write below 768px. Two workarounds were paid for before this: property
     reverts inside the player shell, and the auth popups abandoning classes
     for inline styles.

     Layering the skin instead was tried and rejected. It cannot fix this on
     its own — Tailwind's preflight declares no font-size, colour or
     line-height on `div`, so a layered reset still lands on our components —
     and it re-ranks the sports page's own inline odds stylesheet against the
     skin, which moves the board.

     `:where()` contributes nothing to specificity and `:is()` here holds only
     type selectors, so every rule weighs exactly what it did before and
     ranks against the rest of the skin exactly as it always has. Outside
     `.app-ui` the cascade is untouched.
     --------------------------------------------------------------------- */

  /* default */
  *:where(:not(.app-ui, .app-ui *)) {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;}
  :is(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):where(:not(.app-ui, .app-ui *))
    {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:where(:not(.app-ui, .app-ui *)) {font-weight:500;margin:0px;padding:0px;vertical-align:top;}
  :is(ul, ol, dl, dd, dt, li):where(:not(.app-ui, .app-ui *)) {list-style-type:none;margin:0;padding:0px;line-height:100%;}
  table:where(:not(.app-ui, .app-ui *)) {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;word-break:break-all}
  :is(i, em):where(:not(.app-ui, .app-ui *)) {font-style:normal;font-weight:500;}
  
  fieldset:where(:not(.app-ui, .app-ui *)) {border:0;margin:0px;padding:0px;}
  legend {display:none;position:absolute;visibility:hidden;}
  caption:where(:not(.app-ui, .app-ui *)) {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;display:none;}
  img:where(:not(.app-ui, .app-ui *)) {border:0;vertical-align:top;}
  optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
  :is(input,select):where(:not(.app-ui, .app-ui *)) {margin:0;vertical-align:middle;}
  button:where(:not(.app-ui, .app-ui *)) {padding:0;margin:0;background-color:transparent;color:inherit;border:none;outline:none;display:inline-block;cursor:pointer;}
  
  select:where(:not(.app-ui, .app-ui *)) {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:where(:not(.app-ui, .app-ui *)) {text-decoration:none;color:inherit;margin:0px;padding:0px;}
  :is(a:link, a:visited):where(:not(.app-ui, .app-ui *)) {text-decoration:none;color:inherit;}
  a:hover, a:focus, a:active {text-decoration:none;}
  a:focus, img:focus {outline:none;}
  
  /* ?��?�� */
  :is(input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"]):where(:not(.app-ui, .app-ui *)){border:none;background:none;outline:none;}
  input:where(:not(.app-ui, .app-ui *)) {-webkit-border-radius: 0;}
  input.num_password {-webkit-text-security:disc;-moz-text-security:disc;}
  input[type="password"] {}
  input[type="radio"]:where(:not(.app-ui, .app-ui *)) {width:14px;height:14px;margin-bottom:1px;}
  input[type="checkbox"]:where(:not(.app-ui, .app-ui *)) {width:14px;height:14px;margin:0 5px 2px 0;}
  input:where(:not(.app-ui, .app-ui *)):-ms-input-placeholder {color:inherit;font-size:inherit;}
  input:where(:not(.app-ui, .app-ui *))::-webkit-input-placeholder {color:inherit;font-size:inherit;}
  input:where(:not(.app-ui, .app-ui *))::-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:where(:not(.app-ui, .app-ui *)) {border:none;background:none;outline:none;-webkit-appearance:none;}
  textarea:where(:not(.app-ui, .app-ui *)):-ms-input-placeholder {color:inherit;font-size:inherit;}
  textarea:where(:not(.app-ui, .app-ui *))::-webkit-input-placeholder {color:inherit;font-size:inherit;}
  textarea:where(:not(.app-ui, .app-ui *))::-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;}
  
  /* The skin hides every placeholder on a phone; the player pages draw their
     own, so this stops at `.app-ui` like the rest of the reset. */
  :where(:not(.app-ui, .app-ui *))::-webkit-input-placeholder {color:transparent;opacity:1;}
  :-moz-placeholder {color:transparent;opacity:1;}
  :where(:not(.app-ui, .app-ui *))::-moz-placeholder {color:transparent;opacity:1;}
  :where(:not(.app-ui, .app-ui *)):-ms-input-placeholder {color:transparent;opacity:1;}
  :where(:not(.app-ui, .app-ui *))::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 **/
  /* The site header. Held off `.app-ui` with the reset above: the player pages
     use <header> for their own panel and section headers, and a 70px gradient
     bar is not what those mean. */
  header:where(:not(.app-ui, .app-ui *)) {
    z-index:1000;
    max-width: 800px;
    
    width:100%;
    height: 70px;
    background: linear-gradient(#1e2b42, #131b2a);
    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: #121212;
    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: #161616;
  }
  .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:#ffc000;
    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:#7f8f93;
    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:#252e3a;
    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:where(:not(.app-ui, .app-ui *)) {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/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/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;
  }
}