@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@font-face {
    font-family: "Giants-Inline";
    src: url("font/Giants-Inline.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "snsv";
    src: url("font/NanumSquareNeo-Variable.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* 초기화 */
html{overflow:hidden;}
body{margin:0;padding:0;font-size:.75em;font-family:Giants-Inline,dotum,sans-serif;background:#fff;touch-action:none}
fieldset,form,h1,h2,h3,h4,h5,h6,html,img{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{font-size:1em;font-family:Giants-Inline,dotum,sans-serif}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
dd,dl,dt,ul{margin:0;padding:0;list-style:none}
legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
button,img,input,label,select{vertical-align:middle;font-size:1em}
button,input{margin:0;padding:0;font-family:Giants-Inline,dotum,sans-serif;font-size:1em}
input[type=submit]{cursor:pointer}
button{cursor:pointer}
table{border-collapse:collapse}
select,textarea{font-family:Giants-Inline,dotum,sans-serif;font-size:1em}
select{margin:0}
p{margin:0;padding:0;word-break:break-all}
hr{display:none}
pre{overflow-x:scroll;font-size:1.1em}
a{color:#000;text-decoration:none}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type=password],input[type=text],textarea{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:0}
input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{-webkit-box-shadow:0 0 5px #9ed4ff;-moz-box-shadow:0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff;border:1px solid #558ab7!important}
input { -webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;}

/* 공통 */
.both { clear:both;}

@keyframes fade {
    50% { opacity:0.5;}
    to { opacity:1;}
}

body { /*background:#0d4320;*/ background:#0f5d36;transition: background-color 1s;}
#body .hide { display:none;}
.pc-video-shade { position:absolute;left:0;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.01);z-index:99999;display:block;}

/* 배경 색상 */
.bg-green { background:linear-gradient(to right, #045726, #1e2d19);animation:fade 2500ms infinite;}
.tai-box.bg-green { background:linear-gradient(to right, #045726, #255f12);animation:fade 2500ms infinite;}
.bg-blue { background:linear-gradient(to right, #0b0fd1, #12319f);animation:fade 2500ms infinite;}
.bg-red { background:linear-gradient(to right, #7b0c0c, #710a0a);animation:fade 2500ms infinite;}
.bg-black { background:linear-gradient(to right, #000000, #4f4f4f);animation:fade 2500ms infinite;}
.bg-white { background:linear-gradient(to right, #ffffff, #7d7d7d);animation:fade 2500ms infinite;}

/* margin */
.mg-btm { margin-bottom:30px;}
.mg-btm-10 { margin-bottom:10px;}
.mg-top-10 { margin-top:10px;}

/* 라이브 영상 영역 */
.live-video-wrp { width:calc(100% - 500px);height:100%;position:absolute;left:0;top:0;background:#000;}
.live-video-wrp iframe { width:100%;height:100%;}

/* 배팅 컨트롤 영역 */
.betting-contro-wrp{ width:500px;height:100%;position:absolute;right:0;top:0;color:#fff;box-sizing:border-box;-moz-user-select:none;-webkit-user-select:none;user-select:none;}

/* 마이머니 */
.top-wrp { height:50px;padding:10px;box-sizing:border-box;border-bottom:1px solid #27532c;background:rgba(1,25,30,0.78);position:relative;}
.top-wrp .my-money { line-height: 30px;display:inline-block;border-radius:5px;font-size:16px;color:#fff;font-family:'Noto Sans KR', sans-serif;font-weight:bold;}
.top-wrp .my-money i { text-shadow:2px 2px 3px rgb(0 0 0);}
.top-wrp .my-money em { font-style:normal;text-shadow: 2px 2px 3px rgb(0 0 0);}
.top-wrp .fa-bars { float:right;font-size:22px;position:relative;top:5px;}
.top-wrp .round-counter-box { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background: #ffffff3b;padding: 0 10px;border-radius: 3px;}
.top-wrp .round-counter-box span { color:#fff;font-family:"Noto Sans KR", 'sans-serif';font-size:18px;font-weight:bold;}

/* 배팅옵션 */
.betting-opt-box { margin-bottom:25px;padding:0 10px;}
.betting-contro-wrp .title { font-size:16px;height:40px;line-height:40px;color:#fff;border-bottom:1px solid #1f733c;margin-bottom:15px;font-family:'Noto Sans KR', sans-serif;font-weight:bold;text-shadow:2px 2px 3px rgb(0 0 0);}
.betting-contro-wrp .title .allocation-sp { float:right;font-size:15px;color:#fff;}
/*.betting-contro-wrp .betting-box { border-radius:2px;padding:10px;border:1px solid #126910}*/
.betting-box .betting-item { position:relative;}

.betting-contro-wrp .betting-item { cursor:pointer;}
.
/* 합승 */
.betting-contro-wrp .habs-box { display:flex;flex-direction: row;flex-wrap:wrap;padding-bottom:0;}
.betting-contro-wrp .habs-box .betting-item { width:25%;text-align: center;box-sizing:border-box;padding:5px;margin-bottom:10px;}
.betting-contro-wrp .habs-box .betting-item span { display:block;width:50px;height:50px;border-radius:50%;border:2px dotted #277513;line-height: 50px;margin:0 auto;font-size:18px;}

/* 언더/오버 */
.betting-contro-wrp .eto-box { display:flex;}
.betting-contro-wrp .odd-even-box { position:relative;}
.betting-contro-wrp .eto-box .eto-item { line-height: 50px;text-align: center;font-size:16px;position:relative;height:50px;}
.betting-contro-wrp .eto-box img { width:100px;height:100px;position:absolute;}
.even-box { flex:1.5;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #292929;border-right:0;z-index:1;}
.odd-box { flex:1.5;border:1px solid #858585;border-left:0;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.even-box img { right:-51px;}
.odd-box img { left:-51px;}
.eto-box .betting-target { font-family: snsv, sans-serif;font-size:18px;font-weight: bold;}
.even-box .betting-target { color:#fff;}
.odd-box .betting-target { color:#000;}

.odd-even-ico-box { width:100%;height:50px;position:absolute;left:0;top:0;z-index:99;}
.odd-even-ico-box .oe-item { width:50%;position:relative;height:50px;float:left;cursor:pointer;}
.odd-even-ico-box .oe-item img { position:absolute;width:50px;height:50px;top:0;}
.odd-even-ico-box .left img { right:-25px;}
.odd-even-ico-box .right img { left:-25px;}
.odd-even-ico-box .bet-on-chip { width:43%;}
#body .scala-ani { transform: scale(0.97);}
.betting-item .bet-on-chip { font-family:snsv, sans-serif;}
.betting-item .bet-on-chip text { font-size:20px;}

/* 지난경주 */
.swiper-lace img { height:30px;}
.swiper-lace .swiper-slide { font-family:snsv, sans-serif;font-weight: bold;font-size:14px;background: rgb(26 81 9 / 50%);  padding: 5px;  box-sizing: border-box;  border: 1px solid #07650a;  box-sizing: border-box;border-radius:3px;cursor:pointer;}

/* 칩 영역 */
.betting-chip-box { width:400px;height:80px;position:fixed;right:0;bottom:0;z-index:999;}
.betting-chip-box .chip-item { width:80px;height:80px;float:left;text-align: center;}
.betting-chip-box .chip-item .chip { box-sizing:border-box;display:block;width:52px;height:52px;position:relative;top:16px;left:16px;line-height: 50px;border-radius:50%;cursor:pointer;text-align: center;line-height: 50px;font-family: 'snsv', 'sans-serif';font-weight:bold;color:#000;}
.betting-chip-box .chip-item .chip-shade { position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);width:100%;height:100%;border-radius:50%;}
.betting-chip-box .chip-item .chip.on .chip-shade { display:none;}
/*.betting-chip-box .chip-item img { width:100%;}*/

/* 칩 배경 */
.chip-5k { background:url("/img/chip-5k.png") no-repeat center;background-size:cover;}
.chip-10k { background:url("/img/chip-10k.png") no-repeat center;background-size:cover;}
.chip-50k { background:url("/img/chip-50k.png") no-repeat center;background-size:cover;}
.chip-100k { background:url("/img/chip-100k.png") no-repeat center;background-size:cover;}
.chip-500k { background:url("/img/chip-500k.png") no-repeat center;background-size:cover;}

/* 게임 칩 */
.game-flay-chip, .game-real-chip { width:40px;height:40px;position:fixed;right:0;top:0;border-radius:50%;z-index:999;cursor:pointer;text-align: center;line-height: 40px;font-size:10px;font-family: 'snsv', 'sans-serif';-moz-user-select:none;-webkit-user-select:none;user-select:none;  }
.game-real-chip { position:absolute;}

.animal-icon { float:left;width:calc(100% / 4);height:70px;border-radius:50%;text-align:center;box-sizing:border-box;position:relative;margin-bottom:10px;}
.animal-icon .border { width:55px;height:55px;/*border: 4px solid #c79055;*/border-radius:50%;position:absolute;left:calc((100% - 52px) / 2);top:calc((100% - 56px) / 2);}
.animal-icon .number { font-size:18px;color:#fff;position:absolute;left:25px;top:20px;z-index:999;}
.animal-icon img { width:80px;height:80px;position:absolute;left:calc((100% - 78px) / 2);top:calc((100% - 80px) / 2);}
/*.animal-icon .type-1 { background:radial-gradient(circle, #ffff00 0%, #ffa500 70%, darkorange 100%);box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);animation:fade 2500ms infinite;}
.animal-icon .type-2 { background: radial-gradient(circle, #003366 0%, #336699 70%, #6699cc 100%);box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);border:4px solid #4e4e6f;animation:fade 2500ms infinite;}
.animal-icon .type-3 { background: radial-gradient(circle, #660000 0%, #990000 70%, #cc0000 100%);border: 4px solid #833f3f;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);animation:fade 2500ms infinite;}
.animal-icon .type-4 { background: radial-gradient(circle, #4B0082 0%, #800080 70%, #DDA0DD 100%);border: 4px solid #80628b;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);animation:fade 2500ms infinite;}
.animal-icon .type-5 {background: radial-gradient(circle, #8B4513 0%, #FF8C00 70%, #FFA500 100%);border: 4px solid #b9854f;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);animation:fade 2500ms infinite;}
.animal-icon .type-6 { background: radial-gradient(circle, #004d00 0%, #007300 70%, #00a300 100%); border: 4px solid #3e733e;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);animation:fade 2500ms infinite;}
.animal-icon .type-7 { background: radial-gradient(circle, #4B2E00 0%, #8B5A00 70%, #CD853F 100%);border: 4px solid #836736;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);animation:fade 2500ms infinite;}
.animal-icon .type-8 { background: radial-gradient(circle, #001f4d 0%, #101010 70%, #66b2ff 100%);border: 4px solid #525355;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);animation:fade 2500ms infinite;}
.animal-icon .type-9 { background: radial-gradient(circle, #b9b9b9 16%, #f3ff37 68%, #9f3f3f 100%);border: 4px solid #d7dd81;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);animation:fade 2500ms infinite;}
.animal-icon .type-10 { background: radial-gradient(circle, #999999  16%, #1f3c91 68%, #cccccc 100%);border: 4px solid #435073;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);animation:fade 2500ms infinite;}
.animal-icon .type-11 { background: radial-gradient(circle, #b9c5ad 16%, #800000 68%, #66cc33 100%);border: 4px solid #833f3f;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);animation:fade 2500ms infinite;}
.animal-icon .type-12 { background: radial-gradient(circle, #c8cbc8 16%, #6322c7 68%, #00cc00 100%);border: 4px solid #796499;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);animation:fade 2500ms infinite;}*/

.betting-contro-wrp .ohaeng-box .ohaeng-icon { width:calc(100% / 5);text-align: center;float:left;}
.betting-contro-wrp .ohaeng-box .ohaeng-icon img { width:100%;}
.betting-contro-wrp .ohaeng-box .ball { height:30px;box-sizing:border-box;font-family: snsv, sans-serif;text-align: center;float:left;}
.betting-contro-wrp .ohaeng-box .box-2 .ball {width:50%;}
.betting-contro-wrp .ohaeng-box .box-4 .ball {width:25%;}
.betting-contro-wrp .ohaeng-box .ball span { text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 2px #000;display:inline-block;border-radius:50%;width:20px;height:20px;text-align: center;font-size:.7em;line-height: 20px;font-weight: normal;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3);margin-top:5px;}
.betting-contro-wrp .ohaeng-allocation { font-family: snsv, sans-serif;font-size:1em;height:30px;line-height: 30px;color:#fff;clear:both;}

.betting-contro-wrp .ohaeng-box .ball-1 { background:radial-gradient(circle, #ffff00 0%, #ffa500 70%, darkorange 100%);color:#000;}
.betting-contro-wrp .ohaeng-box .ball-2 { background:radial-gradient(circle, #003366 0%, #336699 70%, #6699cc 100%);}
.betting-contro-wrp .ohaeng-box .ball-3 { background:radial-gradient(circle, #660000 0%, #990000 70%, #cc0000 100%);}
.betting-contro-wrp .ohaeng-box .ball-4 { background:radial-gradient(circle, #4B0082 0%, #800080 70%, #DDA0DD 100%);}
.betting-contro-wrp .ohaeng-box .ball-5 { background:radial-gradient(circle, #8B4513 0%, #FF8C00 70%, #FFA500 100%);}
.betting-contro-wrp .ohaeng-box .ball-6 { background:radial-gradient(circle, #004d00 0%, #007300 70%, #00a300 100%);}
.betting-contro-wrp .ohaeng-box .ball-7 { background:radial-gradient(circle, #4B2E00 0%, #8B5A00 70%, #CD853F 100%);}
.betting-contro-wrp .ohaeng-box .ball-8 { background:radial-gradient(circle, #001f4d 0%, #101010 70%, #66b2ff 100%);}
.betting-contro-wrp .ohaeng-box .ball-9 { background:radial-gradient(circle, #b9b9b9 33%, #f3ff37 70%, #9f3f3f 100%);}
.betting-contro-wrp .ohaeng-box .ball-10 { background:radial-gradient(circle, #1f3c91 30%, #999999 70%, #cccccc 100%);}
.betting-contro-wrp .ohaeng-box .ball-11 { background:radial-gradient(circle, #800000 29%, #b9c5ad 100%, #66cc33 100%);}
.betting-contro-wrp .ohaeng-box .ball-12 { background:radial-gradient(circle, #6322c7 40%, #c8cbc8 70%, #00cc00 100%);}

.betting-contro-wrp .odd-even-box .odd-even-icon { width:50%;float:left;}
.betting-contro-wrp .odd-even-box .odd-even-icon img { width:100px;height:100px;}

/* new chip */
.fixed-chip-wrp { position:fixed;width:calc(100% - (100% - 500px));right:0;bottom:40px;font-family: snsv, sans-serif;border-top: 1px solid rgba(147,197,153,0.25);border-left:1px solid #27532c;z-index:99;padding:0px 0;background:#0f5d36;bottom:0;}
.fixed-chip-wrp .chip-box { position:relative;height:50px;}
.fixed-chip-wrp .flay-chip { position:absolute;}
.value--22fcf { fill:#fff;text-anchor:middle;font-weight:600;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.paint--844e8{fill:currentColor}
.body--7d1ff { fill:#ebebeb}
.text-background--9cda6 { fill:#000;opacity:.2}
.fixed-chip-wrp .chip-item { opacity:0.15;cursor:pointer;}
.fixed-chip-wrp .chip-item:hover, .fixed-chip-wrp .chip-item.on { opacity:1;}
.chip--768ce { border-radius:50%;font-size:3em;position:relative;width:1em;margin:0 auto;height:50px;}
.chip-wrp { display:flex;}
.chipItem--07039 { flex:1;}
.chipItem--07039 svg { position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}

/* bottom button */
.button-wrp { width:calc(100% - (100% - 500px));height:41px;position:fixed;right:0;bottom:0;border-top:1px solid rgb(17 53 21 / 41%);display:none;}
.button-wrp .item { width:50%;height:40px;float:left;}
.button-wrp .item button { width:100%;height:40px;font-size:18px;border:0;}
.button-wrp .item button:active { background:#eee;}
.button-wrp .item:first-child { background:#084124}
.button-wrp .item:first-child button { background:#084124;color:#fff;}
.button-wrp .item:last-child { background:#313131;}
.button-wrp .item:last-child button { background:#313131;color:#fff;}

.betting-item .chip-box { position:absolute;}
.danseung-box .chip-box { left:20px;bottom:-20px;}

/* popup */
.full-shade { background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:999991;display:block;width:100%;height:100%;}
.popup-wrp { display:none;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);width:300px;background:#fff;z-index:999992;}
.toss-msg-box { position:fixed;left:50%;bottom:10%;width:auto;height:35px;text-align: center;z-index:999993;display:none;transform:translate(-50%,-10%);line-height:35px;color:#fff;font-weight: bold;font-size:16px;padding:0 15px;background:rgba(0,0,0,1);border-radius:15px;font-family:'Noto Sans KR','sans-serif';white-space: nowrap;}

/* betting option shade */
.bet-opt-shade { width:500px;height:calc(100% - 50px);position:absolute;right:0;top:49px;background:rgba(0,0,0,0.5);z-index:999;display:none;}
.bet-opt-shade .shade-msg { width:500px;height:30px;line-height: 30px;position:fixed;right:0;top:calc((100% - 30px) / 2);color:#fff;text-align: center;font-size:20px;}

/* layer popup */
.layer-wrp, .confirm-popup { width:300px;position:fixed;left:50%;top:50%;transform: translate(-50%,-50%);font-family:'Noto Sans KR', 'sans-serif';background:#fff;border-radius:10px;color:#000;z-index:999999;display:none;}
.layer-wrp .header, .confirm-popup .header { height:40px;line-height: 40px;text-align: center;border-top-left-radius: 10px;border-top-right-radius: 10px;font-size:14px;border-bottom:1px solid #f1f1f1;}
.layer-wrp .header .text, .confirm-popup .header .text { display:inline-block;position:relative;}
.layer-wrp .header span, .confirm-popup .header span { position:relative;z-index:2;}
.layer-wrp .header em, .confirm-popup .header em { position:absolute;width:120%;height:20%;background:rgba(73,163,118,0.53);bottom:10px;left:-10%;z-index:1;}
.layer-wrp .container, .confirm-popup .container { text-align: center;padding:20px 10px;font-size:14px;line-height:24px;}
.layer-wrp .footer, .confirm-popup .footer { height:50px;line-height: 50px;border-bottom-left-radius: 10px;border-bottom-right-radius:10px;font-size:14px;border-top:1px solid #f1f1f1;}
.layer-wrp .footer .full-btn { width:100%;border:0;background:transparent;font-family:'Noto Sans KR', 'sans-serif';color:#000;float:left;height:50px;border-bottom-left-radius:10px;border-bottom-right-radius: 10px;font-size:14px;}
.layer-wrp .footer .full-btn:active { background:#939393;}
.confirm-popup .footer button { width:50%;box-sizing:border-box;height:50px;border:0;float:left;font-weight:normal;font-family: 'Noto Sans KR', 'sans-serif';color:#000;font-size:14px;}
.confirm-popup .footer button:first-child { border-bottom-left-radius:7px;background:#1f733c;color:#fff;}
.confirm-popup .footer button:last-child { border-bottom-right-radius:7px;}

/* side menu */
.side-menu { width:500px;height:100%;position:fixed;right:-100%;top:0px;background:rgba(0,0,0,0.9);font-family: 'Noto Sans KR', 'sans-serif';overflow-y:scroll;z-index:999999;}
.side-menu > .header { height:50px;line-height: 29px;padding:10px;box-sizing:border-box;color:#fff;border-bottom:1px solid #3e3e3e;}
.side-menu > .header .fa-xmark { float:right;font-size:22px;width:20px;height:30px;line-height: 30px;text-align: center;position:relative;}
.side-menu > .header h1 { font-size:20px;}
.side-menu, .side-menu a { color:#fff;}
.side-menu .nav { height:50px;border-bottom:1px solid #3e3e3e;box-sizing:border-box;}
.side-menu .nav .nav-item { float:left;width:20%;height:49px;line-height: 49px;text-align: center;font-size:14px;cursor:pointer;color:#fff;font-family:'Noto Sans KR', 'sans-serif';}
.side-menu .container { padding:20px;}
.side-menu .nav .nav-item.on { background:rgba(255,255,255,0.78);color:#000;}
.bg-block { width:100%;background:rgba(255,255,255,0.28);border-radius:10px;}
.side-menu .stat-box { padding:10px;width:100%;color:#000;}
.side-menu .stat-box .stat-item { width:calc((100% - 40px) / 3);rgb(0 0 0 / 57%);float:left;border-radius:10px;color:#fff;}
.side-menu .stat-box .stat-item:nth-child(2) { margin:0 20px;}
.side-menu .stat-item .subject {text-align: center;height:34px;line-height: 34px;font-weight:bold;font-size:14px;border-bottom:1px solid #6f6f6f;color:#fff;}
.side-menu .stat-item .subject span, .side-menu .stat-item .subject em { display:inline-block;}
.title-style span { position:relative;}
.title-style span em { position:absolute;height:20%;background:rgba(73,163,118,0.53);width:120%;left:-10%;bottom:9px;}
.side-menu .stat-item .stat-data { text-align: center;padding:10px 0;font-size:13px;font-weight:bold;}

.basic-block .header { font-size:22px;font-weight:bold;text-align: center;margin-bottom:10px;}

.basic-frm-style .clm { margin-bottom:5px;}

.basic-frm-style .clm .inpt { width:100%;height:40px;line-height: 40px;background:#fff;border:1px solid rgba(255,255,255,0.58);text-indent:10px;font-family:'Noto Sans KR','sans-serif';font-size:14px;}
.basic-frm-style .button .btn { width:100%;height:40px;border:0;background:rgba(33,33,33,0.9);color:#fff;font-size:14px;font-family: 'Noto Sans KR','sans-serif';}
.basic-frm-style .button .btn:active { background:#555;}
.basic-frm-style .clm.err .inpt { color:red;background:rgba(255,255,255,0.8);}
.basic-frm-style .clm.err .inpt::placeholder { color:red;}

.basic-list-style .list-item { height:30px;width:100%;background:rgba(255,255,255,0.62);border:1px solid rgba(255,255,255,0.58);}
.basic-list-style .list-item { border-bottom:0;}
.basic-list-style .list-item:last-child { border-bottom:1px solid rgba(255,255,255,0.58);}

.basic-table { width:100%;border:1px solid rgb(255 255 255 / 29%);}
.basic-table th { height:40px;border-bottom:1px solid #3e3e3e;}
.basic-table td { height:40px;text-align: center;background:rgba(255,255,255,0.1);color:#fff;font-size:13px;padding:7px 0;border-bottom:1px solid #3e3e3e;}
.basic-table tr.on td { background:rgba(73,163,118,0.53);border-bottom:1px solid rgba(73,163,118,0.2);}

#body .action-fai-full-td { text-align:right;padding-right:10px;background:rgb(109 7 7 / 62%);}
#body .action-fai-td { background:rgb(109 7 7 / 62%);}
#body .betting-item .hit-on, #body .betting-item.hit-on, #body .oe-item.hit-on { box-shadow: 0 0 15px 5px yellow;animation: glow 0.5s infinite alternate;}
#body .betting-second-counter { display:none;font-family:snsv, sans-serif;font-style:normal;}
#body #open-game { width:100%;height:100%;position:fixed;left:0;top:0;z-index:9999;background:#242526;}
#body #open-game img { position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);width:50%;}
.sound-control { font-size:22px;float:right;position:relative;top:5px;margin-right:10px;}
#body .font-red { color:red;}
#body .font-blue { color:#0095ff;}
.round-list { background:rgba(255,255,255,0.28);}
.df-tbl { width:100%;}
.df-tbl th { border-bottom:1px solid #6f6f6f;}
.df-tbl th, .df-tbl td { height:34px;}
.df-sel { width: 100%;height: 40px;background:#fff;font-family: 'Noto Sans KR', 'sans-serif';padding-left: 5px;font-size:14px;}
.round-list th { height:42px;font-size:14px;}
.round-list td { padding:7px 10px;border:1px solid #5f5f5f;text-align: center;}
.round-list tr:first-child td { border-top:0;}
.round-list tr td:first-child { border-left:0;}
.round-list tr td:last-child { border-right:0;}
.round-list tr:last-child td { border-bottom:0;}
.round-list .title-style span em { height:20%;bottom:2px;}
.round-list .res-ico { height:60px;}
.round-list .res-text { width:45px;height:45px;border-radius:50%;display:block;text-align: center;line-height: 45px;margin:0 auto;font-size:14px;}
.round-list .res-text.res-O { background:rgba(0,0,0,0.56);color:#fff;}
.round-list .res-text.res-E { background:rgba(255,255,255,0.56);color:#000;}
.inner-tbl { width:100%;}
.round-list .inner-tbl th { background:#717171;border:1px solid #5f5f5f;font-size:12px;height:32px;}
.round-list .inner-tbl tr th:first-child { border-left:0;}
.round-list .inner-tbl tr th:last-child { border-left:0;}
#body .padding-none { padding:0;}
.basic-frm-style .clm .text { font-size:14px;height:40px;line-height:40px;}
#body .pagination { text-align: center;}
#body .pagination a, #body .pagination strong { display:inline-block;width:30px;background:rgba(0,0,0,0.37);text-align: center;}
#body .pagination .current-page { background:transparent;}
#body .pc-inline-elm { display:inline-block;}
#body .text-right { text-align: right;}
.user-betting-history .title-style { height:20%;}
.user-betting-history .title-style span em { bottom:2px;}
.user-betting-history .title { height:36px;line-height:36px;text-align: center;font-size:14px;}
.user-betting-history .betting-item { width:calc(100% / 4);border:1px solid #000;background:rgba(27,34,49,0.42);border-top:0;}
.user-betting-history .history-container { padding:0;}
.user-betting-history .history-container .betting-item .amount { text-align: center;height:30px;line-height:30px;}
.user-betting-history .history-container .betting-item { border-right:0;height:127px;}
.user-betting-history .history-container .betting-item:last-child { border-right:1px solid #2f2f2f;}
.user-betting-history .history-container .betting-item .res-oe { width:45px;height:45px;line-height:45px;border-radius:50%;margin:0 auto;}
.user-betting-history .history-container .betting-item .res-oe-O { background:#000;color:#fff;}
.user-betting-history .history-container .betting-item .res-oe-E { background:#fff;color:#000;}
.user-betting-history .betting-item .betting-opt { height:30px;line-height:30px;text-align: center;background:rgba(0,0,0,0.5);margin-bottom:5px;}
.user-betting-history .betting-item .opt-ico { width:60px;display:block;margin:0 auto;}
.history-item .round-result-wrp img { height:60px;}
.user-betting-history .history-swiper-wrp { margin:5px 15px 0;}
.round-result-wrp .res-tbl { text-align: center;}
.round-result-wrp .res-tbl th { background:#000;}
.round-result-wrp .res-tbl td { background:rgba(27,34,49,0.42);padding:7px 10px;border:1px solid #2f2f2f;}
.round-result-wrp .res-tbl .win-td { background:rgba(11,37,95,0.52);}
.round-result-wrp .res-tbl .loss-td { background:rgba(77,11,11,0.52);}
.round-result-wrp { padding:0 15px;}
.pd-bottom-15 { padding-bottom:15px;}
.round-result-wrp .res-tbl tr th:first-child { border-left:1px solid #000;}
.history-container { background:rgba(27,34,49,0.42);border:1px solid #252525;border-bottom:0;}
.history-container .betting-item:first-child { border-left:0;}
#body .pd-top-15 { padding-top:15px;}
#body .history-item { margin-bottom:15px;}
.no-data { font-size:14px;text-align: center;}
.message { padding-top:5px;padding-bottom:10px;}

/* 스크롤 */
::-webkit-scrollbar { width: 12px;height: 12px;}
::-webkit-scrollbar-track { background: #2c2c2c;border-radius: 10px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);}
::-webkit-scrollbar-thumb { background: #9f9f9f;border-radius: 10px; /* border: 3px solid rgba(7, 7, 7, 0.38);*/ /* 썸과 트랙의 여백 효과 */}
::-webkit-scrollbar-thumb:hover { background: #9f9f9f;}
::-webkit-scrollbar-corner { background: #e0e0e0;}
.custom-scroll-container { overflow: auto;}
.custom-scroll-container::-webkit-scrollbar { width: 12px;height: 12px;}
/* Firefox 스크롤바 스타일 */
.custom-scroll-container { scrollbar-width: thin;scrollbar-color: #4CAF50 #f1f1f1;}

.winner-box { position:fixed;left:0;top:0;z-index:9999;width:calc(100% - 500px);height:100%;display:none;}
.winner-box img { position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);display:none;}
.winner-box .animal-icon { float:none;width:209px;height:209px;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);display:none;}
#body .winner-box .animal-icon div { width:100%;height:100%;position:initial;display:none;animation:initial;}

#body .padding-none { padding:0;}
#body .new-betting-opt-box { margin-bottom:0px;}
#body .new-betting-opt-box .container { padding:0 20px;}

/* 단/쌍/복/삼 리뉴얼 */
#body .new-betting-opt-box .container { padding-top:15px;padding-bottom:7px;background:rgba(1,25,30,0.23);}
.opt-tab { height:54px;border-bottom:1px solid #27532c;padding:0 15px;}
.opt-tab .tab-item { width:25%;float:left;font-family:'Noto Sans KR', 'sans-serif';text-align: center;padding:5px 0;cursor:pointer;font-size:14px;}
/*.opt-tab .tab-item.on { background:rgb(19 107 66 / 87%);}*/
.opt-tab .tab-item:hover { background:rgb(61 107 86 / 35%);}
.opt-tab .tab-item:active { background:rgb(19 107 66 / 100%);}
.opt-tab .tab-item.on { background:rgba(8,77,45,0.87) !important;box-shadow:0 4px 10px rgba(0, 0, 0, 0.5);border-radius:3px;}
.opt-tab span { display:block;width:100%;height:22px;line-height:22px;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);font-weight:bold;}
.opt-tab .tab-item span:last-child { color:#e3c44d;font-weight:bold;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.opt-tab span em { font-style:normal;}

.betting-result-box { padding:10px 10px 10px;}
.betting-result-box .container { border-radius:10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* 그림자 효과 */}
.betting-result-box .result-row { display: flex;flex-wrap: wrap;justify-content: space-between;padding:5px 0 0px;border-bottom:1px solid rgba(255,255,255,0.09);background:rgba(255,255,255,0.08);cursor:pointer;}
.betting-result-box .result-row:first-child { border-top-left-radius: 10px;border-top-right-radius: 10px;}
.betting-result-box .result-row:last-child { border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.betting-result-box .result-row img { height:38px;position:relative;z-index:10;display:block;}
.betting-result-box .result-row .result-item { position:relative;padding-bottom:0 !important;}
.betting-result-box .result-row .result-amt { height:26px;line-height:26px;font-family: 'Noto Sans KR', 'sans-serif';color: #e3c44d;font-weight: bold;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.betting-result-box .result-row .border, .drop-betting-ico-simu .border, .history-ball .border { width: 40px;height: 40px;border-radius: 50%;position: absolute;left: calc((100% - 40px) / 2);top: calc((100% - 40px) / 2);}

.betting-result-box .result-row.danseung-row .result-item { flex: 1 1 calc(100% / 6);box-sizing: border-box;text-align: center;padding: 5px;max-width: calc(100% / 6);}
.betting-result-box .result-row.bokseung-row .result-item { flex: 1 1 calc(100% / 3);box-sizing: border-box;text-align: center;padding: 5px;max-width: calc(100% / 3);}
.betting-result-box .result-row.ssangseung-row .result-item { flex: 1 1 calc(100% / 3);box-sizing: border-box;text-align: center;padding: 5px;max-width: calc(100% / 3);}
.betting-result-box .result-row.sambokseung-row .result-item { flex: 1 1 calc(100% / 2);box-sizing: border-box;text-align: center;padding: 5px;max-width: calc(100% / 2);}

.comb-2 .result-item .item-grp { display:flex;gap: 5px;padding-top: 3px;background: rgb(0 0 0 / 23%);border-radius: 46px;}
.comb-2 .item-grp .ball-first { flex:0;width:auto;}
.comb-2 .item-grp .ball-first, .comb-2 .item-grp .ball-second { flex: 1;box-sizing: border-box;text-align: center;}
.comb-2 .item-grp .ball { display:inline-block;}
.comb-2 .item-grp .ball-first { text-align: right;}
.comb-2 .item-grp .ball-second { text-align: left;}

.comb-3 .result-item .item-grp { display:flex;gap: 10px;padding-top: 3px;background: rgb(0 0 0 / 23%);border-radius: 46px;}
.comb-3 .item-grp .ball-first, .comb-3 .item-grp .ball-last { flex: 1;display:inline-block;}
.comb-3 .item-grp .ball { display:inline-block;}
.comb-3 .item-grp .ball-first { text-align: right;}
.comb-3 .item-grp .ball-second { flex: 0;width: auto;white-space: nowrap;text-align: center;}
.comb-3 .item-grp .ball-last { text-align: left;}

.result-row .ball-shade { position:absolute;left:-7.5%;top:-7.5%;width:115%;height:115%;border-radius:50%;background:rgba(0,0,0,0.01);z-index:99;}
.result-row .ball-ico, .history-ball .ball-ico { width:48px;height:48px;border-radius:50%;background-size:48px !important;left:-3px;top:-4px;}
.result-row .ball-ico.ico-1, .drop-betting-ico-simu .ico-1, .history-ball .ico-1 { background:url(/img/icon/1.png) no-repeat 0 0;background-size:40px;position:relative;z-index:9;}
.result-row .ball-ico.ico-2, .drop-betting-ico-simu .ico-2, .history-ball .ico-2 { background:url(/img/icon/2.png) no-repeat 0 0;background-size:40px;position:relative;z-index:9;}
.result-row .ball-ico.ico-3, .drop-betting-ico-simu .ico-3, .history-ball .ico-3 { background:url(/img/icon/3.png) no-repeat 0 0;background-size:40px;position:relative;z-index:9;}
.result-row .ball-ico.ico-4, .drop-betting-ico-simu .ico-4, .history-ball .ico-4 { background:url(/img/icon/4.png) no-repeat 0 0;background-size:40px;position:relative;z-index:9;}
.result-row .ball-ico.ico-5, .drop-betting-ico-simu .ico-5, .history-ball .ico-5 { background:url(/img/icon/5.png) no-repeat 0 0;background-size:40px;position:relative;z-index:9;}
.result-row .ball-ico.ico-6, .drop-betting-ico-simu .ico-6, .history-ball .ico-6 { background:url(/img/icon/6.png) no-repeat 0 0;background-size:40px;position:relative;z-index:9;}
.result-row .ball-ico.ico-7, .drop-betting-ico-simu .ico-7, .history-ball .ico-7 { background:url(/img/icon/7.png) no-repeat 0 0;background-size:40px;position:relative;z-index:9;}
.result-row .ball-ico.ico-8, .drop-betting-ico-simu .ico-8, .history-ball .ico-8 { background:url(/img/icon/8.png) no-repeat 0 0;background-size:40px;position:relative;z-index:9;}
.result-row .ball-ico.ico-9, .drop-betting-ico-simu .ico-9, .history-ball .ico-9 { background:url(/img/icon/9.png) no-repeat 0 0;background-size:40px;position:relative;z-index:9;}
.result-row .ball-ico.ico-10, .drop-betting-ico-simu .ico-10, .history-ball .ico-10 { background:url(/img/icon/10.png) no-repeat 0 0;background-size:40px;position:relative;z-index:9;}
.result-row .ball-ico.ico-11, .drop-betting-ico-simu .ico-11, .history-ball .ico-11 { background:url(/img/icon/11.png) no-repeat 0 0;background-size:40px;position:relative;z-index:9;}
.result-row .ball-ico.ico-12, .drop-betting-ico-simu .ico-12, .history-ball .ico-12 { background:url(/img/icon/12.png) no-repeat 0 0;background-size:40px;position:relative;z-index:9;}

.betting-result-box .result-row.on, .betting-result-box .result-row.hover  { background:rgb(69 69 69 / 64%);}
.betting-result-box .result-row.on .ball { background-color: #638f6a;/*box-shadow: 0 0 16px rgb(255 255 255 / 80%), 0 0 0px rgb(217 217 217);*/}
.betting-result-box .result-row .ball, .history-ball .ball { width:40px;height:40px;margin:0 auto;border-radius:50%;background: radial-gradient(circle, #1e5736, #0f2e1b);box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, 0.5), inset 0 0 5px 2px rgba(255, 255, 255, 0.2);position:relative;}
.betting-result-box .result-row .ball.ready, .betting-result-box .result-row .winner, .oe-box .oe-item .winner { /*border: 3px solid #f3db13;*/box-shadow: 0 0 25px rgb(255 188 0), 0px 0px 14px 6px rgb(183 145 32);}
.betting-contro-wrp { overflow-y:auto;}
.mbl-scroll-box { padding-bottom:50px;}
img { user-select: none;-webkit-user-drag: none;}
.drop-betting-ico-simu { position:absolute;left:0;top:0;z-index:10;width:40px;height:40px;display:none;border-radius:0;cursor:pointer;}
.drop-betting-ico-simu .ball { width:100%;height:100%;}
.oe-item .result-amt { position:absolute;top:5px;font-family:'Noto Sans KR', 'sans-serif';font-size:12px;color:#e3c44d;font-weight:900;}
.oe-item.left .result-amt { position:absolute;left:10px;color:#e3c44d;}
.oe-item.right .result-amt { position:absolute;right:10px;color:#e3c44d;}
.cncl-oe-box { clear:both;}
.cncl-oe-box .cncl-O { float:left;}
.cncl-oe-box .cncl-E { float:right;}
.cncl-oe-item { font-family: "Noto Sans KR", "sans-serif";background: #0000004f;border-radius: 3px;padding: 5px 10px;margin-top: 10px;cursor:pointer;}
#body .pagination { font-size:14px;}
#body .pagination i { font-size:12px;}
.history-tbl { border:1px solid  #ffffff57;}
.history-tbl td { padding:7px 0;text-align: center;border-bottom:1px solid #ffffff57;}
.history-tbl .date-td { padding-right:10px;background:#ffffff29;text-align: left;padding-left:10px;}
.history-tbl .date-td span { float:right;}
.history-tbl .empty-row { height:10px;}
.history-tbl th { background:#3b5f7969;border-top:2px solid #ffffff2e;font-weight:normal;}
.history-tbl .oe-sp { font-size:16px;font-weight:bold;}
.history-tbl .title-style { position:relative;}
.history-tbl .title-style em { bottom:2px;}

.betting-history-tbl { border:1px solid  #ffffff57;}
.betting-history-tbl th { border-right:1px solid #ffffff57;background:#3b5f7969;border-top:1px solid  #ffffff57;font-size:14px;}
.betting-history-tbl td { padding-top:7px;}
.betting-history-td .history-ball{ height:40px;}
.history-bt-amt { width:100%;height:30px;line-height: 30px;text-align: center;}
.betting-history-td .grp-2-td { text-align: center;}
.betting-history-tbl .grp-2-td .grp-2-box { text-align: center;}
.betting-history-tbl .grp-2-td .history-ball { display:inline-block;}
.betting-history-tbl .total-td { text-align: right;font-size:13px;font-weight:bold;padding:0 10px;}
.betting-history-tbl .total-td .total { float:right;}
.betting-history-tbl .total-td .round { float:left;}
.history-bt-oe-row .oe-sp { font-size:16px;font-weight:bold;}
.history-bt-oe-row td { text-align: center;}
.betting-history-tbl .empty-row { height:10px;background:#ffffff4a;}
.betting-history-tbl .oe-sp { font-size:20px;display:block;text-align: center;}

.new-winner-box { position:fixed;left:0;top:0;z-index:9999;width:calc(100% - 500px);height:100%;display:none;}
.new-winner-box img { border:0;}
.new-winner-box .winner-inner-box { width:100%;text-align: center;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.new-winner-box .winner-inner-box .animal-icon div { display:none;}
.new-winner-box .winner-second, .new-winner-box .winner-last { display:inline-block;}
.new-winner-box img { position:relative;display:none;}
.new-winner-box .winner-first img { height:300px;}
.new-winner-box .winner-second img, .new-winner-box .winner-last img { height:200px;}
.new-winner-box .animal-icon { float:none;width:209px;height:209px;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);display:block;}
.new-winner-box .winner-item { position:relative;}
/*.new-winner-box .winner-first .border { width: 140px;height: 140px;left: calc((100% - 160px) / 2);top: calc((100% - 145px) / 2);}
.new-winner-box .winner-second .border, .new-winner-box .winner-last .border { width: 110px;height: 110px;left: calc((100% - 110px) / 2);top: calc((100% - 110px) / 2);}*/
#body .qs-btn { float:right;font-size:22px;position:relative;margin-right:10px;top:5px;}
.qus-menu .container img { max-width:100%;}
.qus-menu .container .method-box { display:none;}
#body .df-tbl .page-td { text-align: center;}
#body .deposit-frm { position:relative;}
#body .deposit-frm .ban-deposit-box { position:absolute;width:100%;height:100%;background:#000000c9;}
#body .deposit-frm .ban-deposit-box div { position:absolute;width:100%;left:50%;top:50%;transform: translate(-50%,-50%);font-size:14px;text-align: center;}
#body .hint-msg { font-size:13px;padding:7px 0;}
#body .animal-icon .fa-crown { position:relative;z-index:99999;top:-5px;font-size:20px;display:none;font-family:normal;}
#body .fa-crown.first { color:#FFD700;}
#body .fa-crown.second { color:#C0C0C0;}
#body .fa-crown.last { color:#CD7F32;}
#body .mg-bottom-10 { margin-bottom:10px;}
#body .mg-bottom-20 { margin-bottom:20px;}
#body .animal-icon .fa-crown:before { content:initial;}
#body .animal-icon .fa-crown { font-style:normal;}


.deposit-meth-item { margin-bottom:20px;}
.deposit-meth-item .subject { margin-bottom:10px;}
.deposit-meth-item .title-style span { font-size:14px;}
.deposit-meth-item .title-style span em { bottom:2px;left:0;width:100%;}
.deposit-meth-item .container { padding:10px;background:#ffffff4a;font-size:13px;line-height:22px;}
#body .deposit-meth-item .container .font-red { color:#e7b4b4;}

.bonus-msg-box { height: 40px;background: #3d3f8599;line-height: 40px;padding: 0 10px;margin-bottom: 20px;border: 1px solid #cccccc30;}

.custom-radio { display: inline-flex;align-items: center;margin-right: 15px;cursor: pointer;}
.custom-radio input[type="radio"] { display: none;}
.custom-radio span { display: flex;align-items: center;justify-content: center;width: 15px;height: 15px;border: 2px solid #ffffff40;border-radius: 50%;margin-right: 8px;transition: all 0.3s ease;}
.custom-radio input[type="radio"]:checked + span { background-color: #121212;border-color: #ffffff40;box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);}
.custom-radio input[type="radio"]:checked + span::after { content: '';display: block;width: 7.5px;height: 7.5px;background-color: white;border-radius: 50%;}
.custom-radio label { font-size: 13px;color: #fff;}

#body .deposit-frm { font-size:13px;}
#body .deposit-frm .ban-deposit-box { height:calc(100% - 72px);top:72px;border:1px solid #ffffff33;}
.coin-transfer-box, .cash-transfer-box { display:none;}
.deposit-frm .hint-msg { letter-spacing:0px;}
#body .deposit-frm .font-red { color:#e7b4b4;}

.break-shade { width:calc(100% - 500px);height:100%;position:fixed;left:0;top:0;background:#000000cf;font-size:20px;color:#fff;font-weight:bold;z-index:999999;display:none;}
.break-shade span { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:bold;font-family:'Noto Sans KR', 'sans-serif';}

.toss-msg-box .i { display:none;}
.round-counter-box { display:none;}

/* intro style */
.intro-container { z-index:999999;background: #000; /* 배경색 */position: fixed;left: 0;top: 0;width: calc(100% - 500px);height: 100%;display: flex;flex-direction: column; /* 세로 방향 정렬 */justify-content: center; /* 세로 중앙 정렬 */align-items: center; /* 가로 중앙 정렬 */text-align: center;}
svg { width: 100%; /* SVG 너비 100% */max-width: 500px; /* 최대 너비 제한 */height: auto; /* 높이 비율 유지 */}
.txt { font-weight: 900;font-size: 4vw; /* 반응형 폰트 크기 */letter-spacing: 3px;fill: transparent;stroke: url("#yanse");stroke-width: 2px;stroke-dasharray: 1000;stroke-dashoffset: 1000;animation: draw 5s linear infinite;}
@keyframes draw {
    0%, 5% { stroke-dasharray: 1000;stroke-dashoffset: 1000;}
    40%, 60% { stroke-dasharray: 1000;stroke-dashoffset: 0;}
    100% { stroke-dasharray: 1000;stroke-dashoffset: 1000;}
}
.start-button { display:block;margin-top: 20px; /* 버튼과 텍스트 간격 */padding: 15px 20px;font-size: 5vw; /* 반응형 폰트 크기 */font-weight: bold;color: white;background: linear-gradient(90deg, #00BFFF, #00FA9A);border: none;border-radius: 30px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0px 4px 15px rgba(0, 255, 255, 0.5);width: 90%; /* 버튼 너비 90% */max-width: 500px; /* 최대 너비 제한 */}

.start-button:hover { background: linear-gradient(90deg, #FF8C00, #FF00FF);transform: scale(1.05);box-shadow: 0px 6px 20px rgba(255, 105, 180, 0.7);}
.start-button:active { transform: scale(1);box-shadow: 0px 4px 15px rgba(255, 105, 180, 0.5);}
.game-method-box .container-ball img { width:calc(100% / 6);}
.game-method-box .container-small-ball img { width:50px;}
.game-method-box .container-small-ball table th { background:#000000a3;width:50px;}
.game-method-box .container-small-ball table { width:100%;}
.game-method-box .container-small-ball table td { background:#ffffff29;padding:7px 0;text-align: center;}
.warning-clm { background:#d951517a;padding:10px;font-size:14px;}

.welcom-message { width: calc(100% - 500px);position: fixed;left: 0;top: 0;height: 60px;background: #000;color: #fff;z-index: 9;text-align: center;line-height: 60px;font-size: 20px;font-family: 'Noto Sans KR', sans-serif;}
.mbl-video-shade { display:none;}
.first-lgn-shade { width:500px;height:100%;position:fixed;right:0;top:0;background:rgba(0,0,0,0.7);z-index:99999999;}
.fa-circle-question.first-y { z-index:999999999;color:#fff;}
#body .first-y, #body .bonus-money-ico {
    cursor: pointer;
    transition: all 0.3s ease;
    transform-origin: center;
    color: #ffd700;  /* 노란색으로 변경 */
    font-size: 24px;
    /* 기본 발광 효과 */
    filter: drop-shadow(0 0 2px rgba(255, 215, 0, 0.5))
    drop-shadow(0 0 4px rgba(255, 215, 0, 0.3));
}

/* 호버 효과 */
#body .first-y:hover, , #body .bonus-money-ico:hover {
    transform: scale(1.1);
    color: #ffed4a;  /* 더 밝은 노란색 */
    /* 호버시 발광 효과 강화 */
    filter: drop-shadow(0 0 3px rgba(255, 215, 0, 0.7))
    drop-shadow(0 0 6px rgba(255, 215, 0, 0.5))
    drop-shadow(0 0 9px rgba(255, 215, 0, 0.3));
}

/* 클릭 효과 */
#body .first-y:active, #body .bonus-money-ico:active {
    transform: scale(0.95);
    transition: transform 0.1s;
}

#body .bonus-money-ico { position:relative;right:10px;font-size:22px;top:5px;float:right;}
.betting-method-tab { height:40px;margin-bottom:10px;}
.betting-method-tab .tab-item { float:left;padding:0 20px;line-height:40px;cursor:pointer;background:#ffffff1a;}
.betting-method-tab span { font-size:14px;}
.betting-method-tab span em { bottom: 2px;left: 0;width: 100%;display:none;}
.betting-method-tab .tab-item.on { background:#bfbfbf7d;}
.betting-method-tab .tab-item.on em { display:block;}
.betting-cncl-method-ani { display:none;}
.site-menu-inner-tbl { width:100%;}
.site-menu-inner-tbl th { font-weight:normal;height:30px;background:#000;}
.site-menu-inner-tbl th, .site-menu-inner-tbl td { border:1px solid #474747;}
.site-menu-inner-tbl td { background:#2f2f2f;text-align: center;padding:7px 0;}
/* 깜빡이는 발광 효과 애니메이션 */
@keyframes glow-pulse {
    0% {
        filter: drop-shadow(0 0 2px rgba(255, 215, 0, 0.5))
        drop-shadow(0 0 4px rgba(255, 215, 0, 0.3));
    }
    50% {
        filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.7))
        drop-shadow(0 0 8px rgba(255, 215, 0, 0.5))
        drop-shadow(0 0 12px rgba(255, 215, 0, 0.3));
    }
    100% {
        filter: drop-shadow(0 0 2px rgba(255, 215, 0, 0.5))
        drop-shadow(0 0 4px rgba(255, 215, 0, 0.3));
    }
}

#body .first-y, #body .bonus-money-ico {
    animation: glow-pulse 2s infinite ease-in-out;
}

/* 접근성을 위한 포커스 스타일 */
#body .first-y:focus, #body .bonus-money-ico:focus {
    outline: 2px solid #ffd700;
    outline-offset: 2px;
}

#body .waiting-img {
    max-width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    display:none;
}

/* iOS에서 전체화면 모드일 때 적용할 스타일 */
#fullscreen-container.ios {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 9999;
}

#fullscreen-container.ios iframe {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.speed-round-history { display:none;}

/* 집계 */
.round-history-wrp { width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);z-index:999999;font-family:"'Noto Sans KR', sans-serif";display:none;}
.round-history-wrp .container { width:100%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);box-sizing:border-box;padding:0 150px;}
.dans-history-box img { width:50px;}
.number-stati { display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}
.stati-item { display: flex;justify-content: center;align-items: center;}
.round-history-wrp .tab { color:#fff;font-size:14px;display:inline-block;height:40px;line-height:40px;background:#000000b8;padding:0 10px;border-bottom:1px solid #6966667d;}
.number-stati, .oe-stati { background:#000000b8;padding:10px;}
.number-stati span { display:inline-block;width:calc(100% - 60px);height:40px;line-height:40px;margin-left:10px;;color:#fff;font-weight:bold;font-size:14px;text-align: left;}
.number-stati span em { min-width:14%;display:inline-block;height:40px;background:#65616175;font-style:normal;text-align: center;border-radius:7px;}
.number-stati span.first em { background:#ff0000a8;}
.number-stati span.second em { background:#007bff85;}
.number-stati span.last em { background:#cd7f32ad;}
.tab-box { height:40px;}
.tab-box .tab { float:left;cursor:pointer;}
.round-history-wrp .tab-box .tab.on { background:#ffffff4f;color:#000;}
.oe-history-box { margin-top:20px;}
.oe-stati-cell img { width:calc(100% - 55px);position:relative;z-index:10;}
.oe-stati-cell span { position:absolute;right:5px;top:5px;border-radius:100%;background:#ffffff21;font-size:12px;text-align: center;line-height:20px;width:20px;height:20px;color:#ffffff4d;}
.oe-stati { gap: 5px;}
.oe-stati-inner { width:calc(100% + 5px);}
.oe-stati-row { float:left;width:calc(100% / 10);}
.oe-stati-cell { float:left;position:relative;border-radius:5px;font-size:14px;width:calc(((100% - 5px) - 45px) / 10);padding:5px 0;display: flex;align-items: center;justify-content: center;color:#fff;background:#ffffff24;margin-bottom:5px;margin-right:5px;}
.oe-stati-cell.on span { background:#a5311d69;color:#fff;}
.stati-E-ico { position:relative;left:-10px;}
.round-history-wrp .tab-box .tab i { float:right;display:block;}
.history-box .tab-box .fa-xmark { float: right;color: #fff;font-size: 22px;position: relative;top: 10px;cursor:pointer;}
@keyframes fadeInOut {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }
}
.oe-history-box .prev-oe-img {
    animation: fadeInOut .7s infinite alternate ease-in-out;
}
@media (max-width: 1850px) {
    .oe-stati-cell span { font-size:11px;}
}
@media (max-width: 1750px) {
    .oe-stati-cell span { font-size:11px;}
}
@media (max-width: 1650px) {
    .oe-stati-cell span { font-size:11px;}
}
@media (max-width: 1250px) {
    .round-history-wrp .container { width:100%;}
    .number-stati { grid-template-columns: repeat(6, 1fr);}
}

@keyframes shine {
    0% { background-position: 0% 50%;}
    100% { background-position: 100% 50%;}
}

@keyframes glow {
    0% { box-shadow:0 0 4px 2px #e2e215;}
    100% { box-shadow:0 0 20px 10px #e2e215;}
}
#body iframe {
    pointer-events: none;
}
.ytp-chrome-top-buttons,
.ytp-pip-button,
.ytp-fullscreen-button {
    display: none !important;
}
.oe-round-history .swiper-wrapper .swiper-slide:first-child img, .ball-round-history .swiper-wrapper .swiper-slide:first-child img {  transform: scale(1.17);}
.betting-result-box .result-row { position:relative;}
.betting-result-box .result-row .row-type { position:absolute;left:5px;top:5px;color:#ff0000;text-shadow:-1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px  1px 0 #ffffff, 1px  1px 0 #ffffff;font-size:12px;font-family:"Noto Sans KR",'sans-serif';z-index:100;font-weight:bold;}
#body .elm-hide { display:none;}
#body .chip-box .chip--768ce i { position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);font-size:26px;color:#ffffff5e;}
#body .chip-box .chip--768ce.on i { color:#fff;}
#body .chip-box .auto-swt { opacity:1;}
#body .partner-lnk-sp { float:right;text-decoration:underline;color:#96c4f5;}
.lucky-text {
    position: absolute;
    left: 29px;
    top: 50px;
    color: #ff0000;
    text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
    font-size: 12px;
    font-family: "Noto Sans KR", 'sans-serif';
    z-index: 100;
    font-weight: bold;
    animation: pop-in 0.4s ease-out;
}

/* 탭 메뉴 전체 리뉴얼 */
.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.card-title {
    font-size: 16px;
    font-weight: 600;
    color: #00ff88;
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-icon {
    width: 18px;
    height: 18px;
    background: #00ff88;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #000;
}

.copy-btn {
    font-family:'Noto Sans KR', sans-serif;
    background: rgba(0, 255, 136, 0.2);
    border: 1px solid #00ff88;
    color: #00ff88;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s;
}

.copy-btn:hover {
    background: #00ff88;
    color: #000;
}

.partner-code-badge {
    background: rgba(0, 255, 136, 0.2);
    border: 1px solid #00ff88;
    padding: 10px 15px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #00ff88;
    font-weight: 600;
}

.info-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 18px;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.info-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 255, 136, 0.3);
    box-shadow: 0 10px 30px rgba(0, 255, 136, 0.1);
}

.info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.info-row:last-child {
    border-bottom: none;
}

.info-label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
}

.info-value {
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
}

.form-group {
    margin-bottom: 20px;
}

.form-label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.form-input, .form-select {
    font-family:'Noto Sans KR', sans-serif;
    width: 100%;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #ffffff;
    font-size: 15px;
    transition: all 0.3s;
}

.form-input:focus, .form-select:focus {
    outline: none;
    border-color: #00ff88;
    box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.1);
}

.form-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.password-section {
    display: grid;
    gap: 15px;
}

.btn-primary {
    font-family:'Noto Sans KR', 'sans-serif';
    background: linear-gradient(135deg, #00ff88 0%, #00cc6a 100%);
    border: none;
    color: #000;
    padding: 15px 30px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 255, 136, 0.3);
}

.partner-code-badge {
    background: rgba(0, 255, 136, 0.2);
    border: 1px solid #00ff88;
    padding: 10px 15px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #00ff88;
    font-weight: 600;
}

.info-grid {
    display: grid;
    gap: 25px;
    margin-bottom: 30px;
}

.notice-box {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
}

.notice-title {
    color: #ffc107;
    font-weight: 600;
    margin-bottom: 5px;
}

.notice-text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.4;
}

.btn-secondary {
    font-family:'Noto Sans KR','sans-serif';
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s;
    width: 100%;
}

.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: #00ff88;
    color: #00ff88;
}

.close-section-btn {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s;
}

.close-section-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.payment-methods {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.payment-method {
    flex: 1;
    padding: 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 14px;
}

.payment-method.active {
    background: rgba(0, 255, 136, 0.2);
    border-color: #00ff88;
    color: #00ff88;
}

.deposit-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    backdrop-filter: blur(10px);
}

.bank-info {
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

.bank-info-title {
    font-size: 14px;
    font-weight: 600;
    color: #00ff88;
    margin-bottom: 10px;
}

.bank-detail {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    font-size: 13px;
}

.bank-detail:last-child {
    margin-bottom: 0;
}

.warning-text {
    color: #ffc107;
    font-size: 12px;
    margin-bottom: 15px;
    padding: 8px;
    background: rgba(255, 193, 7, 0.1);
    border-radius: 6px;
    border: 1px solid rgba(255, 193, 7, 0.3);
}

.pin-input-area {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

.pin-inputs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pin-input-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pin-input {
    flex: 1;
}

.add-pin-btn, .remove-pin-btn {
    background: rgba(0, 255, 136, 0.2);
    border: 1px solid #00ff88;
    color: #00ff88;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s;
    font-family:'Noto Sans KR','sans-serif';
}

.remove-pin-btn {
    background: rgba(255, 0, 0, 0.2);
    border-color: #ff4444;
    color: #ff4444;
}

.add-pin-btn:hover {
    background: #00ff88;
    color: #000;
}

.remove-pin-btn:hover {
    background: #ff4444;
    color: #fff;
}

.qr-section {
    text-align: center;
    margin-bottom: 20px;
}

.qr-code {
    width: 150px;
    height: 150px;
    background: #ffffff;
    margin: 0 auto 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #333;
}

.usdt-address {
    background: rgba(255, 255, 255, 0.05);
    padding: 10px;
    border-radius: 6px;
    font-family: monospace;
    font-size: 12px;
    word-break: break-all;
    margin-bottom: 15px;
}

.exchange-rate {
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 6px;
    padding: 10px;
    text-align: center;
    margin-bottom: 15px;
}

.rate-title {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 5px;
}

.rate-value {
    font-size: 16px;
    font-weight: 600;
    color: #00ff88;
}

.amount-toggle {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.toggle-btn {
    flex: 1;
    padding: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 12px;
}

.toggle-btn.active {
    background: rgba(0, 255, 136, 0.2);
    border-color: #00ff88;
    color: #00ff88;
}

.calculated-amount {
    background: rgba(255, 255, 255, 0.05);
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 15px;
    font-size: 13px;
}

.form-select option {
    background: #1a1a2e;
    color: #ffffff;
}

.history-section {
    margin-top: 30px;
}

.section-title {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.view-all-btn {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s;
    font-family:'Noto Sans KR','sans-serif';
}

.view-all-btn:hover {
    border-color: #00ff88;
    color: #00ff88;
}

.history-table {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    overflow: hidden;
    border:1px solid #ffffff1c;
}

.table-header {
    background: rgba(0, 0, 0, 0.3);
    padding: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    border:1px solid #ffffff26;
}

.table-row {
    padding: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 12px;
    transition: background 0.3s;
}

.table-row:hover {
    background: rgba(255, 255, 255, 0.05);
}

.table-row:last-child {
    border-bottom: none;
}

.status-approved {
    color: #00ff88;
    font-weight: 600;
}

.status-rejected {
    color: #ff4444;
    font-weight: 600;
}

.status-pending {
    color: #ffc107;
    font-weight: 600;
}

.rejection-reason {
    color: #ff4444;
    font-size: 11px;
    margin-top: 2px;
    font-style: italic;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    backdrop-filter: blur(5px);
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    background: linear-gradient(145deg, rgba(26, 26, 46, 0.95), rgba(22, 33, 62, 0.95));
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    overflow: hidden;
}

.modal-header {
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}

.modal-close {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 24px;
    cursor: pointer;
    transition: color 0.3s;
}

.modal-close:hover {
    color: #ffffff;
}

.modal-body {
    padding: 20px;
    max-height: 60vh;
    overflow-y: auto;
}

.info-required-section {
    text-align: center;
    padding: 30px 20px;
}

.info-required-icon {
    font-size: 48px;
    margin-bottom: 20px;
}

.info-required-title {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 15px;
}

.info-required-text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    margin-bottom: 25px;
}

.info-required-steps {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    text-align: left;
}

.step-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 13px;
}

.step-item:last-child {
    margin-bottom: 0;
}

.step-number {
    background: #00ff88;
    color: #000;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 12px;
    flex-shrink: 0;
}

.step-text {
    color: rgba(255, 255, 255, 0.8);
}

.btn-go-profile {
    font-family:'Noto Sans KR','sans-serif';
    background: linear-gradient(135deg, #00ff88 0%, #00cc6a 100%);
    border: none;
    color: #000;
    padding: 12px 25px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
    display: inline-block;
}

@media (max-width: 768px) {
    .container {
        width: 100%;
        padding: 12px 15px;
    }

    .page-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .table-header, .table-row {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        font-size: 11px;
    }

    .table-header .status-header,
    .table-row .status-cell {
        /*display: none;*/
    }


}

.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 15px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    backdrop-filter: blur(10px);
}

.info-text {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    gap: 8px;
}

.my-betting-btn {
    font-family:'Noto Sans KR','sans-serif';
    background: linear-gradient(135deg, #00ff88 0%, #00cc6a 100%);
    border: none;
    color: #000;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
}

.my-betting-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0, 255, 136, 0.3);
}

.race-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    margin-bottom: 15px;
    overflow: hidden;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.race-card:hover {
    border-color: rgba(0, 255, 136, 0.3);
    transform: translateY(-1px);
}

.race-header {
    background: rgba(0, 0, 0, 0.3);
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.race-number {
    font-size: 16px;
    font-weight: 600;
    color: #00ff88;
}

.race-time {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.race-info {
    padding: 8px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.02);
}

.race-details {
    padding: 15px;
}

.race-result {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.position-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    font-weight: 500;
}

.position-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.ball-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s;
    position: relative;
}

.ball-avatar:hover {
    transform: scale(1.1);
}

.ball-number {
    font-size: 16px;
    font-weight: bold;
}

.betting-section {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    padding: 15px;
    margin-top: 10px;
}

.betting-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.betting-title {
    font-size: 14px;
    font-weight: 600;
    color: #00ff88;
}

.total-result {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 12px;
    font-weight: 600;
}

.total-result.profit {
    background: rgba(0, 255, 136, 0.2);
    color: #00ff88;
}

.total-result.loss {
    background: rgba(255, 71, 87, 0.2);
    color: #ff4757;
}

.betting-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.betting-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    font-size: 12px;
}

.betting-type {
    font-weight: 600;
    color: #ffffff;
    min-width: 60px;
}

.betting-choice {
    flex: 1;
    margin: 0 10px;
    color: rgba(255, 255, 255, 0.8);
}

.betting-amount {
    color: #ffc107;
    font-weight: 600;
    margin-right: 10px;
}

.betting-result {
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
}

.betting-result.hit {
    background: rgba(0, 255, 136, 0.2);
    color: #00ff88;
}

.betting-result.miss {
    background: rgba(255, 71, 87, 0.2);
    color: #ff4757;
}

.prize-amount {
    color: #00ff88;
    font-weight: bold;
    font-size: 11px;
    margin-left: 5px;
}

.summary-stats {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.summary-item {
    text-align: center;
}

.summary-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 2px;
}

.summary-value {
    font-size: 12px;
    font-weight: 600;
}

.summary-value.total-bet {
    color: #ffc107;
}

.summary-value.total-win {
    color: #00ff88;
}

.summary-value.net-result {
    color: #00ff88;
}

.summary-value.net-result.loss {
    color: #ff4757;
}

.position-number {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 23px;
    font-weight: 600;
    min-width: 24px;
    text-align: center;
}

.position-number.second {
    background: linear-gradient(45deg, #c0c0c0, #e8e8e8);
    color: #000;
}

.position-number.third {
    background: linear-gradient(45deg, #cd7f32, #deb887);
    color: #fff;
}

.result-badge {
    padding: 6px 12px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    min-width: 50px;
}

.result-win {
    background: linear-gradient(45deg, #00ff88, #00cc6a);
    color: #000;
}

.result-lose {
    background: linear-gradient(45deg, #ff4757, #ff3742);
    color: #fff;
}

.stats-section {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    padding: 12px;
    margin-top: 15px;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    text-align: center;
}

.stat-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.stat-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.6);
}

.stat-value {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding: 20px 0;
}

.page-btn {
    font-family:'Noto Sans KR','sans-serif';
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.7);
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s;
    min-width: 36px;
    text-align: center;
}

.page-btn:hover {
    background: rgba(0, 255, 136, 0.2);
    border-color: #00ff88;
    color: #00ff88;
}

#body .page-btn.active {
    background: #00ff88;
    border-color: #00ff88;
    color: #000;
    font-weight: 600;
}

.page-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.no-results {
    text-align: center;
    padding: 40px 20px;
    color: rgba(255, 255, 255, 0.6);
}

.no-results-icon {
    font-size: 48px;
    margin-bottom: 15px;
}

.loading {
    text-align: center;
    padding: 40px;
    color: rgba(255, 255, 255, 0.6);
}

.loading-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-top: 3px solid #00ff88;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

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

@media (max-width: 768px) {
    .container {
        width: 100%;
        padding: 12px 15px;
    }

    .page-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .race-result {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 10px;
    }

    .ball-avatar {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    .ball-number {
        font-size: 14px;
    }

    .betting-item {
        padding: 10px 8px;
        font-size: 11px;
        gap: 5px;
    }

    .betting-type {
        min-width: 45px;
        font-size: 11px;
    }

    .betting-choice {
        margin: 0 5px;
        font-size: 11px;
    }

    .betting-amount {
        font-size: 11px;
        margin-right: 5px;
    }

    .betting-result {
        font-size: 10px;
        padding: 2px 4px;
    }

    .prize-amount {
        font-size: 10px;
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .filter-row {
        flex-direction: column;
        gap: 5px;
    }

    .filter-label {
        width: 100%;
    }

    .summary-stats {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
    }

    .betting-section {
        padding: 12px;
    }
}

.info-section {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding:0 20px;
    margin-bottom: 20px;
    backdrop-filter: blur(10px);
}

.form-section {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    backdrop-filter: blur(10px);
}

.section-title {
    font-size: 16px;
    font-weight: 600;
    color: #00ff88;
    margin-bottom: 15px;
}

.form-group {
    margin-bottom: 15px;
}

.form-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 8px;
    display: block;
}

.form-input {
    width: 100%;
    padding: 12px 15px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #ffffff;
    font-size: 14px;
    transition: all 0.3s;
}

.form-input:focus {
    outline: none;
    border-color: #00ff88;
    box-shadow: 0 0 0 2px rgba(0, 255, 136, 0.1);
}

.form-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.alert-box {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid #ffc107;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.alert-icon {
    color: #ffc107;
    font-size: 16px;
}

.alert-text {
    font-size: 13px;
    color: #ffc107;
}

.account-info {
    background: rgba(0, 255, 136, 0.05);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

.account-info-title {
    font-size: 12px;
    color: #00ff88;
    margin-bottom: 8px;
    font-weight: 600;
}

.account-detail {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 4px;
}

.submit-btn {
    font-family:'Noto Sans KR','sans-serif';
    width: 100%;
    background: linear-gradient(135deg, #00ff88 0%, #00cc6a 100%);
    border: none;
    color: #000;
    padding: 15px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 20px;
}

.submit-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0, 255, 136, 0.3);
}

.submit-btn:disabled {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}
.history-section {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 20px;
    backdrop-filter: blur(10px);
}

.history-table {
    width: 100%;
    border-collapse: collapse;
}

.history-table th {
    background: rgba(0, 0, 0, 0.3);
    padding: 12px 8px;
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.history-table td {
    padding: 12px 8px;
    text-align: center;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.history-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.02);
}

.status-badge {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 600;
}

.status-pending {
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
}

.status-approved {
    background: rgba(0, 255, 136, 0.2);
    color: #00ff88;
}

.status-rejected {
    /*background: rgba(255, 71, 87, 0.2);*/
    color: #ff4757;
}

.status-rejected.red {
    color:#ff4757;
}

.status-rejected.green, #body .fgreen {
    color:#00ff88;
}

.status-rejected.waite {
    color:#fff;
}

.rejection-reason {
    font-size: 10px;
    color: #ff4757;
    margin-top: 2px;
}

.no-history {
    text-align: center;
    padding: 30px;
    color: rgba(255, 255, 255, 0.5);
}

.withdrawal-status {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

.withdrawal-status.available {
    background: rgba(0, 255, 136, 0.2);
    color: #00ff88;
}

.withdrawal-status.unavailable {
    background: rgba(255, 71, 87, 0.2);
    color: #ff4757;
}
@media (max-width: 768px) {
    .container {
        width: 100%;
        padding: 12px 15px;
    }

    .page-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .info-section, .form-section, .history-section {
        padding: 10px;
    }

    .history-table th,
    .history-table td {
        padding: 8px 4px;
        font-size: 11px;
    }

    .account-detail {
        font-size: 12px;
    }
}

.new-round-history-wrp .position-item img { width:100%;}
.user-betting-choice img { height:36px;}
.oe-result-box img { width:70%;}
.prize-amount.miss { color:#ff4757;}
#body .clover-ico { text-shadow:-1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;}
.history-table .no-data { padding:10px 0;font-size:12.5px;}
/* 탭 메뉴 전체 리뉴얼 끝 */

@media (max-width: 1500px) {
    .lucky-text { left:15px;top:44px;}
    .fixed-chip-wrp .chip-box { height:40px;}
    .betting-result-box { padding:5px 10px 10px;}
    .betting-result-box .result-row .row-type { left:2px;font-size:10px;}
    .history-box { display:none;}
    .speed-round-history .swiper-wrapper { padding-right:50px;}
    .speed-round-history { position:relative;padding-right:50px !important;}
    .speed-round-history .view-more { position:absolute;width:46px;height:50px;background:#0a3d24;right:6px;top:5px;z-index:9;border-radius:10px;color:#fff;font-size:11px;text-align: center;line-height:50px;font-family:'Noto Sans KR','sans-serif';}
    .round-history-wrp .tab-box .tab i { display:block;float:right;font-size: 24px;width: 24px;height: 24px;line-height: 24px;position: relative;top: 8px;text-align: center;}
    .round-history-wrp { display:block;z-index:99;position:fixed;left:0;top:0;height:auto;}
    .round-history-wrp .container { position:static;transform: initial;padding:0;}
    .number-stati { grid-template-columns: repeat(2, 1fr);}
    .tab-box .tab { width:100%;border-bottom:1px solid #ffffff38;}
    .dans-history-box { display:none;}
    .oe-stati-inner { width:100%;}
    .oe-stati-cell { width:calc(((100% - 5px) - 15px) / 4);}
    .oe-history-box { margin-top:0;}
    .speed-round-history { width:calc(100% - 20px);height:60px;background:#00000057;padding:0 10px;margin:3px auto 0;border-radius:5px;display:block;}
    .speed-round-swiper { height:100%;}
    .speed-round-history .swiper-slide { width:60px;}
    .speed-round-history.oe-round-history .swiper-slide { width:40px;}
    .speed-round-history.oe-round-history .swiper-slide img { height:40px;}
    .speed-round-history.oe-round-history { height:50px;}
    .speed-round-history.oe-round-history .view-more { font-size:11px;width:40px;height:40px;line-height:40px;}
    .speed-round-history .swiper-slide img { height:50px;position:relative;top:5px;}
    .speed-round-history.oe-round-history { width:100%;margin-bottom:15px;}
    .oe-round-history .his-E { left:-7px;}
    .oe-round-history .his-O { left:10px;}

    .mbl-video-shade { display:block;width: 500px;aspect-ratio: 16 / 9;left: calc((100% - 500px) / 2);top: 0;position:fixed;z-index:9;}
    .welcom-message { width:100%;height:60px;line-height:60px;font-size:16px;}
    .intro-container .txt { font-size:14vw;}
    .break-shade { width:100%;height:calc(100% - 40px);top:40px;}
    .basic-frm-style .clm .inpt { font-size:13px;}
    #body .deposit-frm .ban-deposit-box div { font-size:13px;}
    .top-wrp .round-counter-box { padding:5px 10px;}
    .top-wrp .round-counter-box span { font-size:14px;}
    #body .qs-btn { top:0;}
    .opt-tab .tab-item { font-size:13px;}
    #body .fixed-chip-wrp { border-left:0;background:#0f5d36;width:100%;max-width:500px;left:calc((100% - 500px) / 2);}
    #body { max-width:500px;margin:0 auto;}
    .bet-opt-shade { bottom:0;top:initial;height:initial;}
    .side-menu .container { padding:10px;}
    #body .pc-inline-elm { display:none;}
    #body .side-menu { width:100%;height:100%;max-width:500px;}
    .bet-opt-shade, .bet-opt-shade .shade-msg { width:100%;}
    .fixed-chip-wrp { padding:0;}
    .toss-msg-box { background:rgba(0,0,0,1);color:#fff;}
    .pc-video-shade { display:none;}
    .mbl-scroll-box { overflow:auto;height:calc(100% - 50px);}
    .top-wrp { border-bottom:1px solid #27532c;padding:10px;height:40px;}
    .live-video-wrp { width:100%;aspect-ratio:16 / 9;left:0;top:0;position:relative;}
    .betting-contro-wrp { z-index:9;position:fixed;width:100%;max-width:500px;padding-bottom:30px;bottom:0;top:initial;left:calc((100% - 500px) / 2);border-left:0;transition: height 0.15s ease;transformOrigin: "bottom";margin-top:calc(500px * (9/16));height: calc(100vh - (500px * (9/16)));}
    .bet-opt-shade { margin-top:calc(500px * (9/16) - 40px);height: calc(100vh - (640px * (9/16) - 40px));}
    .bet-opt-shade .shade-msg { position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
    .betting-contro-wrp .dans-box .betting-item { width:16.6666%;padding:3px;}
    .betting-contro-wrp .dans-box .betting-item img { width:100%;}
    .betting-contro-wrp .habs-box .betting-item { width:16.6666%;height:100%;position:relative;}
    .betting-contro-wrp .habs-box .betting-item::after { content:"";display:block;padding-bottom:100%;}
    .betting-contro-wrp .habs-box .betting-item span { width:90%;height:90%;line-height: initial;position:absolute;left:5%;display:flex;justify-content: center;align-items: center;}
    .betting-chip-box { background:rgb(10 75 34 / 70%);}
    .betting-opt-box { margin-bottom:20px;}
    .fixed-chip-wrp, .button-wrp { position:fixed;width:100%;z-index:100;max-width:500px;left:calc((100% - 500px) / 2);}
    .button-wrp { display:none;}
    #body .chip-box .chip--768ce { width:0.85em;}
    #body .animal-icon { height:60px;}
    /*#body .animal-icon .border { width:60px;height:60px;left:calc((100% - 60px) / 2);top:calc((100% - 60px) / 2);}*/
    #body .animal-icon img { left:calc((100% - 60px) / 2);top:calc((100% - 54px) / 2);width:60px;height:60px;}
    #body .betting-contro-wrp { background:rgba(15,93,54,1);}
    #body .new-betting-opt-box .container { padding-top:0px;padding-bottom:0;}
    .betting-result-box .result-row { padding-top:0;}
    #body .chip-box .chip--768ce { width:0.7rem;}
    #body .chip-box .chip--768ce { width:1.8rem;height:40px;font-size:1.9rem;}
    #body .betting-result-box { position:relative;}
    .betting-result-box .result-row .result-item { padding-bottom:5px !important;}
    .betting-result-box .result-row .result-amt { display: block;position: absolute;bottom:0;right: 10px;z-index: 99;color:#fff;font-size:0.7em;}
    .top-wrp .fa-bars { font-size:20px;top:0;}
    #body .sound-control { font-size:20px;top:0;}
    #body .bonus-money-ico { font-size:20px;top:2px;}
    .top-wrp .my-money { font-size:14px;line-height:20px;}
    .betting-contro-wrp .title { font-size:13px;}
    .betting-contro-wrp .title .allocation-sp { font-size:13px;}
    .eto-box .betting-target { font-size:14px;}
    .opt-tab .tab-item:hover { background:initial;}
    .opt-tab .tab-item:active { background:initial;}

    .new-winner-box { width:100%;}
    #body .new-winner-box .winner-first .border { width: 120px;height: 120px;left: calc((100% - 120px) / 2);top: calc((100% - 110px) / 2);}
    #body .new-winner-box .winner-second .border, #body .new-winner-box .winner-last .border { width: 100px;height: 100px;left: calc((100% - 100px) / 2);top: calc((100% - 100px) / 2);}
    .new-winner-box .winner-second img, .new-winner-box .winner-last img { height:150px;}
    .new-winner-box .winner-second, .new-winner-box .winner-last { display:block;}
    .new-winner-box .winner-first img { height:200px;}
    #body { background:#000;}
    #body .debug-wrp { width:100%;left:0;}
    #body .animal-icon .border { width:50px;height:50px;left:calc((100% - 48px) / 2);top:calc((100% - 45px) / 2);}
    .animal-icon { margin-bottom:5px;}
    .intro-container { width: 500px;;aspect-ratio:16 / 9;left: calc((100% - 500px) / 2);height:auto;}
}

@media (min-width: 501px) and (max-width: 1599px) {
    .round-history-wrp { width:500px;left:calc((100% - 500px) / 2);}
    .oe-stati-cell { width: calc(((100% - 5px) - 20px) / 5);}
}

@media (max-width: 500px) {
    .bet-opt-shade { margin-top:calc(100vw * (9/16) - 40px);height: calc(100vh - (100vw * (9/16)) - 40px);}
    .betting-contro-wrp, #body .fixed-chip-wrp, .fixed-chip-wrp, .button-wrp{ left:0;}
    .betting-contro-wrp { position:fixed;width:100%;padding-bottom:30px;bottom:0;top:initial;border-left:0;transition: height 0.15s ease;transformOrigin: "bottom";margin-top:calc(100vw * (9/16));height: calc(100vh - (100vw * (9/16)));}
    .mbl-video-shade { width:100%;left:0;}
}

.current-lucky-ball { width:100%;}
.current-lucky-ball img { display:block;margin:0 auto;height:95%;position:relative;top:2.5px !important;left:initial !important;transition:initial !important;transform: initial !important;opacity:initial !important;}

.transfer-box { display:none;}
.df-area { width:100%;min-height:100px;resize: vertical;padding:10px;box-sizing:border-box;font-family: 'Noto Sans KR', 'sans-serif';font-size:14px;}
.clm-message { padding:10px 0 0 0;}
@keyframes pop-in {
    0% {
        transform: scale(0.2);
        opacity: 0;
    }
    60% {
        transform: scale(1.3);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes smooth-pop {
    0%   { transform: scale(1);    opacity: 1; text-shadow: none; }
    60%  { transform: scale(3.2);  opacity: 1;
        text-shadow:
                0 0 12px rgba(227,196,77,0.9),
                0 0 24px rgba(227,196,77,0.6);
    }
    100% { transform: scale(1);    opacity: 1; text-shadow: none; }
}

.odds-smooth-pop {
    display: inline-block;
    animation: smooth-pop 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
}