@charset 'utf-8';

/* ====================== */
/* Pretendard */
/* ====================== */
@font-face {
	font-family: 'Pretendard';
	font-display: block;
	src: local('Pretendard Bold'),
	url('../font/Pretendard-Black.woff2') format('font-woff2'),
	url('../font/Pretendard-Black.woff') format('woff');
	font-weight: 900;
}

@font-face {
	font-family: 'Pretendard';
	font-display: block;
	src: local('Pretendard Bold'),
	url('../font/Pretendard-ExtraBold.woff2') format('font-woff2'),
	url('../font/Pretendard-ExtraBold.woff') format('woff');
	font-weight: 800;
}

@font-face {
	font-family: 'Pretendard';
	font-display: block;
	src: local('Pretendard Bold'),
	url('../font/Pretendard-Bold.woff2') format('font-woff2'),
	url('../font/Pretendard-Bold.woff') format('woff');
	font-weight: 700;
}

@font-face {
	font-family: 'Pretendard';
	font-display: block;
	src: local('Pretendard SemiBold'),
	url('../font/Pretendard-SemiBold.woff2') format('font-woff2'),
	url('../font/Pretendard-SemiBold.woff') format('woff');
	font-weight: 600;
}

@font-face {
	font-family: 'Pretendard';
	font-display: block;
	src: local('Pretendard Medium'),
	url('../font/Pretendard-Medium.woff2') format('font-woff2'),
	url('../font/Pretendard-Medium.woff') format('woff');
	font-weight: 500;
}

@font-face {
	font-family: 'Pretendard';
	font-display: block;
	src: local('Pretendard Regular'),
	url('../font/Pretendard-Regular.woff2') format('font-woff2'),
	url('../font/Pretendard-Regular.woff') format('woff');
	font-weight: 400;
}

@font-face {
	font-family: 'Pretendard';
	font-display: block;
	src: local('Pretendard Light'),
	url('../font/Pretendard-Light.woff2') format('font-woff2'),
	url('../font/Pretendard-Light.woff') format('woff');
	font-weight: 300;
}

@font-face {
	font-family: 'Pretendard';
	font-display: block;
	src: local('Pretendard ExtraLight'),
	url('../font/Pretendard-ExtraLight.woff2') format('font-woff2'),
	url('../font/Pretendard-ExtraLight.woff') format('woff');
	font-weight: 200;
}

@font-face {
	font-family: 'Pretendard';
	font-display: block;
	src: local('Pretendard Thin'),
	url('../font/Pretendard-Thin.woff2') format('font-woff2'),
	url('../font/Pretendard-Thin.woff') format('woff');
	font-weight: 100;
}


/* ====================== */
/* UI Reset */
/* ====================== */
* {margin:0;padding:0;font:inherit;font-family:'Pretendard', Pretendard, sans-serif;letter-spacing:-0.1px;}
*, *::before, *::after {box-sizing:border-box;}
html {font-size: 62.5%;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
img, video, svg, picture {display:block;height:auto;max-width:100%;}
body {font-size:1.1rem;color:#fff;background-color:#00010D;}
a {text-decoration:none;cursor:pointer;}
button {border:none;cursor:pointer;background-color:transparent;color:inherit;}
sup {line-height:1;vertical-align:0px;}
ul, ol, li {list-style:none;}
input,textarea,button,select,a {-webkit-tap-highlight-color: transparent;}

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::-ms-clear {display: none;}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type='number'] {-moz-appearance: textfield;}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}

::-webkit-scrollbar {width: 3px; height: 3px;}
::-webkit-scrollbar-thumb {height: 30%;background: #b6b6b6;border-radius: 15px;}
::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.1);border-radius: 15px;}

/* ====================== */
/* interval */
/* ====================== */
:root {
    --primary-color: #D53235;
}
.ta-center {text-align:center;}
.ta-right {text-align:right;}
.ta-left {text-align:left;}

.w-full {width:100%;}
.w-half {width:50%;}

.blind {position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow: hidden;}

/* ====================== */
/* input */
/* ====================== */
.text-input {font-size:12px;width:100%;border:0;color:#fff;background:#17191C;height:34px;border-radius: 8px;padding:0 14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;outline:0 none;transition:all 0.3s ease;}
.text-input::placeholder {color:#94A3B8;}
.text-input2 {font-size:11px;width:100%;border:0;color:#fff;background:#17191C;height:26px;border-radius: 2px;padding:0 14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;outline:0 none;transition:all 0.3s ease;}
.text-input2::placeholder {color:#94A3B8;}

/* ====================== */
/* button */
/* ====================== */
.btn {display:inline-block;color:#fff;padding:10px 0;font-weight:500;font-size:12px;border-radius:8px;background-color: var(--primary-color);}
.btn:disabled {opacity:.5;}


/* ====================== */
/* layout */
/* ====================== */
#wrapper {width:100%;overflow-y:auto;height:100vh;}

/* 로그인 */
.login-wrap {display:flex;align-items:stretch;height:100%;flex-direction:column;}
.login-wrap .logo {height:73px;margin:0 auto 25px;}
.login-wrap .login-bg {flex:1;height:100%;}
.login-wrap .login-bg video {object-fit:cover;width:100%;height:100%;}
.login-wrap .login-contents {padding:20px;width:100%;background:#000 url(../images/login_bg.png) no-repeat center/cover;display:flex;align-items:center;}
.login-wrap .login-form {width:100%;}
.login-wrap .input-box {margin-bottom:10px;}
.login-wrap .input-box .text-input {height:38px;}
.login-wrap .lang {display:flex;gap:5px;align-items:center;margin-bottom:25px;}
.login-wrap .lang .lang-item {position:relative;display:inline-block;width:100%;}
.login-wrap .lang .lang-item input {position:absolute;left:0;top:0;opacity:0;width:0;height:0;cursor: pointer;}
.login-wrap .lang .lang-item span {display:flex;align-items:center;padding:6px 0;justify-content:center;border-radius:4px;background-color:#17191C;color:#656565;transition:all .2s ease;}
.login-wrap .lang .lang-item input:checked + span {background-color:var(--primary-color);color:#fff;font-weight:500;}
.login-wrap .btn-login {padding:12px 0;}
.login-wrap .etc {margin-top:10px;text-align:right;}
.login-wrap .etc a {color:#fff;}

@media (orientation: landscape) {
	.login-wrap {flex-direction:row;}
	.login-wrap .login-contents {width:286px;}
}

/* 회원가입 */
.register-wrap {display:flex;align-items:center;height:100%;background:#000 url(../images/register_bg.png) no-repeat center/cover;}
.register-wrap h1 {font-size:18px;font-weight:600;text-align:center;margin-bottom:24px;}
.register-wrap .register-contents {width:240px;margin:0 auto;}
.register-wrap .input-box {margin-bottom:10px;}
.register-wrap .input-btn {display:flex;gap:10px;align-items:center;margin-bottom:10px;}
.register-wrap .input-btn .input-box {margin-bottom:0;}
.register-wrap .input-btn .btn {width:58px;}
.register-wrap .mail {margin-top:20px;}
.register-wrap .mail > strong {display:block;text-align:center;font-size:12px;font-weight:500;padding-bottom:10px;}
.register-wrap .btn-register {margin-top:10px;}
.register-wrap .btn-back2 {display:inline-block;width:15px;height:15px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(../images/btn_back.svg) no-repeat center/contain;}
.recommender_wrap{margin-top: 40px;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 20px;margin-bottom: 20px;}
.recommender_wrap strong{font-size:20px; text-align: center;}
.recommender_wrap .input-box{display: flex; gap: 10px;}

@media (orientation: portrait) {
	.portrait {
		height: 100vw;
		transform: rotate(90deg);
	}
}
		
.video-wrap {
	position: relative;
	width: 100%;
}
.video-wrap video {
    object-fit: cover;
}
.video-wrap .video-btn {
	position: absolute;
	top: 2em;
	right: 2em;
	z-index: 1;
}
.video-wrap .vh {
	position: absolute;
	bottom: 2em;
	right: 2em;
	z-index: 1;
	color: #000;
	font-weight: 800;
}

/* 게임 */
.game-wrap {
	position: absolute;
	top: 0px;
	right: -3000px;
    display: inline-block;
    width: 100%;
    height: 100%;
    gap: 10px;
    padding: 0 6px 6px 6px;
    background-color: #00010D;
	z-index: 1;
}
.game-wrap .fix-section {
	position: fixed;
	width: 100%;
    z-index: 10;
	background-color: #00010D;
}
.game-wrap .close-section
{
	padding: 4px;
}
.game-wrap .close-section .header-right img
{
    width: 30px;
    height: 30px;
	margin-right: 10px;
}
.game-wrap .top-section
{
	background: url(../images/th_bg.png) no-repeat center / cover;
    border: 1px solid #353535;
    padding: 4px;
    margin: 0 0 4px 0;	
}
.game-wrap .left-section,
.game-wrap .right-section {display:flex;flex-direction:column;gap:6px;width:100%; margin-top: 83px;}
.game-wrap .contents {flex:1;overflow:auto;}
.game-wrap .header {display:flex;align-items:center;}
.game-wrap .header .header-left {flex:1;display:flex;gap:5px;min-width:0;}
.game-wrap .header .header-right {display:flex;gap:5px;}
.game-wrap .header .btn-menu {
    border-radius: 2px;
    border: 0.5px solid #474747;
    background: #141220;
    padding: 4.5px 4px;
    color: #9E9E9E;
    font-weight: 600;
    font-size: 12px;
}
.game-wrap .header .active {background-color:#337AFF;color:#fff;border-color:#337AFF;}
.game-wrap .left-section .header .btn-menu {width:49px;}
.game-wrap .header .btn-more {width:24px;height:24px;border-radius:100px;border: 0.5px solid #222;font-size:0;text-indent:-9999px;overflow:hidden;background:url(../images/btn_more.svg) no-repeat center/46% auto;}
.game-wrap .header .btn-sub {box-shadow: 0px 0px 2.5px 0px rgba(0, 0, 0, 0.80) inset;width: 58px;height:24px;border: 0.5px solid transparent;border-radius:2px;font-weight:500;background-image: linear-gradient(#242424, #242424), linear-gradient(216deg, #DE9037 19.87%, #854444 48.8%, #FFE5B6 63.26%, #DE9037 77.72%);background-origin: border-box;background-clip: content-box, border-box;display:inline-flex;align-items:center;justify-content:center;color:#fff;}
.game-wrap .header .btn-sub img {display:inline-block;vertical-align:-4px;margin-right:3px;}
.game-wrap .header .btn-sub.btn-charging {width:84px; ;margin-right:3px;}
.game-wrap .header .btn-sub2 {
    box-shadow: 0px 0px 2.5px 0px rgba(0, 0, 0, 0.80) inset;
    width: 58px;
    height: 24px;
    border-radius: 2px;
    font-weight: 500;
    background-image: linear-gradient(216deg, #ffbf00 19.87%, #fff6b6 63.26%, #ffbf00 77.72%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    font-weight: 800;
    /* text-shadow: 0px 0px 3px #333333; */
}
.game-wrap .betting-bottom {display:flex;gap:10px;border-radius: 4px;border: 1px solid #222;padding:4px;justify-content:space-between;align-items:center;}
.game-wrap .betting-bottom .betting-btn {
	font-size: 12px;
	font-weight: 800;
	padding: 4px 12px;
	border-radius: 4px;
    display: inline-block;
    border: 0.5px solid #FFC051;
    background: #3D2B29;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.80) inset;
}
.game-wrap .betting-bottom .betting-btn.active {
    background-color: #ffbf00;
    color: #333;
}
.game-wrap .betting-bottom .betting-go {width:45px;padding:3px 0;border-radius: 2px;border: 0.5px solid #FFC051;background: #3D2B29;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.80) inset;}
.game-wrap .betting-bottom .betting-cancel {width:45px;padding:3px 0;border-radius: 2px;border-radius: 2px;border: 0.5px solid #D2494B;background: #3F2A29;}
.game-wrap .scoreboard {display:flex;gap:10px;border-radius: 4px;border: 1px solid #222;padding:4px;}
.game-wrap .scoreboard .score-item {width:29%;}
.game-wrap .scoreboard .score-item:last-child {width:42%;}
.game-wrap .scoreboard .score-item span {border-radius: 2px;background: #141220;box-shadow: 0px 0px 2.5px 0px rgba(0, 0, 0, 0.80) inset;padding:4px 8px;font-weight:500;display:inline-block;margin-right:2px;}
.game-wrap .scoreboard .score-item strong {color:#FFC64B;font-weight:600;font-size:12px;}
.game-wrap .betting-board {height:100%;}
.game-wrap .betting-board table {border-collapse:collapse;width:100%;height:100%;table-layout:fixed;}
.game-wrap .betting-board th {border:1px solid #353535;}
.game-wrap .betting-board td {border:1px solid #353535;}
.game-wrap .betting-board .btn-betting {transition:all .2s;width: 100%;height: 100%;overflow: hidden;display: flex;flex-direction: column;font-weight:600;font-size: 12px;position:relative;}
.game-wrap .betting-board .btn-betting .top {background-color:#060E1E;color:#fff;height:100%;width:100%;text-align:center;}
.game-wrap .betting-board .btn-betting .bottom {background-color:#010000;color:#FFC64B;height:100%;width:100%;text-align:center;}
.game-wrap .betting-board .btn-betting .red {color:#FF3E3E;}
.game-wrap .betting-board .btn-betting .blue {color:#3F58FF;}
.game-wrap .betting-board .btn-betting .font-color-red {color:#F42E77;}
.game-wrap .betting-board .btn-betting .font-color-blue {color:#2192FF;}

.game-wrap .betting-board .btn-betting.active:before {content: '';display: block;position: absolute;width: 100%;height: 100%;pointer-events: none;box-shadow:inset 0px 0px 6px 2px #ff4176;}
.game-wrap .betting-board .btn-betting.blinkEle:after {content: '';box-shadow: inset 1px 1px 3px #877c38, inset -1px -1px 3px #fff;display: block;width: 100%;height: 100%;animation:glitterEffect 1.5s infinite;pointer-events: none;position:absolute;}
@keyframes glitterEffect {
    0%, 100% {
        box-shadow: inset 0px 0px 10px 2px #ffaa41;
        opacity: 1;
    }
    50% {
        box-shadow: inset 0px 0px 20px 4px #ffcc73;
        opacity: 0;
    }
}

.game-wrap .betting-board tr.betting .btn-betting {border-right:1px solid #1D1D1D;border-bottom:1px solid #1D1D1D;}
.game-wrap .betting-board tr.betting:last-child .btn-betting {border-bottom:0;}
.game-wrap .betting-board tr.betting .betting-title {background: linear-gradient(70deg, #487CFF 0.4%, #6E5099 99.6%);font-size:12px;font-weight:600;}
.game-wrap .betting-board tr.betting .joh-tab {border-radius: 0px 6px 0px 0px;border-bottom: 1px solid #353535;background: #337AFF;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:12px;}
.game-wrap .betting-board tr.betting th {background:url(../images/th_bg.png) no-repeat center/cover;border:1px solid #353535;font-size:12px;font-weight:500;text-align:center;}
.game-wrap .betting-board tr.betting td {border:0;height:30px;}
.game-wrap .betting-board tr.count th {background:url(../images/th_bg.png) no-repeat center/cover;border:1px solid #353535;font-size:12px;font-weight:500;text-align:center;padding:1px 0;height:26px;}
.game-wrap .betting-board tr.info th {background: linear-gradient(70deg, #487CFF 0.4%, #6E5099 99.6%);font-size:12px;font-weight:600;}
.game-wrap .betting-board tr.odd-even-top th {background: linear-gradient(70deg, #48FF9A 0.4%, #257032 99.6%);font-size:12px;font-weight:600;}
.game-wrap .betting-board tr.odd-even-top .odd-td {text-align:center;background-color:#3F58FF;color:#fff;}
.game-wrap .betting-board tr.odd-even-top .even-td {text-align:center;background-color:#E24B43;color:#fff;}
.game-wrap .betting-board tr.odd-even-top .total-td {text-align:center;background-color:#3CA8BB;color:#fff;font-weight:600;font-size:12px;}
.game-wrap .betting-board tr.odd-even-top .target {display:flex;padding:5px 0;justify-content:space-evenly;align-items:center;}
.game-wrap .betting-board tr.odd-even-top .target .value {display:flex;flex-direction:column;align-items:center;gap:2px;}
.game-wrap .betting-board tr.odd-even-top .target .value strong {color:#FFC64B;display:inline-block;font-size:12px;font-weight:600;background: #141220;padding:3px 6px;border-radius:100px;min-width:30px;}
.game-wrap .betting-board tr.odd-even-top .target .value span {font-size:12px;font-weight:600;}
.game-wrap .betting-board tr.odd-even-top .target .value .red {color:#FF3E3E;}
.game-wrap .betting-board tr.odd-even-top .target .value .blue {color:#3F58FF;}
.game-wrap .betting-board tr.odd-even-top .target .label {color:#FFC64B;display:inline-block;font-size:12px;font-weight:500;background: #141220;padding:3px 6px;border-radius:100px;}
.game-wrap .betting-board tr.odd-even-board > td {height:100%;}
.game-wrap .betting-board tr.odd-even-board table td {width:calc(100%/15);height:calc(100%/7);text-align:center;background-color:#141220;border-color:#1D1D1D;}
.game-wrap .betting-board tr.odd-even-board table tr td:first-child {border-left:0;}
.game-wrap .betting-board tr.odd-even-board table tr td:last-child {border-right:0;}
.game-wrap .betting-board tr.odd-even-board table tr:last-child td {border-bottom:0;}
.game-wrap .betting-board tr.odd-even-board table td .odd {display:inline-flex;width: 18px;height: 18px;border-radius: 50px;background: #3F58FF;align-items:center;justify-content:center;line-height:1;font-size:12px;font-weight:600;}
.game-wrap .betting-board tr.odd-even-board table td .even {display:inline-flex;width: 18px;height: 18px;border-radius: 50px;background: #EA3E3E;align-items: center;justify-content: center;line-height: 1;font-size:12px;font-weight: 600;}
.game-wrap .graph-table {border-radius: 4px;border: 1px solid #222;overflow:hidden;height:100%;overflow:auto;}
.game-wrap .graph-table table {border-collapse:collapse;width:100%;height:100%;}
.game-wrap .graph-table th {background:url(../images/th_bg.png) no-repeat center/cover;border:1px solid #353535;font-size:12px;font-weight:500;text-align:center;padding:1px 0;}
.game-wrap .graph-table th.sm {font-size:12px;}
.game-wrap .graph-table td {border:1px solid #1D1D1D;text-align:center;font-size:12px;font-weight:500;height:21px;}
.game-wrap .graph-table tbody tr:nth-child(even) {background:#071022;}
.game-wrap .graph-table .balls img {display:inline-block;width:10px;height:10px;}
.game-wrap .graph-table .drift img {display:inline-block;width:14px;}
.game-wrap .graph-table .graph-left {text-align:left;}
.game-wrap .graph-table .graph-right {text-align:right;}
.game-wrap .graph-table .graph-left .graph-bar {margin-right:2px;}
.game-wrap .graph-table .graph-right .graph-bar {margin-left:2px;}
.game-wrap .graph-table .graph-bar {display:inline-block;height:5px;}
.game-wrap .graph-table .graph-bar.red {background-color:#FF3E3E;}
.game-wrap .graph-table .graph-bar.green {background-color:#5EBB3C;}
.game-wrap .graph-table .graph-bar.yellow {background-color:#FFC64B;}
.game-wrap .graph-table .graph-bar.sky {background-color:#3CA8BB;}
.game-wrap .graph-table .graph-bar.blue {background-color:#3C64BB;}
.game-wrap .graph-table .graph-bar.w0 {width:0;}
.game-wrap .graph-table .graph-bar.w1 {width:3.5px;}
.game-wrap .graph-table .graph-bar.w2 {width:7px;}
.game-wrap .graph-table .graph-bar.w3 {width:10.5px;}
.game-wrap .graph-table .graph-bar.w4 {width:14px;}
.game-wrap .graph-table .graph-bar.w5 {width:17.5px;}
.game-wrap .graph-table .graph-bar.w6 {width:21px;}
.game-wrap .graph-table .rate {display:flex;flex-direction:column;}
.game-wrap .graph-table .graph-right .rate {align-items:end;}
.game-wrap .graph-table#graphTable3 tbody td {padding:0 1px;}
.game-wrap .graph-table#graphTable4 thead th {height:26px;}
.game-wrap .graph-table#graphTable4 thead th:nth-child(1) {width:26px;}
.game-wrap .graph-table#graphTable4 tbody th {width:20px;}
.game-wrap .graph-table#graphTable4 tbody td {padding:0 1px;}
.game-wrap .graph-table#graphTable5 thead th {height:26px;}
.game-wrap .graph-table#graphTable5 thead th:nth-child(1) {width:26px;}

/* 충전 및 환전 */
.charging-wrap {padding:10px; height: 100%;}
.charging-wrap .header {margin:7px 0 10px;background-color:#242424;border: 0.5px solid transparent;border-radius:2px;font-weight:500;background-image: linear-gradient(#242424, #242424), linear-gradient(216deg, #DE9037 19.87%, #854444 48.8%, #FFE5B6 63.26%, #DE9037 77.72%);background-origin: border-box;background-clip: content-box, border-box;}
.charging-wrap .header-inner {padding:4px 6px;display:flex;justify-content:space-between;align-items:center;}
.charging-wrap .header-title {display:flex;align-items:center;font-weight:600;}
.charging-wrap .header-title img {margin-right:4px;}
.charging-wrap .user {font-weight:600;}
.charging-wrap .btn-back {display:inline-block;width:15px;height:15px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(../images/btn_back.svg) no-repeat center/contain; margin-left: 10px;}
.charging-wrap .charging-tab {display:flex;gap:5px;margin-bottom:10px;}
.charging-wrap .charging-tab-btn {border-radius: 2px;border: 0.5px solid #222;background: #141220;color:#9E9E9E;height:24px;display:inline-flex;justify-content:center;align-items:center;padding:0 10px;font-size:10px;font-weight:600;}
.charging-wrap .charging-tab-btn.active {background-color:#337AFF;border-color:#337AFF;color:#fff;}
.charging-wrap .btn-area {text-align:center;margin-top:10px;}
.charging-wrap .btn-area .btn {width:126px;}
.charging-wrap .info-table {border-radius: 6px;border: 1px solid #222;overflow:hidden;}
.charging-wrap .info-table table {width:100%;border-collapse: collapse;}
.charging-wrap .info-table th,
.charging-wrap .info-table td {padding:4px;border:1px solid #222;}
.charging-wrap .info-table th {background: #141220;box-shadow: 0px 0px 2.5px 0px rgba(0, 0, 0, 0.80) inset;font-weight:600;width:56px;}
.charging-wrap .info-table td {box-shadow: 0px 0px 2.5px 0px rgba(0, 0, 0, 0.80) inset;}
.charging-wrap .info-table tr td:last-child {border-right:0;}
.charging-wrap .info-table tr th:first-child {border-left:0;}
.charging-wrap .info-table tr:first-child td,
.charging-wrap .info-table tr:first-child th {border-top:0;}
.charging-wrap .info-table tr:last-child td,
.charging-wrap .info-table tr:last-child th {border-bottom:0;}
.charging-wrap .info-table .noti {font-weight:500;margin-top:5px;color:#aaa;display:block;word-break:keep-all;line-height:1.3;}
.charging-wrap .info-table .text-input2 {width:160px;}
.charging-wrap .info-table .price-select {display:flex;gap:5px;flex-wrap:wrap;margin-top:4px;}
.charging-wrap .info-table .price-select .btn-price {padding:4px 10px;display:inline-block;border-radius: 2px;border: 0.5px solid #FFC051;background: #3D2B29;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.80) inset;}
.charging-wrap .info-table .price-select .btn-reset {border-radius: 2px;border: 0.5px solid #D2494B;background: #3F2A29;box-shadow: 0px 0px 2.5px 0px rgba(0, 0, 0, 0.80) inset;padding:4px 10px;}
.charging-wrap .history-table {border-radius: 6px;border: 1px solid #222;}
.charging-wrap .history-table table {width:100%;border-collapse:collapse;text-align:center;}
.charging-wrap .history-table .arrow {display:inline-block;width:9px;height:9px;background:url(../images/arrow.svg) no-repeat center/contain;margin-left:3px;}
.charging-wrap .history-table th {background-color:#141220;box-shadow: 0px 0px 2.5px 0px rgba(0, 0, 0, 0.80) inset;font-weight:600;padding:10px 0;}
.charging-wrap .history-table td {border-top:0.5px solid #222;padding:10px 0;}
.charging-wrap .history-table td .price {color:#FFC64B;font-weight:500;}
.charging-wrap .history-table td:nth-child(1) {width:10%;}
.charging-wrap .history-table td:nth-child(2) {width:21%;}
.charging-wrap .history-table td:nth-child(3) {width:29%;}
.charging-wrap .history-table td:nth-child(4) {width:10%;}
.charging-wrap .history-table td:nth-child(5) {width:10%;}

/* ====================== */
/* Modal */
/* ====================== */
.modal {position:fixed;display:block;visibility:hidden;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;z-index:-1;background:rgba(0, 0, 0, .5);opacity:0;}
.modal.active {visibility:visible;z-index:100;opacity:1;}
.modal .modal-box {width:300px;background-color:#242424;padding:0;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border: 0.5px solid transparent;border-radius:4px;font-weight:500;background-image: linear-gradient(#242424, #242424), linear-gradient(216deg, #DE9037 19.87%, #854444 48.8%, #FFE5B6 63.26%, #DE9037 77.72%);background-origin: border-box;background-clip: content-box, border-box;}
.modal .modal-contents {padding:20px;text-align:center;}
.modal .modal-contents p {font-size:11px;font-weight:500;line-height:1.5;}
.modal .btn {width:70px;margin-top:15px;}

@media (max-width:1240px){
	.game-wrap{
		flex-direction: column;
		gap:20px;
	}
	.game-wrap .betting-board tr.info th{
		height:36px;
		font-size:10px;
	}
	.game-wrap .betting-board .btn-betting span{
		display:flex;
		align-items: center;
		justify-content: center;
	}
	.game-wrap .betting-board .btn-betting, .game-wrap .graph-table th{
		font-size:10px;
	}
	.game-wrap .graph-table th{
		height:30px;
	}
	.game-wrap .graph-table thead th{
		height:inherit;
	}
	.register-wrap .register-contents{
		width: 100%;
        padding: 40px;
	}
	.text-input{
		height:44px;
	}
	.input-btn .input-box{
		width:100%;
	}
	.register-wrap .input-btn .btn{
		width: 84px;
        height: 44px;
        font-size: 12px;
	}
	.register-wrap h1{
		font-size:24px;
	}
	.register-wrap .mail > strong, .recommender_wrap strong{
		font-size:14px;
	}
	.register-wrap .btn-register{
		height:44px;
	}
	.recommender_wrap{
		margin-top:20px;
	}
}

@media (max-width:760px){
	.login-wrap .login-contents{
		padding: 20px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 90%;
		border-radius: 12px;
		margin: 0 auto;
		margin-bottom: 20px;
		background: rgba(000, 000, 000, 0.8);
		display: flex;
		align-items: center;
	}
	.login-wrap .input-box .text-input{
		height:44px;
	}
	.login-wrap .logo{
		height:110px;
	}
	.login-wrap .lang .lang-item span{
		padding: 10px 0;
		font-size: 12px;
	}
}