@charset "utf-8";

:root {
  /* Military Special Force palette */
  --body-bg:#121410;
  --left-bg:#1c2018;
  --right-bg:#1c2018;
  --logo-bg:#1c2018;
  --font-color:#f2f0e8;
  --theme-color:#c9a24a;
  --accent-blue:#4f6b3a;
  --accent-cyan:#c9a24a;
  --accent-panel:#252a1f;
  --surface-1:#1c2018;
  --surface-2:#262b20;
  --surface-3:#22261c;
  --surface-4:#34392c;
  --surface-5:#3a4032;
  --cash-help-header-bg:var(--surface-4);
  --outline-strong:#5a624c;
  --notice-icon-color:#c9a24a;
  --notice-color:#ddd6c4;
  --menu-sub-bg:#262b20;
  --menu-sub-border:#3a4032;
  --menu-sub-hover:#34392c;
  --menu-sub-hover-text:#f5e6c0;
  --menu-sub-arr:#4a5240;
  --menu-sub-arr-text:#b8b39f;
  --menu-icon-color:#b8b39f;
  --header-cash-icon:#c9a24a;
  --header-cash-icon2:#8a8570;
  --header-bg:#1c2018;
  --header-gradient:linear-gradient(to bottom,rgba(0,0,0,.45) 0,rgba(0,0,0,.22) 42%,rgba(0,0,0,.08) 78%,transparent 100%);
  --btn-expand:#d7d2c2;
  --header-menu-color:#9a947f;
  --left-menu:#262b20;
  --3737:#1c2018;
  --ffe:#e8e2d2;
  --fff:#fff;
  --b0b0:#b8b39f;
  --a3a3:#9a947f;
  --4246:#34392c;
  --6a6d:#6e6a58;
  --4a4a:#e0d9c8;
  --3838:#252a1f;
  --00ffa3:#c9a24a;
  --126e51:#4f6b3a;
  --2d8f70:#6a8a4a;
  --939393:#9a947f;
  --aeae:#9a947f;
  --848484:#7a7564;
  --38ffa8:#c9a24a;
  --222:#161912;
  --f5c41a:#f5c41a;
  --585858:#3a4032;
  --585858:#3a4032;
  --9e9e9e:#9a947f;
  --0d0d0d:#0e100c;
  --a4a2a4:#b8b39f;
  --454545:#2e3426;
  --3aec9d:#c9a24a;
  --464646:#34392c;
  --7b7b7b:#7a7564;
  --424846:#252a1f;
  --14815f:#3d5530;
  --bababa:#b8b39f;
  --4f4f4f:#4a5240;
  --919191:#9a947f;
  --979797:#a39e88;
  --ded8e0:#ddd6c4;
  --d9e0e7:#d6d0be;
  --ececec:#ece8dc;
  --9a9a9a:#9a947f;
  --fs11:11px;
  --fs12:12px;
  --fs14:14px;
  --fs16:16px;
  --fs18:18px;
  --fs21:21px;
  --black:#0e100c;
  --select-arrow:url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='%23ffffff'/></g></svg>") no-repeat;
  --join-line:1px solid #262b20;
  --join-width:500px;
  --join-input-bg:#262b20;
  --join-input-border:1px solid #0e100c;
  --join-button-bg:#505151;
  --join-point-button-color:#282828;
  --help-color:#a2a2a2;
  --military-gold:#c9a24a;
  --military-olive:#4f6b3a;
  --military-metal:#3a4032;
  --military-frame:rgba(201,162,74,.28);
}

[data-theme-mode=light] {
  --body-bg:#ebe6d6;
  --left-bg:#f4f0e4;
  --right-bg:#f4f0e4;
  --logo-bg:transparent;
  --font-color:#2a2d24;
  --theme-color:#8a6e2e;
  --accent-blue:#4f6b3a;
  --accent-cyan:#8a6e2e;
  --accent-panel:#efe8d4;
  --surface-1:#f7f3e8;
  --surface-2:#efe8d4;
  --surface-3:#e6dfcc;
  --surface-4:#d8d0b8;
  --surface-5:#c9c0a4;
  --cash-help-header-bg:var(--126e51);
  --outline-strong:#c9c0a4;
  --notice-icon-color:#8a6e2e;
  --notice-color:#3a3d32;
  --menu-sub-bg:#efe8d4;
  --menu-sub-border:#d8d0b8;
  --menu-sub-hover:#e6dfcc;
  --menu-sub-hover-text:#6a5422;
  --menu-sub-arr:#d8d0b8;
  --menu-sub-arr-text:#6e6a58;
  --menu-icon-color:#8a6e2e;
  --header-cash-icon:#8a6e2e;
  --header-cash-icon2:#6e6a58;
  --header-bg:#f4f0e4;
  --header-gradient:linear-gradient(to bottom,rgba(90,78,42,.16) 0,rgba(90,78,42,.08) 45%,rgba(90,78,42,0) 100%);
  --btn-expand:#8a6e2e;
  --header-menu-color:#4a4d40;
  --left-menu:#efe8d4;
  --3737:#f7f3e8;
  --fff:#fff;
  --b0b0:#6e6a58;
  --a3a3:#6e6a58;
  --ffe:#efe8d4;
  --4246:#d8d0b8;
  --6a6d:#6e6a58;
  --4a4a:#2a2d24;
  --3838:#f0eadc;
  --00ffa3:#8a6e2e;
  --126e51:#4f6b3a;
  --2d8f70:#6a8a4a;
  --939393:#8a8570;
  --aeae:#6e6a58;
  --848484:#8a8570;
  --38ffa8:#8a6e2e;
  --f5c41a:#f5c41a;
  --585858:#d0c9b4;
  --9e9e9e:#6e6a58;
  --0d0d0d:#2a2d24;
  --a4a2a4:#8a8570;
  --454545:#e0d9c4;
  --464646:#c9c0a4;
  --3aec9d:#8a6e2e;
  --7b7b7b:#6e6a58;
  --424846:#efe8d4;
  --14815f:#3d5530;
  --bababa:#8a8570;
  --4f4f4f:#4a4d40;
  --919191:#6e6a58;
  --979797:#8a8570;
  --ded8e0:#efe8d4;
  --black:#2a2d24;
  --222:#ffffff;
  --ececec:#e6dfcc;
  --d9e0e7:#e6dfcc;

  --select-arrow:url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='%23333333'/></g></svg>") no-repeat;

}

/* Paperlogy files are not shipped — alias weights to local/system fonts (no remote fetch) */
@font-face {
  font-family: 'p1';
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: local('Noto Sans KR'), local('Malgun Gothic'), local('Apple SD Gothic Neo'), local('sans-serif');
}
@font-face {
  font-family: 'p2';
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: local('Noto Sans KR'), local('Malgun Gothic'), local('Apple SD Gothic Neo'), local('sans-serif');
}
@font-face {
  font-family: 'p3';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Noto Sans KR'), local('Malgun Gothic'), local('Apple SD Gothic Neo'), local('sans-serif');
}
@font-face {
  font-family: 'p4';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Noto Sans KR'), local('Malgun Gothic'), local('Apple SD Gothic Neo'), local('sans-serif');
}
@font-face {
  font-family: 'p5';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: local('Noto Sans KR Medium'), local('Noto Sans KR'), local('Malgun Gothic'), local('Apple SD Gothic Neo'), local('sans-serif');
}
@font-face {
  font-family: 'p6';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Noto Sans KR'), local('Malgun Gothic'), local('Apple SD Gothic Neo'), local('sans-serif');
}
@font-face {
  font-family: 'p7';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Noto Sans KR Bold'), local('Noto Sans KR'), local('Malgun Gothic'), local('Apple SD Gothic Neo'), local('sans-serif');
}
@font-face {
  font-family: 'p8';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local('Noto Sans KR'), local('Malgun Gothic'), local('Apple SD Gothic Neo'), local('sans-serif');
}
@font-face {
  font-family: 'p9';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: local('Noto Sans KR'), local('Malgun Gothic'), local('Apple SD Gothic Neo'), local('sans-serif');
}

/* **** Common Reset **** */
*{margin:0;padding:0;list-style:none;font-size:13px;font-weight:500;font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "p5", sans-serif;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
li,p,span,strong,a,i{font-size:inherit;color:inherit;font-family:inherit;}
body, html{width:100%;height:100%;}
body{background:var(--body-bg);color:var(--font-color);}
input,select,img{vertical-align:middle;}
img{border:0;}
table{border-collapse:collapse;width:100%;}
table caption{position: absolute;top: 0;left: 0;overflow: hidden;display: block !important;width: 0 !important;height: 0 !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clearfix::after{content:"";display:block;clear:both;}
a{display:inline-block;text-decoration:none;transition:all 0.2s ease-in-out;}
i{font-style:normal;}
button { border:0; outline:0; cursor:pointer; }
select { -webkit-appearance: none;-moz-appearance: none;appearance: none; background:var(--select-arrow);background-position: right 11px top 50%;background-size: 17px;}
select option {color: #fff;}

.iconfont { position:relative; }
.isMobile{display:none}

.themeColor { color:var(--theme-color) !important}

.filterSvg { pointer-events: none; z-index: -1; width: 0; height: 0; position: absolute; overflow: hidden }

.scroll::-webkit-scrollbar{width:5px;height: 5px;border-radius:2.5px;background:var(--left-bg)}
.scroll::-webkit-scrollbar-thumb{width:5px;height: 5px;border-radius:2.5px;background:var(--454545);transition:all .3s}
.scroll::-webkit-scrollbar-thumb:hover{background:var(--font-color)}
.tabs.scroll::-webkit-scrollbar { width: 5px;height:5px; }
.tabs.scroll::-webkit-scrollbar-track { background:var(--0d0d0d); }

.betscroll::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	background-color: #e8ecf8;}
.betscroll::-webkit-scrollbar{	width: 2px;	background-color: #F5F5F5;	opacity:0.5;}
.betscroll::-webkit-scrollbar-thumb{	background-color: #000;	opacity:0.5;}
.betscroll { scrollbar-base-color: #e8ecf8;scrollbar-Face-Color: #e8ecf8; scrollbar-Track-Color:#e8ecf8;scrollbar-Shadow-Color: #e8ecf8}
.dimed { display:none; z-index:20; position:fixed; left:0; right:0; top:0; bottom:0; background:rgb(0,0,0, 0.7); }

#loading{width:100%;height:100%;line-height:100%;position:fixed;inset:0;z-index:100000000;filter:opacity(86%);opacity:.85;background-color:#000;display:none}
#loading p{position:absolute;text-align:center;top:40%;left:50%;margin-left:-50px;vertical-align:middle;font-size:18pt;color:#fff}
#loadmsg{width:100%;height:100%;line-height:100%;position:fixed;inset:0;z-index:100000000;background:rgb(0,0,0,.85);display:none}
#loadmsg .alarmArea{width:235px;position:absolute;left:50%;top:50%;border:2px solid #191919;transform:translate(-50%,-50%);background:#000;border-radius:4px}
#loadmsg .alarmArea .titAlarm{padding:30px 0 10px;text-align:center}
#loadmsg .alarmArea .ctAlarm{color:#646464;font-size:13px;text-align:center;padding:0 0 30px}

#modeToggle,
#modeToggleMobile{display:inline-block;vertical-align:top}
#modeToggle .switch,
#modeToggleMobile .switch{display:inline-block;margin:0 0 0 20px;width:52px;height:26px;line-height:26px;border-radius:3px;vertical-align:middle;border:1px solid #292e39;background-color:#292e39;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease-in-out}
#modeToggle .switch:hover,
#modeToggleMobile .switch:hover{background-color:#353b46;border:1px solid #353b46}
#modeToggle .switch-inner,
#modeToggleMobile .switch-inner{color:var(--ct-fff);font-size:12px;position:absolute;left:25px}
#modeToggle .switch:after,
#modeToggleMobile .switch:after{content:'';width:22px;height:22px;border-radius:3px;background-color:#595f6c;position:absolute;left:1px;top:1px;cursor:pointer;}
#modeToggle .switch.animation:after,
#modeToggleMobile .switch.animation:after { transition:left .2s ease-in-out,width .2s ease-in-out; }
#modeToggle .switch .iconfont,
#modeToggleMobile .switch .iconfont{position:absolute;color:var(--fff);top:-1px}
#modeToggle .switch .iconfont.left,
#modeToggleMobile .switch .iconfont.left{left:5px}
#modeToggle .switch .iconfont.right,
#modeToggleMobile .switch .iconfont.right{right:5px}
#modeToggle .switch.checked:after,
#modeToggleMobile .switch.checked:after{left:27px;background-color:#595f6c}
#modeToggle .switch.clicking:after,
#modeToggleMobile .switch.clicking:after{width:18px}
#modeToggle .switch.checked.clicking:after,
#modeToggleMobile .switch.checked.clicking:after{left:4px}

[data-theme-mode=light] #modeToggle,
[data-theme-mode=light] #modeToggleMobile{--menu-sub-border:#e8e2d2;--menu-icon-color:#fff;--fff:#6e6a58}
[data-theme-mode=light] #modeToggle .switch,
[data-theme-mode=light] #modeToggleMobile .switch{border-color:#c9c0a4;background:linear-gradient(180deg,#f7f3e8 0%, #e0d9c4 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
[data-theme-mode=light] #modeToggle .switch:hover,
[data-theme-mode=light] #modeToggleMobile .switch:hover{border-color:#b8ae94;background:linear-gradient(180deg,#f3efe2 0%, #d8d0b8 100%)}
[data-theme-mode=light] #modeToggle .switch:after,
[data-theme-mode=light] #modeToggleMobile .switch:after{background:linear-gradient(180deg,#ffffff 0%, #f3efe2 100%);box-shadow:0 4px 12px rgba(138,110,46,.18)}
[data-theme-mode=light] #modeToggle .switch .iconfont.left,
[data-theme-mode=light] #modeToggle .switch .left.light,
[data-theme-mode=light] #modeToggleMobile .switch .iconfont.left,
[data-theme-mode=light] #modeToggleMobile .switch .left.light{color:var(--accent-blue)}
[data-theme-mode=light] #modeToggle .switch .iconfont.right,
[data-theme-mode=light] #modeToggle .switch .right.dark,
[data-theme-mode=light] #modeToggleMobile .switch .iconfont.right,
[data-theme-mode=light] #modeToggleMobile .switch .right.dark{color:#8a8570}

[data-theme-mode=light] .main-scroll.partner .sc-list .img{
  background:#e0d9c4;
}
[data-theme-mode=light] .main-scroll.partner .sc-list .img img{
  filter:brightness(0);
}
[data-theme-mode=light] .main-scroll.partner .sc-list .img img.noFilter{
  filter:none;
}

.ic{display:inline-flex;align-items:center;height:13px;margin-left:8px;padding:0 5px;border-radius:8px;font-weight:bold;font-family:'p7';font-size:9px}
.ic.n{background:#fff53f}
.ic.p{background:var(--00ffa3);color:var(--black)}
.ic.h{background:#e02020;color:#fff}
.ic.holdem{background:#7747e5;color:#fff}
.ic.event{background:#e52c7c;color:#fff}

/* .tabs{overflow:hidden;display:flex;align-items:center;border-radius:10px;background:var(--0d0d0d);padding-left:25px} */
.tabs-container {
    overflow: hidden;
    position: relative;
    width: calc(100% - 5px);
    height: 80px;
    border-radius: 10px;
    margin:0 5px 10px 0;
}
.tabs-container .gradient{position:absolute;top:0;bottom:0;width:40px;pointer-events:none;transition:opacity .3s;z-index:5}
.gradient.left{display: none;left:0;background:linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%)}
.gradient.right{display: none;right:0;background:linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%)}
.tabs{overflow:auto hidden;display:flex;align-items:center;border-radius:10px;background:var(--0d0d0d);padding-left:10px;cursor:grab}
.tabs.is-dragging{cursor:grabbing;user-select:none}
.tabs a{position:relative;display:flex;align-items:center;flex-direction:column;width:76px;height:76px;padding-top:15px;font-size:12px;color:var(--aeaeae)}
.tabs a span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin-bottom:10px}
.tabs a img{width:26px;height:auto;transition:transform .2s ease}
[device-mode=pc] .tabs a:hover img{transform:scale(1.1)}
.tabs a i{position:absolute;top:10px;right:10px;display:flex;align-items:center;height:18px;padding:0 5px;border-radius:9px;background:var(--menu-sub-border);font-size:10px;color:var(--aeaeae)}
[device-mode=pc] .tabs a:hover{color:var(--font-color)}
.tabs a.on,.tabs a.active{color:var(--font-color)}
.tabs a.on i,.tabs a.active i{background:var(--theme-color);color:var(--black)}

.bonus-folder{overflow:hidden;margin-top:12px;padding:10px;border:1px solid var(--black);border-radius:10px;background:var(--3838)}
.bonus-folder h4{display:flex;align-items:center;font-size:12px}
.bonus-folder h4 img{width:20px;margin-right:8px}
.bonus-folder h4 span{color:var(--header-cash-icon)}
.bonus-folder div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:7px}
.bonus-folder div ul{overflow:hidden;border-radius:5px}
.bonus-folder div ul li{display:flex;align-items:center;justify-content:space-between;height:35px;padding:0 10px;border:1px solid transparent;border-radius:5px;background:var(--black);cursor:pointer}
.bonus-folder div ul li span{font-size:12px}
.bonus-folder div ul li span:last-child{color:var(--header-cash-icon)}
.bonus-folder div ul li:hover{border:1px solid var(--38ffa8)}
.bonus-folder div ul li span *{color:var(--font-color)!important}
.bonus-folder div.grid2{grid-template-columns:1fr 1fr}

.paging{display:flex;align-items:center;justify-content:center;margin:12px auto 0}
.paging a, .paging span{display:flex;align-items:center;justify-content:center;min-width:35px;height:32px;margin-left:-1px;padding:0 10px;border:1px solid var(--3838);background:var(--black);font-size:12px;color:var(--aeae)}
.paging a.prev{width:35px;border-radius:10px 0 0 10px}
.paging a.next{width:35px;border-radius:0 10px 10px 0}
.paging a.on{position:relative;background:var(--body-bg);color:var(--font-color)}
.paging a.on::after{content:'';position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--38ffa8)}
.paging a .iconfont{font-size:20px;color:var(--font-color)}
.paging a.prev .iconfont{margin-top:-2px;transform:rotate(-180deg)}
.paging a.disabled{cursor:not-allowed}
.paging a.disabled .iconfont{color:var(--4a4a)}
.paging a:hover{color:var(--font-color)}

.btn-area{position:relative;display:flex;align-items:center;justify-content:center;height:35px;gap:5px}
.btn-area a{display:inline-flex;align-items:center;height:35px;padding:0 15px;border-radius:5px;font-size:13px;color:var(--font-color)}
.btn-area a.purple{background:#593ea4}
.btn-area a.red{background:#ac3131}
.btn-area a.blue{background:#c9a24a}
.btn-area a.green{background:var(--126e51)}
.btn-area a.gray{background:var(--3838)}
.btn-area a:hover{filter:brightness(1.15);transform:translateY(-1px);transition:filter .2s,transform .2s}
.btn-area .right{position:absolute;right:0}

.article{padding:10px!important}
.article h3{overflow:hidden;display:flex;align-items:center;width:100%;min-width:0;height:50px;line-height:50px;padding:0 20px;border-radius:5px;background:var(--black);font-family:'p6';font-size:18px;color:var(--font-color);white-space:nowrap;text-overflow:ellipsis}
.article h3 em{margin-left:5px;font-style:normal;font-size:18px;color:var(--38ffa8)}
.article h3 i{display:inline-flex;align-items:center;justify-content:center;width:25px;height:13px;margin-left:10px;border-radius:3px;background:var(--38ffa8);font-family:'p9';font-size:9px;color:var(--body-bg)}
.article h3 span{overflow:hidden;min-width:0;text-overflow:ellipsis}
.article .article-info{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 20px;border-bottom:1px solid var(--4f4f4f)}
.article .article-info span{display:flex;align-items:center;font-size:12px;color:var(--bababa)}
.article .article-info img{margin:0 10px}
.article .article-info strong{color:var(--font-color);font-family: -apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;}
.article .article-info .iconfont{margin-right:5px;color:var(--919191)}
.article .article-content{padding:30px 20px;font-size:14px;color:var(--font-color)}
.article .article-content img {max-width: 100% !important;}
.article .article-answer{padding:10px;border:0;border-radius:5px;background:var(--left-bg);line-height:18px}

.comment{padding:0 10px 10px!important;border-radius:10px;background:var(--3838)}
.comment ul li{display:grid;grid-template-columns:135px 1fr;align-items:center;min-height:40px;padding:10px 0;border-bottom:1px solid var(--body-bg)}
.comment ul li span{overflow:hidden;display:inline-flex;align-items:center;width:calc(100% - 20px);padding:0 10px;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--notice-icon-color)}
.comment ul li span img{margin-right:10px}
.comment ul li p{line-height:20px}
.comment ul li p a{margin-left:10px;vertical-align:middle;font-size:20px;color:var(--919191)}
.comment form{display:grid;grid-template-columns:1fr 80px;align-items:center;gap:5px;padding-top:10px}
.comment form div{display:grid;grid-template-columns:135px 1fr;width:100%;height:35px;border-radius:5px;background:var(--black)}
.comment form div span{display:flex;align-items:center;position:relative;padding:0 10px;gap:8px}
.comment form div span::after{content:'';position:absolute;top:9px;right:0;width:1px;height:17px;background:var(--3838)}
.comment form div textarea{overflow:hidden auto;width:100%!important;height:35px!important;padding:10px;border:0;background:transparent;color:#fff;outline:none;resize:none}
.comment form div textarea::placeholder{font-size:12px;color:var(--menu-icon-color)}
.comment form div textarea::-webkit-scrollbar{width:5px;height: 5px;border-radius:2.5px;background:var(--left-bg)}
.comment form div textarea::-webkit-scrollbar-thumb{width:5px;height: 5px;border-radius:2.5px;background:var(--454545);transition:all .3s}
.comment form div textarea::-webkit-scrollbar-thumb:hover{background:var(--font-color)}
.comment form button{height:35px;border-radius:5px;background:var(--126e51);color:var(--font-color)}
.comment .btnCommentMore{display:block;width:120px;height:40px;margin:20px auto 10px;border-radius:20px;background:var(--surface-1);color:var(--939393);cursor:pointer}

.edit-form{padding:10px!important}
.edit-form input[type=text]{width:100%;height:50px;padding:0 10px;border:0;border-radius:5px;background:var(--black);font-size:16px;color:var(--font-color);outline:none}
.edit-form input::placeholder{color:var(--menu-icon-color)}
.edit-form textarea{width:100%;height:300px;padding-top:18px;border:0;border-radius:5px;background:transparent;color:var(--font-color);outline:none;resize:none}
.edit-form textarea::placeholder{color:var(--aeae)}

.event-list{display:grid;grid-template-columns:repeat(6, 1fr);gap:10px;padding:10px!important}
.event-list a{overflow:hidden;display:flex;flex-direction:column;width:100%}
.event-list .img{overflow:hidden;display:block;position:relative;width:100%;height:200px;border-radius:5px;background:var(--body-bg)}
.event-list .img::before{content:'';position:absolute;inset:0;border-radius:5px;border:1px solid #ffffff0f;z-index:2}
.event-list .img::after{content:'';position:absolute;inset:0;height:100%;border-radius:5px;background:linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,.95) 100%);z-index:1}
.event-list .img img{width:100%;height:auto;transform:scale(1.02);transition:all 0.3s ease}
.event-list a:hover .img img{transform:scale(1.1)}
.event-list .txt{overflow:hidden;display:block;padding:6px 0 7px;white-space:nowrap;text-align:center;text-overflow:ellipsis}

.memo{padding:10px!important}
.memo-list{display:flex;flex-direction:column;gap:10px}
.memo-list li{padding:20px;border-radius:5px;background:var(--left-bg);transition:all .3s}
.memo-list li a{position:relative;display:flex;flex-direction:column;justify-content:center;font-size:16px}
.memo-list li a span{margin-top:10px;font-size:12px;color:var(--bababa)}
.memo-list li a em.green{color:var(--38ffa8)}
.memo-list li a .iconfont{position:absolute;right:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--menu-sub-arr);font-size:23px;color:var(--left-bg);transform:rotate(90deg);transition:all .3s}
.memo-list li a em{position:absolute;right:40px;font-style:normal;font-size:12px;color:var(--baba)}
/* .memo-list li p{display:none;margin-top:20px;padding-top:20px;border-top:1px solid var(--3838);text-align:center} */
.memo-list li > div{display:none;margin-top:20px;padding-top:20px;border-top:1px solid var(--3838);text-align:center}
.memo-list li.active{background:var(--black)}
.memo-list li.active strong{color:var(--38ffa8);text-decoration:underline}
.memo-list li.active .iconfont{background:var(--38ffa8);transform:rotate(270deg)}

.bok{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;height:570px;margin-bottom:10px;border-radius:10px;background:var(--game-iframe-bg);background-color:var(--black);background-position: center; background-repeat: no-repeat; background-size: cover;box-shadow:inset 0 0 40px rgba(255,255,255,0.18),inset 0 0 12px rgba(255,255,255,0.28);border: 1px solid rgba(255,255,255,0.5);}
.bok::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 60px rgba(255,255,255,0.12);}
.bok img{width:761px;height:314px;margin:65px 0 20px}
.bok canvas{width:437px;height:60px;cursor:pointer}
.bok div{display:flex;justify-content:center;gap:5px}
.bok div button{width:136px;height:40px;margin-top:12px;border-radius:3px;font-family:'p6';font-size:14px;color:var(--font-color)}
.bok div button:first-child{border-bottom:3px solid var(--14815f);background:var(--accent-blue)}
.bok div button:last-child{border-bottom:3px solid #0ca0b1;background:var(--accent-cyan)}
.bok-list{padding:0 10px 10px 10px!important}

.attendance-txt{overflow:hidden;aspect-ratio: 2596/468;border-radius:10px;background:var(--black) var(--img-attendance-bg-pc) no-repeat center/cover}
.attendance{padding:20px 20px 10px 20px!important}
.attendance .date-select{display:flex;align-items:center;justify-content:center;gap:30px;padding-bottom:20px;font-size:32px}
.attendance .date-select img{vertical-align:top;width: 36px;}
.attendance table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.attendance table .saturday{color:#11bbfa!important}
.attendance table .sunday{color:#f83636!important}
.attendance table thead{position:relative;z-index:2}
.attendance table thead th{height:55px;background:var(--0d0d0d);font-family:'p6';font-size:16px}
.attendance table thead th:first-child{border-radius:10px 0 0 10px}
.attendance table thead th:last-child{border-radius:0 10px 10px 0}
.attendance table tbody{position:relative;top:-10px;z-index:1}
.attendance table tbody td{position:relative;height:85px;padding:15px 0 0 30px;border-top:1px solid var(--3838);border-left:1px solid var(--3838);background:var(--left-bg);color:var(----ded8e0);vertical-align:top}
.attendance table tbody td i{position:absolute;right:15px;bottom:10px;width:64px;height:64px;font-size:0;line-height:0}
.attendance table tbody td i.at{background:var(--img-attendance-at) no-repeat center/cover}
.attendance table tbody td i.ab{background:var(--img-attendance-ab) no-repeat center/cover}
.attendance table tbody td .today{color:var(--ffe);text-decoration:underline}
.attendance table tbody tr td:first-child{border-left:0}
.attendance table tbody tr:first-child td{height:95px;padding-top:25px}
.attendance table tbody tr:last-child td:first-child{border-radius:0 0 0 10px}
.attendance table tbody tr:last-child td:last-child{border-radius:0 0 10px 0}
.attendance p{padding:8px 0;font-family:'p6';color:var(--979797);text-align:right}
.attendance p a{color:var(--ffe);text-decoration:underline}

.cash-help,
.cash-form{overflow:hidden;border-radius:10px;background:#1c2018}
.cash-help h3{display:flex;align-items:center;justify-content:center;flex-direction:column;height:110px;border-radius:10px;background:#262b20;font-size:16px}
.cash-help h3 strong{margin-bottom:7px;font-family:'p7';font-size:24px;color:var(--ffe)}
.cash-help dl{display:grid;grid-template-columns:320px 1fr;padding:26px 0}
.cash-help dl dt{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:16px}
.cash-help dl dt .iconfont{font-size:80px}
.cash-help dl dd{line-height:24px;color:var(--aeae)}

.cash-form{display:grid;grid-template-columns:180px 1fr;margin-top:10px;padding:20px}
.cash-form dt{display:flex;align-items:center;padding:15px 0 15px 50px;border-top:1px solid #242936;font-size:14px;color:var(--menu-icon-color)}
.cash-form dd{padding:15px 0;border-top:1px solid #242936}
.cash-form dd.money{color:var(--menu-icon-color)}
.cash-form dd.money span{font-family:'p6';font-size:16px;color:var(--font-color)}
.cash-form dd.money span.active { color:var(--font-color); }
.cash-form dd .iconfont{margin-right:5px;color:var(--menu-icon-color)}
.cash-form dd .goto{font-size:14px}
.cash-form dd .goto a{font-family:'p6';color:#3ca1e2;text-decoration:underline}
.cash-form dd p{padding-top:10px;font-size:12px;color:var(--menu-icon-color);line-height:20px}
.cash-form dd .cashin-type{display:flex;flex-wrap: wrap;gap:8px}
.cash-form dd .cashin-type input[type="radio"]{display:none}
.cash-form dd .cashin-type input[type="radio"] + label{position:relative;display:flex;align-items:center;height:35px;padding:0 15px;border-radius:18px;background:var(--menu-sub-bg);cursor:pointer;transition:filter .2s,transform .2s}
.cash-form dd .cashin-type input[type="radio"] + label:hover{filter:brightness(1.15);transform:translateY(-1px)}
.cash-form dd .cashin-type input[type="radio"]:checked + label{background:var(--black)}
.cash-form dd .cashin-type input[type="radio"]:checked + label::before{position:absolute;inset:0;border-radius:18px;border:2px solid var(--38ffa8);content:''}
.cash-form dt:first-child,
.cash-form dt:first-child + dd{border-top:0}
.cash-form dd input[type="text"]{height:35px;padding:0 15px;border:0;border-radius:3px;background:var(--body-bg);font-family:'p6';font-size:12px;color:var(--font-color);outline:none;vertical-align:top;transition:border .2s,box-shadow .2s}
.cash-form dd input[type="text"]::placeholder{color: #6c6e74;}
.cash-form dd input[type="text"]:focus{box-shadow:0 0 0 2px var(--126e51)}
#gameMoneyText span {color: var(--theme-color);}
input.long { width:350px; }
input.wallet { width:350px; }
.btnCopy.walletBtn { 
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    border-radius: 3px;
    background: var(--menu-sub-bg);
    color: var(--menu-icon-color);
    font-family: 'p7';
    font-size: 12px;
 }
.money-ipt{position:relative;display: inline-block;padding: 0 !important;margin: 0 0 10px;}
.money-ipt em { color:#fff; font-style:normal; }
.money-ipt span{position:absolute;top:0;right: 0;width:55px;height: 35px;line-height: 35px;font-weight: 700;text-align: center;color: #fff;}
.money-ipt span:before {
    position: absolute;
    right: 55px;
    top: 9px;
    width: 1px;
    height: 17px;
    background: #242936;
    content: '';
}
.usdtSelect { color:#fff; }
.usdtSelect input[type="radio"] { display:none; }
.usdtSelect .iconfont2 { vertical-align: middle; }
.usdtSelect .usdtLabel {overflow: hidden;display: inline-flex;align-items: center;justify-content: center;/* width: 180px; */height: 35px;padding: 0 15px 0 20px;margin-left: 20px;border-radius: 20px;background: var(--surface-2);font-weight: 500;/* font-size: 16px; */color: var(--b0b0);cursor: pointer;vertical-align: middle;border: 2px solid var(--surface-2);}
.usdtSelect .usdtLabel:hover,
.usdtSelect .usdtLabel.on{background: var(--black);color: var(--font-color);border: 2px solid var(--38ffa8);}
.usdtSelect .usdtLabel:hover .iconfont,
.usdtSelect .usdtLabel.on .iconfont { color:var(--38ffa8); }
.coin-type { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; margin-top: 20px }
.coin-type a {position: relative;display: flex;align-items: center;height: 60px;padding: 0 20px;border: 0;background: var(--surface-2);font-size: 18px;color: #fff;box-sizing: border-box;border-radius: 10px;}
.coin-type a .iconfont2 { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; background: #7a7a7a; font-size: 20px; color: #fff }
.coin-type a::after {display: block;position: absolute;top: 50%;right: 20px;content: '>';color: #fff;transform: translateY(-50%)}
.coin-type a.on {border: 2px solid var(--38ffa8);background: var(--surface-1);}
.coin-type a.on .iconfont2 { background: var(--accent-blue) }

.cash-form dd .btn-all{display:inline-flex;height:35px;gap:5px;margin-left:3px}
.cash-form dd .btn-all button{height:35px;padding:0 15px;border-radius:3px;background:var(--menu-icon-color);font-family:'p7';font-size:12px;color:var(--black);cursor:pointer;transition:filter .2s,transform .2s}
.cash-form dd .btn-all button:hover{filter:brightness(1.15);transform:translateY(-1px)}
.cash-form dd .btn-all button:last-child{background:var(--menu-sub-bg);color:var(--menu-icon-color)}
.cash-form.crypto .rate-loading{display:inline-flex;align-items:center;gap:6px;color:var(--menu-icon-color)}
.cash-form.crypto.is-rate-loading .btn-all button{pointer-events:none;opacity:.55}
.cash-form.crypto.is-rate-loading .btn-all button:hover{filter:none;transform:none}
.cash-form dd .cashout-type{display:none}
.cash-form dd .cashout-type + label{position:relative;display:inline-flex;align-items:center;height:35px;margin-left:20px;padding:0 15px;border-radius:18px;background:var(--menu-sub-bg);cursor:pointer;gap:8px}
.cash-form dd .cashout-type + label .iconfont{margin:0}
.cash-form dd .cashout-type:checked + label{background:var(--black);color:var(--font-color)}
.cash-form dd .cashout-type:checked + label .iconfont{color:var(--38ffa8)}
.cash-form dd .cashout-type:checked + label::before{position:absolute;inset:0;border-radius:18px;border:2px solid var(--38ffa8);content:''}
.cash-form dd .bank-copy{line-height:25px}
.cash-form dd .bank-copy .btnCopy{height:25px;padding:0 10px;border-radius:3px;background:var(--126e51);font-family:'p7';font-size:12px;color:var(--font-color);cursor:pointer;transition:filter .2s,transform .2s}
.cash-form dd .bank-copy .btnCopy:hover{filter:brightness(1.15);transform:translateY(-1px)}
.typeWrap { display:flex; justify-content: space-between; margin-top:20px; }
.typeWrap a.typeItem { width:calc(50% - 15px); height:600px; background:#1c2018; border:1px solid #5a624c; border-radius:45px; text-align: center; }
.typeWrap a.typeItem:hover {border: 2px solid var(--38ffa8);}
.typeWrap a.typeItem .name { display:block; margin-top:150px; }
.typeWrap a.typeItem .name strong {display:block;margin-top: 20px;font-size:42px;color:transparent;background: linear-gradient(to right, #c7c7cd, #8f8f97);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}
.typeWrap a.typeItem .name .iconfont2 {color: #fff;font-size:120px;display:inline-block;height:120px;overflow:hidden;}
.typeWrap a.typeItem .name .iconfont2.coin { font-size:155px; position: relative; top: -20px; }
.typeWrap a.typeItem .go { display:block; color:#595f6c; font-size:50px; margin-top:35px; }
@media screen and (max-width: 767px){
  /* 충전신청/크립토 */
  .typeWrap { margin:0 5px;}
	.typeWrap a.typeItem { width:calc(50% - 5px); height:265px; border-radius:15px;}
	.typeWrap a.typeItem:hover {  border:1px solid var(--38ffa8); }
	.typeWrap a.typeItem .name { margin-top:60px; }
	.typeWrap a.typeItem .name strong { font-size:20px; margin-top:0px;}
	.typeWrap a.typeItem .name .iconfont2 { font-size:60px; height:75px; }
	.typeWrap a.typeItem .name .iconfont2.coin { font-size:86px; top: -13px; }
	.typeWrap a.typeItem .go { font-size:35px; margin-top:25px; }

}

.btnCash{min-width:120px;height:45px;padding:0 30px;border:0;border-radius:5px;background:var(--126e51);font-family:'p7';font-size:16px;color:var(--font-color);cursor:pointer;transition:filter .2s,transform .2s}
.btnCash:hover{filter:brightness(1.15);transform:translateY(-1px)}
.btnCash:disabled:hover{filter:none;transform:none;cursor:not-allowed}
.cash-list h4{padding-left:10px;font-family:'p7'}
.cash-list h4 b{color:var(--theme-color)}

/* fame */
.fame-banner{margin:0 0 20px;border-radius:5px;overflow:hidden}
.fame-banner img{display:block;width:100%}
.fame-day-nav{display:flex;margin:0 0 25px;align-items:center;justify-content:center;gap:25px}
.fame-day-nav h3{margin:0;color:var(--font-color);font-size:22px;font-family:'p7'}
.fame-day-nav h3 span{color:var(--38ffa8)}
.fame-btn-history{display:inline-flex;height:32px;padding:0 18px;align-items:center;color:var(--font-color);font-size:12px;font-family:'p6';background:var(--black);border:1px solid var(--3838);border-radius:20px;transition:all .2s ease}
.fame-btn-history.today{color:var(--font-color);background:var(--126e51);}
.fame-btn-history:hover{transform:scale(1.05)}
.fame-section{margin-bottom:30px}
.fame-section-title{display:flex;height:50px;margin-bottom:10px;align-items:center;justify-content:center;gap:10px;background:var(--black);border:1px solid var(--3838);border-radius:5px}
.fame-section-title strong{color:var(--font-color);font-size:15px;font-family:'p6'}
.fame-section-title .iconfont {font-size: 18px;}
.fame-rank-badge{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;color:var(--aeae);font-size:14px;font-family:'p9'}
.fame-rank-badge.rank1{color:transparent;background:linear-gradient(180deg,#ffe878,#f5c842 50%,#d4a017);-webkit-background-clip:text;background-clip:text;font-size:18px;filter:drop-shadow(0 0 4px rgba(255,200,0,.4))}
.fame-rank-badge.rank2{color:transparent;background:linear-gradient(180deg,#f0f0f0,#c0c0c0 50%,#a0a0a0);-webkit-background-clip:text;background-clip:text;font-size:18px;filter:drop-shadow(0 0 4px rgba(192,192,192,.4))}
.fame-rank-badge.rank3{color:transparent;background:linear-gradient(180deg,#e8b890,#cd7f32 50%,#a0622e);-webkit-background-clip:text;background-clip:text;font-size:18px;filter:drop-shadow(0 0 4px rgba(205,127,50,.3))}
.fame-rate-val{color:var(--font-color);font-size:13px;font-family:'p6'}
.fame-btn-look{display:inline-flex;width:28px;height:22px;margin-right:10px;align-items:center;justify-content:center;font-size:13px;vertical-align:middle;background:#626262;border-radius:5px;transition:all .2s ease}
.fame-btn-look i{color:#fff;font-size:11px}
.fame-btn-look:hover,.fame-rank-row.active .fame-btn-look{background:var(--126e51)}
.fame-btn-look:hover i,.fame-rank-row.active .fame-btn-look i{color:#fff}
.fame-detail-row{padding:0}
.fame-detail-area{display:none;padding:0;overflow:hidden}
.fame-detail-table{border-spacing:0}
.fame-detail-table thead th{height:38px;padding:0 5px;color:var(--aeae);font-size:11px;background:var(--black);border-bottom:1px solid var(--3838)}
.fame-detail-table td{height:40px;padding:0 5px;font-size:12px;border-bottom:1px solid var(--3838);border-left:1px solid var(--3838)}
.fame-detail-table th,.fame-detail-table td{border-radius:0!important}
.fame-detail-table tbody tr td:first-child,.fame-detail-table tbody tr td:last-child{border-right:0!important;border-left:0!important}
.fame-detail-table tbody tr td:first-child{color:var(--aeae)}
.fame-status-win{display:inline-flex;height:26px;padding:0 14px;align-items:center;color:var(--font-color);font-size:11px;font-family:'p6';background:var(--126e51);border-radius:4px}
.fame-status-etc{display:inline-flex;height:26px;padding:0 14px;align-items:center;color:var(--aeae);font-size:11px;font-family:'p6';background:var(--3838);border:1px solid var(--3838);border-radius:4px}
.fame-subtotal{height:auto;padding:12px 20px;text-align:left}
.fame-subtotal p{margin:0;color:var(--aeae);font-size:12px;text-align:center;line-height:1.8}
.fame-divider{margin:0 10px;color:var(--3838)}
.fame-list-header{display:flex;height:44px;align-items:center;background:var(--black);border:1px solid var(--3838);border-radius:5px}
.fame-list-header>div{color:var(--aeae);font-size:13px;font-family:'p6';text-align:center}
.fame-col-rank{width:80px;flex-shrink:0}
.fame-col-id{min-width:0;flex:1}
.fame-col-rate{width:200px;flex-shrink:0}
.fame-col-bonus{width:200px;flex-shrink:0}
.fame-rank-row{position:relative;display:flex;align-items:center;transition:background .2s}
.fame-rank-row>div{position:relative;display:flex;height:48px;align-items:center;justify-content:center;color:var(--font-color);font-size:13px;border-bottom:1px solid var(--3838);border-left:1px solid var(--3838)}
.fame-rank-row>div:first-child{border-left:none}
.fame-rank-row:hover,.fame-rank-row.active{background:var(--black)}
.fame-rank-row.active::before{position:absolute;inset:0;bottom:1px;border:1px solid var(--126e51);content:"";pointer-events:none}
.fame-list .no-data{display:flex;height:48px;align-items:center;justify-content:center;color:var(--aeae);font-size:13px}
.fame-detail-cards{padding:10px}
.fame-detail-card{padding:10px;margin-bottom:8px;background:var(--black);border:1px solid var(--3838);border-radius:5px}
.fame-card-head{display:flex;justify-content:space-between;margin-bottom:6px;font-size:11px;color:var(--aeae)}
.fame-card-match{margin-bottom:6px;font-size:13px;font-family:'p6';color:var(--font-color)}
.fame-card-info{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--aeae)}
.fame-card-subtotal{padding:10px;font-size:12px;color:var(--aeae);line-height:1.8}
.fame-card-subtotal strong{color:var(--font-color)}

/* quest */
.quest-btns{display:flex;gap:10px;justify-content:center;}
.quest-btns a{margin:15px 0 20px;display:flex;align-items:center;justify-content:center;min-width:120px;height:45px;padding:0 30px;border-radius:5px;font-size:16px;font-family:'p7';color:var(--font-color);cursor:pointer}
.quest-btns .btn-day{background:var(--126e51)}
.quest-btns .btn-week{background:linear-gradient(135deg,#d4a017,#ffe878);color:#000}

.cash-rolling h3{padding:27px 0 13px 10px;font-size:14px;color:var(--aeae)}
.cash-rolling h3 strong{font-family:'p7';font-size:16px;color:var(--font-color)}
.cash-rolling ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cash-rolling ul li{overflow:hidden;padding:15px;border-radius:10px;background:#1c2018}
.cash-rolling ul li .stat{position:relative;display:flex;align-items:center;gap:10px}
.cash-rolling ul li .stat .iconfont{font-size:35px}
.cash-rolling ul li .stat p{display:flex;flex-direction:column;font-size:14px}
.cash-rolling ul li .stat p strong{font-family:'p7'}
.cash-rolling ul li .stat p strong span{margin-right:5px;font-size:18px}
.cash-rolling ul li .stat p cite{margin-top:4px;font-style:normal;color:var(--aeae)}
.cash-rolling ul li .stat em{position:absolute;right:0;display:flex;align-items:center;justify-content:center;padding:0 10px;height:35px;padding-top:2px;border-radius:10px;background:var(--body-bg);font-style:normal;font-family:'p7';font-size:12px}
.cash-rolling ul li .stat em strong{margin-right: 3px;font-size:14px}
.cash-rolling ul li .bar{overflow:hidden;height:5px;margin-top:15px;border-radius:3px;background:#2d3749}
.cash-rolling ul li .bar span{display:block;height:5px;border-radius:3px;background:var(--126e51)}
.cash-rolling-msg{display:flex;align-items:center;justify-content:center;height:40px;margin:12px 0;border-radius:10px;background:var(--3737);color:var(--aeae);gap:8px}
.cash-rolling-msg .iconfont{font-size:13px}

.mypage-stat{display:flex;align-items:center;justify-content:center;height:56px;border-radius:10px;background:var(--0d0d0d);gap:25px}
.mypage-stat i{font-style:normal;color:var(--theme-color)}
.mypage-stat em{font-style:normal;font-size:10px;color:var(--aeaeae)}

.betlist-form{display:flex;align-items:center;justify-content:space-between;height:35px;margin:12px 0}
.betlist-form .btn-area a{height:35px}
.betlist-form .date-select{display:flex;align-items:center;gap:5px}
.betlist-form .date-select label{display:inline-flex;align-items:center;height:35px;border-radius:10px;background:var(--0d0d0d);cursor:pointer}
.betlist-form .date-select label .iconfont{display:inline-flex;align-items:center;justify-content:center;width:40px;height:35px;color:var(--aeae)}
.betlist-form .date-select label input{width:75px;height:35px;border:0;background:transparent;font-size:12px;color:var(--font-color);outline:none;cursor:pointer}
.betlist-form .date-select span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:35px;color:var(--aeae)}
.betlist-form .date-select button{width:50px;height:35px;border:0;border-radius:10px;background:var(--0d0d0d);color:var(--aeae)}
#ui-datepicker-div.ui-datepicker{border:1px solid var(--surface-4)!important;border-radius:10px;background:var(--surface-1)!important;background-image:none!important;box-shadow:0 14px 32px rgba(0,0,0,.32);color:var(--font-color);z-index:10000!important}
#ui-datepicker-div .ui-datepicker-header{border:0!important;border-radius:8px;background:var(--surface-4)!important;background-image:none!important;color:var(--font-color)!important}
#ui-datepicker-div .ui-datepicker-title{font-family:'p6';color:var(--font-color)}
#ui-datepicker-div .ui-datepicker-title select{height:28px;border:1px solid var(--surface-5);border-radius:6px;background:var(--surface-2);color:var(--font-color);outline:none}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next{border:1px solid transparent!important;border-radius:6px;background:transparent!important;cursor:pointer}
#ui-datepicker-div .ui-datepicker-prev-hover,
#ui-datepicker-div .ui-datepicker-next-hover{border-color:var(--surface-5)!important;background:var(--surface-2)!important}
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span{width:8px;height:8px;margin-top:-4px;background:none!important;border-top:2px solid var(--38ffa8);border-right:2px solid var(--38ffa8);text-indent:-9999px}
#ui-datepicker-div .ui-datepicker-prev span{margin-left:-3px;transform:rotate(-135deg)}
#ui-datepicker-div .ui-datepicker-next span{margin-left:-5px;transform:rotate(45deg)}
#ui-datepicker-div table{margin:.4em 0 0}
#ui-datepicker-div th{color:var(--aeae)}
#ui-datepicker-div td{padding:2px}
#ui-datepicker-div td span,
#ui-datepicker-div td a{border:1px solid var(--3838)!important;border-radius:6px;background:var(--0d0d0d)!important;background-image:none!important;color:var(--font-color)!important;text-align:center}
#ui-datepicker-div td a:hover{border-color:var(--38ffa8)!important;background:var(--accent-panel)!important;color:var(--38ffa8)!important}
#ui-datepicker-div .ui-state-highlight{border-color:var(--surface-5)!important;background:var(--surface-2)!important;color:var(--38ffa8)!important}
#ui-datepicker-div .ui-state-active{border-color:var(--14815f)!important;background:var(--14815f)!important;color:#fff!important}
#ui-datepicker-div .ui-state-disabled{opacity:1}
#ui-datepicker-div .ui-state-disabled span{background:var(--surface-2)!important;color:var(--848484)!important}
#ui-datepicker-div .ui-datepicker-buttonpane{border-top:1px solid var(--3838)!important;background:var(--surface-1)!important;background-image:none!important}
#ui-datepicker-div .ui-datepicker-buttonpane button{border:1px solid var(--surface-5)!important;border-radius:6px;background:var(--0d0d0d)!important;background-image:none!important;color:var(--font-color)!important}
#ui-datepicker-div .ui-datepicker-buttonpane button:hover{background:var(--accent-panel)!important;color:var(--38ffa8)!important}
#ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-current{background:var(--accent-panel)!important;color:var(--38ffa8)!important}

.bettings.write .no-data{display:none}
.betGameList .no-data{margin:0;border-radius:10px;background:var(--3838)!important}
.tables td.no-data{border-radius:5px!important}

.g_item li.g_home.flex-start i{color:var(--126e51)}
.g_item li.g_home.flex-start i.red{color:#c50101}
.g_item li.g_home.flex-start i.blue{color:#009cff}

.league-filter{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:8px 15px;margin:0 0 8px;border-radius:5px;background:var(--body-bg);font-size:12px}
.league-filter-title{margin-right:4px;color:var(--aeaeae)}
.league-filter button{height:25px;padding:0 9px;border:1px solid var(--menu-sub-border);border-radius:3px;background:var(--3737);color:var(--aeaeae);cursor:pointer;font-size:12px}
.league-filter button.on{border-color:var(--theme-color);background:var(--theme-color);color:var(--black)}
.game_row.league-filter-hidden{display:none!important}

.help {
    padding-top: 5px;
    font-size: 12px;
    color: #646a78;
    line-height: 20px;
}

/* 카지노 슬롯 */
.casino-slot-visual { margin-bottom: 15px; }
.casino-slot-visual a { position: relative; display: block; overflow: hidden; }
.casino-slot-visual a::after {
	content: '';
	position: absolute;
	top: 0; left: -100%;
	width: 60%;
	height: 100%;
	background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
	transition: none;
	pointer-events: none;
}
.casino-slot-visual a:hover::after {
	animation: slotVisualShine 0.6s ease-in-out forwards;
}
@keyframes slotVisualShine {
	0% { left: -60%; }
	100% { left: 120%; }
}
.casino-slot-visual img { width:100%; }
.casinoSlot {  }
.casinoSlot .sc-list {gap:10px;margin:0 0 10px;display: block;white-space: nowrap;font-size: 0;}
.casinoSlot .sc-list a { position:relative; height:40px; margin: 0 0 0 5px;}
.casinoSlot .sc-list a,
.casinoSlot .sc-list a span {display:inline-block;vertical-align: top;width: auto;overflow: visible;}
.casinoSlot .sc-list a:first-child { margin:0; }
.casinoSlot .sc-list a .img {width:100%;height:40px;border:2px solid var(--menu-sub-bg);display:flex;justify-content: center;align-items: center;aspect-ratio: auto;padding: 0 15px;}
.casinoSlot .sc-list a .img img {transform: scale(1);max-height: 30px;}
.casinoSlot .sc-list a .img .ctxt { display:none; position:absolute; left:0; right:0; top:0; bottom:0; text-align: center; font-size:16px; font-family: 'p6'; color:var(--font-color); }
.casinoSlot .sc-list a .img::after { display:none; background:var(--menu-sub-bg); }
.casinoSlot .sc-list a .iconfont { display:none;position:absolute; top:5px; right:5px; font-size:12px; color:var(--aeae) }
.casinoSlot .sc-list a.tBlank .iconfont { display:block; }
[device-mode=pc] .casinoSlot .sc-list a:hover .img,
.casinoSlot .sc-list a.on .img { border:2px solid var(--theme-color); background:var(--222); }
[device-mode=pc] .casinoSlot .sc-list a:hover .img img,
.casinoSlot .sc-list a.on .img img { display: none; }
[device-mode=pc] .casinoSlot .sc-list a:hover .ctxt,
.casinoSlot .sc-list a.on .ctxt { display:flex; justify-content: center; align-items: center; font-size:12px }

.casinoSlot .listArea { border-radius:10px; padding:10px; background:var(--3838); color:var(--font-color); }
.casinoSlot .listArea .csSearch { margin:0 0 10px; height:40px; padding:0 15px; display:flex; justify-content: space-between; border-radius:5px; background:var(--222);}
.casinoSlot .listArea .csSearch input { border:0; outline:0; width:70%; height:40px; background:transparent; color:var(--font-color); }
.casinoSlot .listArea .csSearch input::placeholder { color:var(--606060); }
.casinoSlot .listArea .csSearch .btns { line-height:40px; display:inline-block; width:30%; text-align: right;}
.casinoSlot .listArea .csSearch .btns a { font-size:18px; color:var(--menu-sub-arr);}
.casinoSlot .listArea .csSearch .btns span { position:relative; color:var(--menu-sub-bg); top:-2px; margin:0 12px; }
.casinoSlot .listArea #gameList { display:grid; gap:10px; grid-template-columns: repeat(2, 1fr); }
.casinoSlot .listArea #gameList a { position:relative; text-align: center;}
.casinoSlot .listArea #gameList a .img {margin-bottom: 5px;position: relative; display: flex; border-radius: 5px; overflow: hidden; min-height: 88px; aspect-ratio: 1 / 1; align-items: center; justify-content: center;}
.casinoSlot .listArea #gameList a .bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(10px); }
.casinoSlot .listArea #gameList a .img img:not(.bg) {position: relative; max-width: 100%; max-height: 100%; }
.casinoSlot .listArea #gameList a .txt { color:var(--9e9e9e); font-size:11px;}
.casinoSlot .listArea #gameList a .play { display:none;z-index: 2; position: absolute; left:0; right:0; top:0; bottom:0;font-size:45px; }
.casinoSlot .listArea #gameList a:hover span.img:before { content: ""; z-index: 2; position: absolute; left: 0; right: 0; top: 0; bottom:0; background: rgb(0,0,0,0.5); border-radius: 5px;}
.casinoSlot .listArea #gameList a:hover .play { display:flex;  justify-content: center; align-items: center;font-size:30px }
.casinoSlot .listArea #gameList a:hover .txt { color:var(--font-color); }

.fz12{ font-size:12px !important; }
.fz13{ font-size:13px !important; }
.fz14{ font-size:14px !important; }
.fz15{ font-size:15px !important; }
.fz16{ font-size:16px !important; }
.fz17{ font-size:17px !important; }
.fz18{ font-size:18px !important; }
.fz19{ font-size:19px !important; }
.fz20{ font-size:20px !important; }
.fz21{ font-size:21px !important; }
.fz22{ font-size:22px !important; }
.fz23{ font-size:23px !important; }
.fz24{ font-size:24px !important; }
.fz25{ font-size:25px !important; }
.fz26{ font-size:26px !important; }
.fz27{ font-size:27px !important; }
.fz28{ font-size:28px !important; }
.fz29{ font-size:29px !important; }
.fz30{ font-size:30px !important; }
.fz31{ font-size:31px !important; }
.fz32{ font-size:32px !important; }
.fz33{ font-size:33px !important; }
.fz34{ font-size:34px !important; }
.fz35{ font-size:35px !important; }
.fz36{ font-size:36px !important; }
.fz37{ font-size:37px !important; }
.fz38{ font-size:38px !important; }
.fz39{ font-size:39px !important; }
.fz40{ font-size:40px !important; }
.fz41{ font-size:41px !important; }
.fz42{ font-size:42px !important; }
.fz43{ font-size:43px !important; }
.fz44{ font-size:44px !important; }
.fz45{ font-size:45px !important; }
.fz46{ font-size:46px !important; }
.fz47{ font-size:47px !important; }
.fz48{ font-size:48px !important; }
.fz49{ font-size:49px !important; }
.fz50{ font-size:50px !important; }

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}

/* main-visual slider */
.main-visual{margin-bottom:20px;position:relative;overflow:hidden}
.main-visual a {width:100%;}
.main-visual img{width:100%;height:auto}
.main-visual .slider{position:relative;overflow:hidden}
.main-visual .slider-track{display:flex;transition:transform .5s ease;will-change:transform}
.main-visual .slide{min-width:100%;flex-shrink:0}
.main-visual .slide img{width:100%;display:block;height:auto}
.main-visual .slider-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.main-visual .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;display:block;transition:background .3s}
.main-visual .dot.active{background:#fff}
.main-visual .slide .mobile{display:none}

span.win{color:var(--theme-color)}
span.lose{color:#f30}
/* 경기결과 홈/원정/무 */
span.result-home{color:#ee4343}
span.result-away{color:#39bce9}
span.result-draw{color:#fff}

#bsp_betbtn .bet-btn-spinner{display:none;width:16px;height:16px;margin-right:8px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:betBtnSpin .7s linear infinite}
#bsp_betbtn.is-loading{cursor:default;opacity:.92}
#bsp_betbtn.is-loading:hover{box-shadow:none;transform:none}
#bsp_betbtn.is-loading .bet-btn-spinner{display:inline-block}
#miniBetToast{position:fixed;top:82px;left:50%;display:flex;align-items:center;justify-content:center;min-width:240px;max-width:min(420px,calc(100vw - 32px));padding:13px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:var(--126e51);box-shadow:0 14px 36px rgba(0,0,0,.28);color:#fff;font-size:14px;font-family:'p6';line-height:1.45;letter-spacing:-.1px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-18px);transition:opacity .28s ease,transform .34s cubic-bezier(.22,1,.36,1),visibility .28s ease;z-index:100000}
#miniBetToast.is-show{opacity:1;visibility:visible;transform:translate(-50%,0)}
#miniBetToast .toast-inner{display:flex;align-items:center;gap:10px}
#miniBetToast .toast-icon{font-size:18px;line-height:1;color:#fff}
#miniBetToast .toast-text{display:block;color:#fff;white-space:nowrap}
.bet-list-loading{position:fixed;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border: 1px solid #383838;border-radius:10px;background:rgba(11,14,13,.62);backdrop-filter:blur(1px);box-shadow:0 10px 28px rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;z-index:99999}
.bet-list-loading.is-show{opacity:1;visibility:visible}
.bet-list-loading .spinner{width:26px;height:26px;border:3px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:betBtnSpin .7s linear infinite}
.bet-list-loading .text{color:#fff;font-size:12px}
#betSubmitOverlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(0,0,0,.45);backdrop-filter:blur(1px);z-index:100000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
#betSubmitOverlay.is-show{opacity:1;visibility:visible;pointer-events:auto}
#betSubmitOverlay .spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:betBtnSpin .7s linear infinite}
#betSubmitOverlay .text{color:#fff;font-size:14px;font-family:'p6'}
@keyframes betBtnSpin{to{transform:rotate(360deg)}}