@charset "UTF-8";
/*------------------ colors setting ------------------*/
:root {
	/* ===============================
	   Brand Core (Ami Logo 기반)
	================================ */
	--primary: #1DA1FF;        /* Electric Blue (메인 브랜드) */
	--secondary: #00E5FF;      /* Neon Cyan (강조/포인트) */

	/* ===============================
	   Status / Accent Colors
	================================ */
	--org-500: #FF6A2A;
	--red-400: #ff4d4d;
	--red-500: #ff2b2b;

	--yell-400: #ffd966;
	--yell-500: #ffcf33;
	--yell-600: #e6b800;

	--ygrn-100: #e5ff3b;
	--ygrn-500: #57ff1a;

	--grn-300: #5fbf8f;
	--grn-500: #32d583;

	/* ===============================
	   Blue / Cyan System (정리)
	================================ */
	--blue-300: #7dd3ff;
	--blue-400: #3bb6ff;
	--blue-500: #1DA1FF;

	--cyan-300: #00E5FF;

	/* ===============================
	   Special Accent (옵션)
	================================ */
	--magen-300: #f58cff;
	--magen-500: #d946ef;
	--pink-500: #ff4fc3;

	/* ===============================
	   Gray Scale (Dark UI 최적화)
	================================ */
	--gray-2: #111827;
	--gray-3: #161B26;
	--gray-4: #1F2937;
	--gray-5: #374151;
	--gray-6: #4B5563;
	--gray-8: #9CA3AF;
	--gray-9: #D1D5DB;
	--gray-a: #E5E7EB;
	--gray-b: #F3F4F6;
	--gray-d: #E5E7EB;
	--gray-e: #F9FAFB;

	--bk: #0B0F1A;
	--wh: #FFFFFF;

	/* ===============================
	   Body / Layout
	================================ */
	--font-color: #E5E7EB;
	--bg-body: #0B0F1A;
	--bg-head: #0E1626;
	--bg-nav-depth2: rgba(14, 22, 38, 0.96);

	--sdw-head: rgba(29, 161, 255, 0.25);
	--m-bg-nav: linear-gradient(90deg, #0B0F1A 0%, #0E1626 100%);

	--bg-aside: #0E1626;
	--bg-container: #111827;

	--border: #1F2937;
	--border-lt: rgba(255, 255, 255, 0.06);

	/* ===============================
	   Game / Box UI
	================================ */
	--game-bx: #111827;
	--game-bx-select: #0E3A5D;
	--game-bx-select-border: #1DA1FF;

	--game-bx-disable: #1F2937;
	--game-bx-disable-border: rgba(75, 85, 99, 0.5);
	--game-bx-disable-font: rgba(255, 255, 255, 0.4);

	/* ===============================
	   Board / Table
	================================ */
	--tbl-head-bg: #0E1626;
	--tbl-border: #1F2937;
}


/*------------------ colors ------------------*/
.color-main {
	color: var(--primary);
}

.color-sub {
	color: var(--secondary);
}

.color01 {
	color: var(--red-500);
}

.color02 {
	color: var(--org-500);
}

.color03 {
	color: var(--yell-500);
}

.color04 {
	color: var(--ygrn-100);
}

.color05 {
	color: var(--ygrn-500);
}

.color06 {
	color: var(--grn-500);
}

.color07 {
	color: var(--blue-300);
}

.color08 {
	color: var(--blue-400);
}

.color09 {
	color: var(--blue-500);
}

.color10 {
	color: var(--cyan-300);
}

.color11 {
	color: var(--magen-500);
}

.color12 {
	color: var(--magen-300);
}

.color13 {
	color: var(--pink-500);
}

.gray-2 {
	color: var(--gray-2);
}

.gray-3 {
	color: var(--gray-3);
}

.gray-4 {
	color: var(--gray-4);
}

.gray-5 {
	color: var(--gray-5);
}

.gray-6 {
	color: var(--gray-6);
}

.gray-8 {
	color: var(--gray-8);
}

.gray-9 {
	color: var(--gray-9);
}

.gray-a {
	color: var(--gray-a);
}

.gray-b {
	color: var(--gray-b);
}

.gray-d {
	color: var(--gray-d);
}

.gray-e {
	color: var(--gray-e);
}

/*------------------ system use color -------------------*/
.color0 {
	color: #fff !important;
}

.color00 {
	color: #444 !important;
}

.color001 {
	/* color: #FFFF00 !important; */
	color: #ffd424 !important;
}

.color002 {
	/* color: #5594FF !important; */
	color: #4a98be !important;
}

.color003 {
	/* color: #FF0A12 !important; */
	color: #e07a59 !important;
}

.color004 {
	/* color: #00FF00 !important; */
	color: #62c462 !important;
}

.color005 {
	/* color: #ee3729 !important; */
	color: #ec9c29 !important;
}

.color006 {
	color: rgb(31, 175, 247) !important;
}

.color007 {
	color: #7af05a !important;
}

.color008 {
	color: #8706ba !important;
}

/*------------------ typo -------------------*/
@font-face {
	font-family: "aTitGD";
	font-style: normal;
	font-weight: 400;
	src: local("aTITGD1"), url("fonts/aTITGD1.eot") format("embedded-opentype"), url("fonts/aTITGD1.woff") format("woff");
}
@font-face {
	font-family: "aTitGD";
	font-style: normal;
	font-weight: 500;
	src: local("aTITGD2"), url("fonts/aTITGD2.eot") format("embedded-opentype"), url("fonts/aTITGD2.woff") format("woff");
}
@font-face {
	font-family: "aTitGD";
	font-style: normal;
	font-weight: 600;
	src: local("aTITGD3"), url("fonts/aTITGD3.eot") format("embedded-opentype"), url("fonts/aTITGD3.woff") format("woff");
}
@font-face {
	font-family: "aTitGD";
	font-style: normal;
	font-weight: 700;
	src: local("aTITGD4"), url("fonts/aTITGD4.eot") format("embedded-opentype"), url("fonts/aTITGD4.woff") format("woff");
}
@font-face {
	font-family: "aTitGD";
	font-style: normal;
	font-weight: 800;
	src: local("aTITGD5"), url("fonts/aTITGD5.eot") format("embedded-opentype"), url("fonts/aTITGD5.woff") format("woff");
}
/*------------------ base ------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	letter-spacing: inherit;
	font-style: normal;
	text-decoration: none;
	list-style: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
}

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

html {
	font-family: "aTitGD", "Malgun Gothic", "sans-serif", "Arial";
	font-size: 14px;
	color: var(--font-color);
	letter-spacing: 0.005em;
	line-height: 1.3;
}
@media screen and (max-width: 1440px) {
	html {
		font-size: 12px;
	}
}
@media screen and (max-width: 768px) {
	html {
		font-size: 11px;
	}
}

body {
	background-color: var(--bg-body);
	scroll-behavior: smooth;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-3dLight-Color: #3b3b3c;
	scrollbar-arrow-color: #3b3b3c;
	scrollbar-base-color: #1c1c1c;
	scrollbar-Face-Color: #3b3b3c;
	scrollbar-Track-Color: #1c1c1c;
	scrollbar-DarkShadow-Color: #3b3b3c;
	scrollbar-Highlight-Color: #3b3b3c;
	scrollbar-Shadow-Color: #3b3b3c;
}
body::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
body::-webkit-scrollbar-thumb {
	background-color: #3b3b3c;
	border-radius: 4px;
}
body::-webkit-scrollbar-track {
	background-color: #1c1c1c;
	width: 4px;
	height: 4px;
	border-radius: 4px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

img, video, embed {
	max-width: 100%;
	max-height: 100%;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption {
	display: none;
}

fieldset {
	border: 0 none;
}

legend {
	width: 0;
	height: 0;
	font-size: 0;
	overflow: hidden;
	visibility: hidden;
}

input,
select {
	display: inline-block;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input::-ms-check {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

select {
	cursor: pointer;
}
select::-ms-expand {
	display: none;
}

textarea {
	outline: none;
}

a,
button {
	display: inline-block;
	outline: none;
	vertical-align: middle;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
}

/*------------------- animation ------------------*/
.fade {
	opacity: 0;
	-webkit-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}
@media screen and (prefers-reduced-motion: reduce) {
	.fade {
		-webkit-transition: none;
		transition: none;
	}
}
.fade.show, .fade.in {
	opacity: 1;
}

.collapse {
	display: none;
}
.collapse.show, .collapse.in {
	display: block;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s linear;
	transition: height 0.35s linear;
}
.collapsing.width {
	width: 0;
	height: auto;
	-webkit-transition-property: width;
	transition-property: width;
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-webkit-keyframes spinZ {
	from {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	to {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
}
@keyframes spinZ {
	from {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	to {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
}
@-webkit-keyframes spinY {
	from {
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	to {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}
@keyframes spinY {
	from {
		-webkit-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	to {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}
@-webkit-keyframes spinX {
	from {
		-webkit-transform: rotateX(-180deg);
		transform: rotateX(-180deg);
	}
	to {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}
@keyframes spinX {
	from {
		-webkit-transform: rotateX(-180deg);
		transform: rotateX(-180deg);
	}
	to {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}
@-webkit-keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes slide {
	from {
		width: 0;
		opacity: 0;
	}
	to {
		width: 100%;
		opacity: 1;
	}
}
@keyframes slide {
	from {
		width: 0;
		opacity: 0;
	}
	to {
		width: 100%;
		opacity: 1;
	}
}
@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes slideInUP {
	from {
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInUP {
	from {
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, 50%, 0);
		transform: translate3d(0, 50%, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, 50%, 0);
		transform: translate3d(0, 50%, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes flip {
	from {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	to {
		-webkit-transform: rotateY(0);
		transform: rotateY(0);
	}
}
@keyframes flip {
	from {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	to {
		-webkit-transform: rotateY(0);
		transform: rotateY(0);
	}
}
/*------------------ link ------------------*/
@media screen and (min-width: 1100px) {
	.link.hover {
		color: var(--primary);
	}
}
.link.hover .ico {
	opacity: 0.8;
}

/*------------------ button ------------------*/
.btn:not(.btn-wrap, .btn-fold) {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	line-height: 1em;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
}
.btn:not(.btn-wrap, .btn-fold)::after {
	content: "";
	display: block;
	position: absolute;
	top: -22px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 150%;
	height: 20px;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.btn:not(.btn-wrap, .btn-fold).hover {
	border-top: none;
}
.btn:not(.btn-wrap, .btn-fold).hover::after {
	top: -12px;
}

.btn.only {
	width: 100%;
}

.btn.min {
	padding-left: 1.42rem;
	padding-right: 1.42rem;
	min-width: 4.28rem;
	height: 2rem;
	line-height: 2rem;
}

.btn.mid {
	padding-left: 2.85rem;
	padding-right: 2.85rem;
	min-width: 8.57rem;
	height: 2.85rem;
	line-height: 2.85rem;
	font-size: 1.14rem;
}

.btn.full {
	width: 100%;
	height: 6.42rem;
	line-height: 6.42rem;
	max-height: 100%;
	font-size: 1.71rem;
}

.btn-primay {
	background-color: var(--primary);
	color:white;
}

.btn-secondary {
	background-color: var(--secondary);
}
.btn-secondary .circle-chk::after {
	background-color: var(--secondary) !important;
}

.btn-gray8 {
	background-color: var(--gray-8);
}

.btn-gray6 {
	background-color: var(--gray-6);
}

.btn-gray5 {
	background-color: var(--gray-5);
}

.btn-gray4 {
	background-color: var(--gray-4);
}

.btn-gra01 {
	color: #000;
	font-weight: 500;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--gray-e)), color-stop(80%, var(--gray-a)));
	background-image: linear-gradient(180deg, var(--gray-e) 20%, var(--gray-a) 80%);
	border-top: rgba(255, 255, 255, 0.5) solid 2px;
	border-left: rgba(255, 255, 255, 0.5) solid 2px;
}

.btn-gra02 {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, var(--gray-8)), color-stop(80%, var(--gray-5)));
	background-image: linear-gradient(180deg, var(--gray-8) 20%, var(--gray-5) 80%);
	border-top: rgba(255, 255, 255, 0.5) solid 2px;
	border-left: rgba(255, 255, 255, 0.5) solid 2px;
}

.btn-bk01 {
	background-color: #101010;
	border: var(--primary) solid 2px;
}

.btn-bk02 {
	background-color: #1c1c1c;
	border: #ac151d solid 2px;
}

.btn-bk01.hover,
.btn-bk02.hover {
	background-color: var(--bg-container);
}
@media screen and (max-width: 1024px) {
	.btn-bk01,
	.btn-bk02 {
		border-width: 1px;
	}
}

/*------------------ common ------------------*/
.block {
	display: block !important;
}

.inline {
	display: inline-block !important;
}

.none {
	display: none !important;
}

.alg-lt {
	text-align: left !important;
}

.alg-cnt {
	text-align: center !important;
}

.alg-rt {
	text-align: right !important;
}

.fl-lt {
	float: left;
}

.fl-rt {
	float: right;
}

.txt-under {
	text-decoration: underline;
	text-underline-position: under;
}

.txt-lg {
	font-size: 1.35em;
	line-height: 1.5em;
}

.txt-sm {
	font-size: 0.85em;
}

.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-20 {
	margin-left: 20px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-20 {
	margin-right: 20px;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-20 {
	margin-bottom: 20px;
}

.w100 {
	width: 100%;
}

.ico {
	display: inline-block;
	width: 1.42rem;
	height: 1.42rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	vertical-align: middle;
	color: transparent;
	font-size: 0;
	text-indent: -999px;
	overflow: hidden;
}
.ico.new, .ico.bet {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-left: 3px;
	width: 1.14rem;
	height: 1.14rem;
	font-size: 11px;
	line-height: 1em;
	font-weight: 500;
	color: var(--wh);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-indent: 0;
	border-radius: 2px;
}
.ico.new {
	background-color: var(--magen-500);
}
.ico.new::before {
	content: "N";
}
.ico.bet {
	background-color: var(--blue-500);
}
.ico.bet::before {
	content: "B";
}
.ico.close {
	width: 1.14rem;
	height: 1.14rem;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.243' height='24.243' viewBox='0 0 24.243 24.243'%3E%3Cg id='close' transform='translate(-11.379 -11.379)'%3E%3Cpath id='Path_34' data-name='Path 34' d='M33.5,33.5l-20-20' transform='translate(0 0)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_35' data-name='Path 35' d='M33.5,13.5l-20,20' transform='translate(0 0)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.243' height='24.243' viewBox='0 0 24.243 24.243'%3E%3Cg id='close' transform='translate(-11.379 -11.379)'%3E%3Cpath id='Path_34' data-name='Path 34' d='M33.5,33.5l-20-20' transform='translate(0 0)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_35' data-name='Path 35' d='M33.5,13.5l-20,20' transform='translate(0 0)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-color: #fff;
}
.ico.lv {
	text-indent: 0;
}
.ico.msg {
	background-image: url(../images/remote/ico-mail.svg);
}
.ico.calendar {
	background-image: url(../images/remote/ico-cld_chk.svg);
}
.ico.point {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='ico-point' xmlns='http://www.w3.org/2000/svg' width='20' height='20.001' viewBox='0 0 20 20.001'%3E%3Cpath id='Path_383' data-name='Path 383' d='M-3534.112-3a10.011,10.011,0,0,1-10-10,10.012,10.012,0,0,1,10-10,10.012,10.012,0,0,1,10,10A10.011,10.011,0,0,1-3534.112-3Zm.205-15-3.206.022V-8h1.573v-3.783l1.687-.022c2.387,0,3.756-1.161,3.756-3.186,0-2-1.282-3.01-3.81-3.01Zm-1.633,4.956h0v-3.673l1.483-.022c1.691,0,2.413.523,2.413,1.749,0,1.331-.728,1.925-2.359,1.925l-1.536.022Z' transform='translate(3544.112 23)' fill='%23fff'/%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg id='ico-point' xmlns='http://www.w3.org/2000/svg' width='20' height='20.001' viewBox='0 0 20 20.001'%3E%3Cpath id='Path_383' data-name='Path 383' d='M-3534.112-3a10.011,10.011,0,0,1-10-10,10.012,10.012,0,0,1,10-10,10.012,10.012,0,0,1,10,10A10.011,10.011,0,0,1-3534.112-3Zm.205-15-3.206.022V-8h1.573v-3.783l1.687-.022c2.387,0,3.756-1.161,3.756-3.186,0-2-1.282-3.01-3.81-3.01Zm-1.633,4.956h0v-3.673l1.483-.022c1.691,0,2.413.523,2.413,1.749,0,1.331-.728,1.925-2.359,1.925l-1.536.022Z' transform='translate(3544.112 23)' fill='%23fff'/%3E%3C/svg%3E%0A");
	background-color: #fff;
}
.ico.money {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='ico-money' xmlns='http://www.w3.org/2000/svg' width='20' height='20.001' viewBox='0 0 20 20.001'%3E%3Cpath id='Path_382' data-name='Path 382' d='M-3417.112-3a10.011,10.011,0,0,1-10-10,10.012,10.012,0,0,1,10-10,10.012,10.012,0,0,1,10,10A10.011,10.011,0,0,1-3417.112-3Zm-.661-9.851h1.323l1.014,4.451h1.721l.927-4.451h1.676V-13.7h-1.485l.956-4.3h-1.412l-.794,4.3h-1.617l-.9-3.75h-1.5l-.9,3.75h-1.618l-.794-4.3h-1.412l.956,4.3h-1.485v.845h1.677l.926,4.451h1.721l1.015-4.45Zm3.219,3.019-.72-3.019h1.28l-.558,3.019Zm-5.116,0h0l-.557-3.019h1.279Zm3.029-3.865h-.941l.471-2.073.47,2.071Z' transform='translate(3427.112 23)' fill='%23fff'/%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg id='ico-money' xmlns='http://www.w3.org/2000/svg' width='20' height='20.001' viewBox='0 0 20 20.001'%3E%3Cpath id='Path_382' data-name='Path 382' d='M-3417.112-3a10.011,10.011,0,0,1-10-10,10.012,10.012,0,0,1,10-10,10.012,10.012,0,0,1,10,10A10.011,10.011,0,0,1-3417.112-3Zm-.661-9.851h1.323l1.014,4.451h1.721l.927-4.451h1.676V-13.7h-1.485l.956-4.3h-1.412l-.794,4.3h-1.617l-.9-3.75h-1.5l-.9,3.75h-1.618l-.794-4.3h-1.412l.956,4.3h-1.485v.845h1.677l.926,4.451h1.721l1.015-4.45Zm3.219,3.019-.72-3.019h1.28l-.558,3.019Zm-5.116,0h0l-.557-3.019h1.279Zm3.029-3.865h-.941l.471-2.073.47,2.071Z' transform='translate(3427.112 23)' fill='%23fff'/%3E%3C/svg%3E%0A");
	background-color: #fff;
}
.ico.chrg {
	background-image: url(../images/remote/ico-chrg.svg);
}
.ico.exchng {
	background-image: url(../images/remote/ico-exchng.svg);
}
.ico.news {
	background-image: url(../images/remote/ico-notice.svg);
}
.ico.set {
	background-image: url(../images/remote/ico-set.svg);
}
.ico.power {
	background-image: url(../images/remote/ico-power.svg);
}
.ico.pin {
	background-image: url(../images/remote/ico-pin.svg);
}
.ico.print {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='ico-print' xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath id='Path_203' data-name='Path 203' d='M23.383,7.572V1.5H5.617V7.572A4.339,4.339,0,0,0,1.5,11.9V22.3H5.183V20.567H3.233V11.9a2.6,2.6,0,0,1,2.6-2.6H23.167a2.6,2.6,0,0,1,2.6,2.6v8.667H23.383V22.3H27.5V11.9a4.339,4.339,0,0,0-4.117-4.328ZM21.65,7.567H7.35V3.233h14.3Z' transform='translate(-1.5 -1.5)' fill='%234d4d4d'/%3E%3Cpath id='Path_204' data-name='Path 204' d='M37.125,18.75h1.733v1.733H37.125Z' transform='translate(-16.542 -8.783)' fill='%234d4d4d'/%3E%3Cpath id='Path_205' data-name='Path 205' d='M9.292,24.75H7.125v1.733H9.292V37.317H24.025V26.483h2.167V24.75Zm13,10.833H11.025v-9.1H22.292Z' transform='translate(-3.875 -11.317)' fill='%234d4d4d'/%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg id='ico-print' xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath id='Path_203' data-name='Path 203' d='M23.383,7.572V1.5H5.617V7.572A4.339,4.339,0,0,0,1.5,11.9V22.3H5.183V20.567H3.233V11.9a2.6,2.6,0,0,1,2.6-2.6H23.167a2.6,2.6,0,0,1,2.6,2.6v8.667H23.383V22.3H27.5V11.9a4.339,4.339,0,0,0-4.117-4.328ZM21.65,7.567H7.35V3.233h14.3Z' transform='translate(-1.5 -1.5)' fill='%234d4d4d'/%3E%3Cpath id='Path_204' data-name='Path 204' d='M37.125,18.75h1.733v1.733H37.125Z' transform='translate(-16.542 -8.783)' fill='%234d4d4d'/%3E%3Cpath id='Path_205' data-name='Path 205' d='M9.292,24.75H7.125v1.733H9.292V37.317H24.025V26.483h2.167V24.75Zm13,10.833H11.025v-9.1H22.292Z' transform='translate(-3.875 -11.317)' fill='%234d4d4d'/%3E%3C/svg%3E%0A");
}
.ico.srch {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37.621' height='37.621' viewBox='0 0 37.621 37.621'%3E%3Cg id='ico-srch' transform='translate(1.5 1.5)'%3E%3Cpath id='Path_431' data-name='Path 431' d='M40,40l-8.393-8.393M36,21A15,15,0,1,0,21,36,15,15,0,0,0,36,21Z' transform='translate(-6 -6)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37.621' height='37.621' viewBox='0 0 37.621 37.621'%3E%3Cg id='ico-srch' transform='translate(1.5 1.5)'%3E%3Cpath id='Path_431' data-name='Path 431' d='M40,40l-8.393-8.393M36,21A15,15,0,1,0,21,36,15,15,0,0,0,36,21Z' transform='translate(-6 -6)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.ico.arrw-up {
	-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.4 16.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23010101;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath class='cls-1' d='m1.5,15.2L15.2,1.5l13.7,13.7'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.4 16.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23010101;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath class='cls-1' d='m1.5,15.2L15.2,1.5l13.7,13.7'/%3E%3C/g%3E%3C/svg%3E");
}
.ico.arrw-down {
	-webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.4 16.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23010101;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath class='cls-1' d='m28.9,1.5l-13.7,13.7L1.5,1.5'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.4 16.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23010101;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath class='cls-1' d='m28.9,1.5l-13.7,13.7L1.5,1.5'/%3E%3C/g%3E%3C/svg%3E");
}
.ico.circle-chk {
	position: relative;
	margin-right: 3px;
	border-radius: 50%;
	background-color: var(--wh);
}
.ico.circle-chk::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: auto 40%;
	mask-size: auto 40%;
	-webkit-mask-image: url(../images/remote/ico-chk.svg);
	mask-image: url(../images/remote/ico-chk.svg);
	background-color: var(--primary);
}
.ico.ico-all {
	-webkit-mask-image: url(../images/remote/ico-all.svg);
	mask-image: url(../images/remote/ico-all.svg);
}
.ico.ico-football {
	-webkit-mask-image: url(../images/remote/ico-football.svg);
	mask-image: url(../images/remote/ico-football.svg);
}
.ico.ico-baseball {
	-webkit-mask-image: url(../images/remote/ico-baseball.svg);
	mask-image: url(../images/remote/ico-baseball.svg);
}
.ico.ico-basketball {
	-webkit-mask-image: url(../images/remote/ico-basketball.svg);
	mask-image: url(../images/remote/ico-basketball.svg);
}
.ico.ico-game {
	-webkit-mask-image: url(../images/remote/ico-game.svg);
	mask-image: url(../images/remote/ico-game.svg);
}
.ico.ico-volleyball {
	-webkit-mask-image: url(../images/remote/ico-volleyball.svg);
	mask-image: url(../images/remote/ico-volleyball.svg);
}
.ico.ico-hockey {
	-webkit-mask-image: url(../images/remote/ico-hockey.svg);
	mask-image: url(../images/remote/ico-hockey.svg);
}
.ico.ico-mma {
	-webkit-mask-image: url(../images/remote/ico-mma.svg);
	mask-image: url(../images/remote/ico-mma.svg);
}

[class*=snb-ico] {
	display: inline-block;
	margin-right: 8px;
	width: 20px;
	height: 20px;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	vertical-align: middle;
	background-color: var(--primary);
}

.snb-ico01 {
	-webkit-mask-image: url(../images/remote/snb-ico01.svg);
	mask-image: url(../images/remote/snb-ico01.svg);
}

.snb-ico02 {
	-webkit-mask-image: url(../images/remote/snb-ico02.svg);
	mask-image: url(../images/remote/snb-ico02.svg);
}

.snb-ico03 {
	-webkit-mask-image: url(../images/remote/snb-ico03.svg);
	mask-image: url(../images/remote/snb-ico03.svg);
}

.snb-ico04 {
	-webkit-mask-image: url(../images/remote/snb-ico04.svg);
	mask-image: url(../images/remote/snb-ico04.svg);
}

.snb-ico05 {
	-webkit-mask-image: url(../images/remote/snb-ico05.svg);
	mask-image: url(../images/remote/snb-ico05.svg);
}

.snb-ico06 {
	-webkit-mask-image: url(../images/remote/snb-ico06.svg);
	mask-image: url(../images/remote/snb-ico06.svg);
}

.snb-ico07 {
	-webkit-mask-image: url(../images/remote/snb-ico07.svg);
	mask-image: url(../images/remote/snb-ico07.svg);
}

.snb-ico08 {
	-webkit-mask-image: url(../images/remote/snb-ico08.svg);
	mask-image: url(../images/remote/snb-ico08.svg);
}

.snb-ico09 {
	-webkit-mask-image: url(../images/remote/snb-ico09.svg);
	mask-image: url(../images/remote/snb-ico09.svg);
}

.snb-ico10 {
	-webkit-mask-image: url(../images/remote/snb-ico10.svg);
	mask-image: url(../images/remote/snb-ico10.svg);
}

.snb-ico11 {
	-webkit-mask-image: url(../images/remote/snb-ico11.svg);
	mask-image: url(../images/remote/snb-ico11.svg);
}

.finish {
	position: relative;
	display: inline-block;
	margin-left: 0.71rem;
	padding: 0 0.35rem;
	height: 1.42rem;
	line-height: 1.42rem;
	background: #af0810;
	font-size: 0.92rem;
	border-radius: 3px;
	vertical-align: baseline;
}
.finish::after {
	content: "베팅마감";
}
.finish::before {
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 2px solid transparent;
	border-right: 5px solid #af0810;
	border-bottom: 2px solid transparent;
}

/*------------------ form ------------------*/
input,
textarea {
	border-radius: 3px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.4);
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color: rgba(255, 255, 255, 0.4);
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.4);
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.4);
}
input::placeholder,
textarea::placeholder {
	color: rgba(255, 255, 255, 0.4);
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0);
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
	color: rgba(255, 255, 255, 0);
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0);
}
input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0);
}
input:focus::placeholder,
textarea:focus::placeholder {
	color: rgba(255, 255, 255, 0);
}
input:disabled,
textarea:disabled {
	background-color: rgba(59, 59, 60, 0.8) !important;
	/* color: rgba(255, 255, 255, 0.4) !important; */
	opacity: 1; /* required on iOS */
}

textarea {
	padding: 0.71rem;
}

input,
select {
	height: 2rem;
	vertical-align: middle;
}

select,
input[type=text],
input[type=date],
input[type=number],
input[type=password],
textarea {
	padding-left: 0.71rem;
	padding-right: 0.71rem;
	background-color: var(--bg-container);
	border: var(--border) solid 1px;
}

input[type=date] {
	position: relative;
	min-width: 10.71rem;
	padding-right: 2.14rem;
}
input[type=date]::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	color: transparent;
	cursor: pointer;
	z-index: 1;
}
input[type=date]::-webkit-clear-button, input[type=date]::-webkit-inner-spin-button {
	display: none;
}
input[type=date]::after {
	content: "";
	position: absolute;
	top: 50%;
	left: calc(100% - 1.28rem - 0.35rem);
	width: 1.28rem;
	height: 1.28rem;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238a8a8c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") center center/contain;
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 0;
}

select {
	position: relative;
	padding-right: 2.5rem;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.4 16.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23eaeaec;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath class='cls-1' d='m28.9,1.5l-13.7,13.7L1.5,1.5'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 0.85rem auto;
	background-position: calc(100% - 0.71rem) center;
	background-repeat: no-repeat;
	border-radius: 5px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
select:focus {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.4 16.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23eaeaec;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath class='cls-1' d='m1.5,15.2L15.2,1.5l13.7,13.7'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=radio] {
	margin-right: 0.35rem;
	width: 1.71rem;
	height: 1.71rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='40' cy='40' r='40' fill='%23fff'/%3E%3C/svg%3E%0A");
	background-size: 0.71rem auto;
	background-position: center;
	background-repeat: no-repeat;
	border: #3b3b3c solid 1px;
	border-radius: 50%;
	vertical-align: middle;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
}
input[type=radio]:checked {
	background-color: #9758ff;
	border-color: #9758ff;
}

.chk-wrap {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.chk-wrap input[type=checkbox] {
	display: inline-block;
	margin-right: 0.35rem;
	width: 1.71rem;
	height: 1.71rem;
	vertical-align: middle;
}
.chk-wrap .chk {
	position: absolute;
	top: calc(50% - 1.71rem / 2);
	left: 0;
	width: 1.71rem;
	height: 1.71rem;
	background-color: var(--bg-body);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12.731' viewBox='0 0 16 12.731'%3E%3Cg id='ico-chk' transform='translate(-12.256 -14.29)' %3E%3Cpath id='Path_460' data-name='Path 460' d='M25.769,14.7a1.472,1.472,0,0,1,2.1,2.061L20.038,26.55a1.472,1.472,0,0,1-2.12.039L12.724,21.4A1.472,1.472,0,1,1,14.8,19.316l4.11,4.108,6.817-8.685a.525.525,0,0,1,.039-.043Z' fill='%23a8a8a8'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-position: center;
	background-size: auto 8px;
	background-repeat: no-repeat;
	border: var(--border) solid 1px;
	border-radius: 3px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
}
.chk-wrap input:checked ~ .chk {
	background-color: var(--primary);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12.731' viewBox='0 0 16 12.731'%3E%3Cg id='ico-chk' transform='translate(-12.256 -14.29)' %3E%3Cpath id='Path_460' data-name='Path 460' d='M25.769,14.7a1.472,1.472,0,0,1,2.1,2.061L20.038,26.55a1.472,1.472,0,0,1-2.12.039L12.724,21.4A1.472,1.472,0,1,1,14.8,19.316l4.11,4.108,6.817-8.685a.525.525,0,0,1,.039-.043Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
	border-color: var(--primary);
}

.srch-wrap {
	position: relative;
	width: 100%;
	padding: 20px 0;
	text-align: right;
	vertical-align: middle;
}
.srch-wrap label {
	vertical-align: middle;
}
.srch-wrap .period.start + .end::before {
	content: "~";
	margin: 0 3px;
	vertical-align: middle;
}
.srch-wrap .btn-srch {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 2rem;
	height: 2rem;
	background-color: var(--gray-8);
	border-radius: 3px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
}
.srch-wrap .btn-srch .ico {
	width: 1rem;
	height: 1rem;
	background-color: var(--wh);
}
.srch-wrap .btn-srch .ico.srch {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37.621' height='37.621' viewBox='0 0 37.621 37.621'%3E%3Cg id='ico-srch' transform='translate(1.5 1.5)'%3E%3Cpath id='Path_431' data-name='Path 431' d='M40,40l-8.393-8.393M36,21A15,15,0,1,0,21,36,15,15,0,0,0,36,21Z' transform='translate(-6 -6)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E%0A");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37.621' height='37.621' viewBox='0 0 37.621 37.621'%3E%3Cg id='ico-srch' transform='translate(1.5 1.5)'%3E%3Cpath id='Path_431' data-name='Path 431' d='M40,40l-8.393-8.393M36,21A15,15,0,1,0,21,36,15,15,0,0,0,36,21Z' transform='translate(-6 -6)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 768px) {
	.srch-wrap input[type=text] + .period.start::before {
		content: "";
		clear: both;
		display: block;
		height: 5px;
	}
}

.tab-menu + .srch-wrap {
	padding: 0;
	margin-top: 10px;
}

/* grid.scss */
.grid::after {
	content: "";
	clear: both;
	display: block;
}
.grid .row {
	display: grid;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.grid .row:has(> li:nth-child(1)) {
	grid-template-columns: repeat(1, 1fr);
}
.grid .row:has(> li:nth-child(2)) {
	grid-template-columns: repeat(2, 1fr);
}
.grid .row:has(> li:nth-child(3)) {
	grid-template-columns: repeat(3, 1fr);
}
.grid .row:has(> li:nth-child(4)) {
	grid-template-columns: repeat(4, 1fr);
}
.grid .row:has(> li:nth-child(5)) {
	grid-template-columns: repeat(5, 1fr);
}
.grid .row:has(> li:nth-child(6)) {
	grid-template-columns: repeat(6, 1fr);
}
.grid .row:has(> li:nth-child(7)) {
	grid-template-columns: repeat(7, 1fr);
}
.grid .row:has(> li:nth-child(8)) {
	grid-template-columns: repeat(8, 1fr);
}
.grid .row:has(> li:nth-child(9)) {
	grid-template-columns: repeat(9, 1fr);
}
.grid .row:has(> li:nth-child(10)) {
	grid-template-columns: repeat(10, 1fr);
}
.grid .row:has(> li:nth-child(11)) {
	grid-template-columns: repeat(11, 1fr);
}
.grid .row:has(> li:nth-child(12)) {
	grid-template-columns: repeat(12, 1fr);
}
@media screen and (max-width: 1024px) {
	.grid .row {
		padding: 0 10px;
		grid-template-columns: repeat(1, 100%) !important;
	}
}

/*------------------ tab ------------------*/
.tab-menu .inner,
.sub-tab .inner {
	display: grid;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.tab-menu .inner::after,
.sub-tab .inner::after {
	content: "";
	clear: both;
	display: block;
}
.tab-menu .inner:has(> li:nth-child(1)),
.sub-tab .inner:has(> li:nth-child(1)) {
	grid-template-columns: repeat(1, 1fr);
}
.tab-menu .inner:has(> li:nth-child(2)),
.sub-tab .inner:has(> li:nth-child(2)) {
	grid-template-columns: repeat(2, 1fr);
}
.tab-menu .inner:has(> li:nth-child(3)),
.sub-tab .inner:has(> li:nth-child(3)) {
	grid-template-columns: repeat(3, 1fr);
}
.tab-menu .inner:has(> li:nth-child(4)),
.sub-tab .inner:has(> li:nth-child(4)) {
	grid-template-columns: repeat(4, 1fr);
}
.tab-menu .inner:has(> li:nth-child(5)),
.sub-tab .inner:has(> li:nth-child(5)) {
	grid-template-columns: repeat(5, 1fr);
}
.tab-menu .inner:has(> li:nth-child(6)),
.sub-tab .inner:has(> li:nth-child(6)) {
	grid-template-columns: repeat(6, 1fr);
}
.tab-menu .inner:has(> li:nth-child(7)),
.sub-tab .inner:has(> li:nth-child(7)) {
	grid-template-columns: repeat(7, 1fr);
}
.tab-menu .inner:has(> li:nth-child(8)),
.sub-tab .inner:has(> li:nth-child(8)) {
	grid-template-columns: repeat(8, 1fr);
}
.tab-menu .inner:has(> li:nth-child(9)),
.sub-tab .inner:has(> li:nth-child(9)) {
	grid-template-columns: repeat(9, 1fr);
}
@media screen and (max-width: 1024px) {
	.tab-menu .inner,
	.sub-tab .inner {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		overflow-x: auto;
		scrollbar-3dLight-Color: #3b3b3c;
		scrollbar-arrow-color: #3b3b3c;
		scrollbar-base-color: #1c1c1c;
		scrollbar-Face-Color: #3b3b3c;
		scrollbar-Track-Color: #1c1c1c;
		scrollbar-DarkShadow-Color: #3b3b3c;
		scrollbar-Highlight-Color: #3b3b3c;
		scrollbar-Shadow-Color: #3b3b3c;
	}
	.tab-menu .inner::-webkit-scrollbar,
	.sub-tab .inner::-webkit-scrollbar {
		width: 4px;
		height: 4px;
	}
	.tab-menu .inner::-webkit-scrollbar-thumb,
	.sub-tab .inner::-webkit-scrollbar-thumb {
		background-color: #3b3b3c;
		border-radius: 4px;
	}
	.tab-menu .inner::-webkit-scrollbar-track,
	.sub-tab .inner::-webkit-scrollbar-track {
		background-color: #1c1c1c;
		width: 4px;
		height: 4px;
		border-radius: 4px;
	}
	.tab-menu .inner:has(> li:nth-child(1)),
	.sub-tab .inner:has(> li:nth-child(1)) {
		grid-template-columns: repeat(1, 1fr);
	}
	.tab-menu .inner:has(> li:nth-child(2)),
	.sub-tab .inner:has(> li:nth-child(2)) {
		grid-template-columns: repeat(2, 1fr);
	}
	.tab-menu .inner:has(> li:nth-child(3)),
	.sub-tab .inner:has(> li:nth-child(3)) {
		grid-template-columns: repeat(3, 1fr);
	}
	.tab-menu .inner:has(> li:nth-child(4)),
	.sub-tab .inner:has(> li:nth-child(4)) {
		grid-template-columns: repeat(4, 25%);
	}
	.tab-menu .inner:has(> li:nth-child(5)),
	.sub-tab .inner:has(> li:nth-child(5)) {
		grid-template-columns: repeat(5, 25%);
	}
	.tab-menu .inner:has(> li:nth-child(6)),
	.sub-tab .inner:has(> li:nth-child(6)) {
		grid-template-columns: repeat(6, 25%);
	}
	.tab-menu .inner:has(> li:nth-child(7)),
	.sub-tab .inner:has(> li:nth-child(7)) {
		grid-template-columns: repeat(7, 25%);
	}
	.tab-menu .inner:has(> li:nth-child(8)),
	.sub-tab .inner:has(> li:nth-child(8)) {
		grid-template-columns: repeat(8, 25%);
	}
	.tab-menu .inner:has(> li:nth-child(9)),
	.sub-tab .inner:has(> li:nth-child(9)) {
		grid-template-columns: repeat(9, 25%);
	}
}
.tab-menu .tablink,
.sub-tab .tablink {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	word-break: keep-all;
}
.tab-menu .tablink a,
.sub-tab .tablink a {
	display: block;
	width: 100%;
	line-height: 1em;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	.tab-menu .tablink a,
	.sub-tab .tablink a {
		font-size: 14px;
	}
	.tab-menu .tablink a strong,
	.sub-tab .tablink a strong {
		font-weight: 400;
		font-size: inherit;
	}
	.tab-menu .tablink a .ico,
	.sub-tab .tablink a .ico {
		display: block;
		margin: 0 auto 5px !important;
	}
}

.tab-menu {
	margin-top: 5px;
}
.tab-menu .tablink {
	background-color: var(--bg-body);
	border-top: var(--border) solid 1px;
	border-bottom: var(--primary) solid 2px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.tab-menu .tablink a {
	padding: 1.28rem 5px;
	font-size: 18px;
}
@media screen and (max-width: 1024px) {
	.tab-menu .tablink a {
		font-size: 13px;
	}
}
.tab-menu .tablink:nth-child(1) {
	border-radius: 5px 0 0 0;
	border-left: var(--border) solid 1px;
}
.tab-menu .tablink:nth-last-child(1) {
	border-radius: 0 5px 0 0;
	border-right: var(--border) solid 1px;
}
.tab-menu .tablink.active {
	background-color: var(--bg-container);
	border: var(--primary) solid 2px;
	border-bottom: var(--bg-container) solid 2px;
}
@media screen and (min-width: 1400px) {
	.tab-menu .tablink:hover {
		background-color: var(--bg-container);
		border: var(--primary) solid 2px;
		border-bottom: var(--bg-container) solid 2px;
	}
}
.tab-menu .tablink + .tablink {
	border-left: var(--border) solid 1px;
}
@media screen and (min-width: 1400px) {
	.tab-menu .tablink + .tablink:hover {
		border-left: var(--primary) solid 2px;
	}
}
.tab-menu .tablink + .tablink.active {
	border-left: var(--primary) solid 2px;
}

@media screen and (max-width: 1024px) {
	.tab-menu + .top-notice {
		margin: 10px 0 !important;
	}
}
.sub-tab {
	margin: 10px 0;
	background-color: var(--bg-body);
	border-radius: 5px;
}
.sub-tab .tablink {
	position: relative;
}
.sub-tab .tablink a {
	padding: 1.21rem 5px;
	font-size: 16px;
	line-height: 1em;
	color: var(--gray-b);
}
.sub-tab .tablink a .ico {
	margin-right: 8px;
	width: 26px;
	height: 26px;
	background-color: var(--gray-b);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.sub-tab .tablink a strong {
	font-weight: 500;
}
@media screen and (max-width: 1024px) {
	.sub-tab .tablink a {
		font-size: 12px;
	}
	.sub-tab .tablink a .ico {
		margin-right: 0;
		width: 20px;
		height: 20px;
	}
}
.sub-tab .tablink.active a {
	color: var(--primary);
}
.sub-tab .tablink.active a .ico {
	background-color: var(--primary);
}
.sub-tab .tablink.active a p {
	color: var(--wh);
}
@media screen and (min-width: 1400px) {
	.sub-tab .tablink:hover a {
		color: var(--primary);
	}
	.sub-tab .tablink:hover a .ico {
		background-color: var(--primary);
	}
	.sub-tab .tablink:hover a p {
		color: var(--wh);
	}
}
.sub-tab .tablink + .tablink::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 50%;
	background-color: var(--border);
}

.play-tab {
	margin: 10px auto;
	width: 100%;
	max-width: 500px;
}
.play-tab .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	gap: 5px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.play-tab .inner::after {
	content: "";
	clear: both;
	display: block;
}
.play-tab .tablink {
	width: 25%;
	height: 34px;
}
.play-tab .tablink a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px;
}
.play-tab .tablink:nth-child(1) a {
	background-image: linear-gradient(165deg, #f64049 0%, var(--primary) 60%);
}
.play-tab .tablink:nth-child(2) a {
	background-image: linear-gradient(165deg, #c7a5ff 0%, #9758ff 60%);
}
.play-tab .tablink:nth-child(3) a {
	background-image: linear-gradient(165deg, #4d9aff 0%, #006eff 60%);
}
.play-tab .tablink:nth-child(4) a {
	background-image: linear-gradient(165deg, #909092 0%, #6a6a6c 60%);
}

.tab-content {
	position: relative;
	width: 100%;
}
.tab-content .tab-pane {
	display: none;
	word-break: keep-all;
}
.tab-content .tab-pane.active {
	display: block;
	height: 100%;
	-webkit-animation: fade 0.5s ease-in forwards;
	animation: fade 0.5s ease-in forwards;
}

/*------------------ modal ------------------*/
.modal {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 999;
}
.modal .modal-content {
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
	border-radius: 1.42rem;
	-webkit-animation: modal-top 0.4s ease-in-out;
	animation: modal-top 0.4s ease-in-out;
	overflow: hidden;
}
.modal .modal-content .close {
	position: absolute;
	top: 1.42rem;
	right: 1.42rem;
	width: 1.42rem;
	height: 1.42rem;
	color: transparent;
	font-size: 0;
	text-indent: -999px;
	overflow: hidden;
	opacity: 0.5;
}
.modal .modal-content .close:hover {
	opacity: 1;
}
.modal .modal-content.min {
	width: 39.28rem;
}
.modal .modal-content.mid {
	width: 40vw;
}
.modal .modal-content.max {
	width: 70vw;
}
@media screen and (max-width: 1024px) {
	.modal .modal-content.min, .modal .modal-content.mid, .modal .modal-content.max {
		width: 90%;
	}
}
.modal .modal-header {
	position: relative;
	padding: 1.42rem;
	background-color: var(--bg-head);
}
.modal .modal-header h2 {
	font-size: 1.71rem;
	font-weight: 500;
}
.modal .modal-header h2::after {
	content: "";
	clear: both;
	display: block;
}
.modal .modal-body {
	position: relative;
	padding: 1.42rem;
	max-height: calc(100vh - 21.42rem);
	background-color: #fff;
	overflow-y: auto;
	scrollbar-3dLight-Color: #3b3b3c;
	scrollbar-arrow-color: #3b3b3c;
	scrollbar-base-color: #1c1c1c;
	scrollbar-Face-Color: #3b3b3c;
	scrollbar-Track-Color: #1c1c1c;
	scrollbar-DarkShadow-Color: #3b3b3c;
	scrollbar-Highlight-Color: #3b3b3c;
	scrollbar-Shadow-Color: #3b3b3c;
}
.modal .modal-body::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.modal .modal-body::-webkit-scrollbar-thumb {
	background-color: #3b3b3c;
	border-radius: 4px;
}
.modal .modal-body::-webkit-scrollbar-track {
	background-color: #1c1c1c;
	width: 4px;
	height: 4px;
	border-radius: 4px;
}
.modal .modal-body .srch-wrap {
	padding: 0.71rem 1.42rem;
}
.modal .modal-body .txt-only {
	padding: 2.14rem 0;
	word-break: keep-all;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	.modal .modal-body .txt-only {
		padding: 2.14rem;
	}
}
.modal .modal-footer {
	position: relative;
	padding: 1.42rem 0;
	text-align: center;
}
.modal .modal-footer .btn {
	margin-bottom: 0.71rem;
}
.modal .modal-footer .btn + .btn {
	margin-left: 0.71rem;
}

/*------------------ pagination ------------------*/
.pagination {
	margin: 20px 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.pagination li {
	display: inline-block;
}
.pagination li + li {
	margin-left: 5px;
}
.pagination .link {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 26px;
	height: 26px;
	line-height: 1em;
	color: var(--gray-d);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 3px;
	background-color: var(--bg-body);
	border: var(--border) solid 1px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	overflow: hidden;
}
.pagination .link.hover {
	color: var(--wh);
}
.pagination .link.active:not(.arrw) {
	color: var(--wh);
	border-bottom: var(--primary) solid 2px;
}
.pagination .link.arrw {
	color: var(--gray-8);
}
.pagination .link.arrw:nth-child(2) {
	margin-right: 20px;
}
.pagination .link.arrw:nth-last-child(2) {
	margin-left: 20px;
}

/*------------------ loading ------------------*/
#layout-wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 999;
}

#layout-load {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 35.71rem;
	z-index: 1001;
}
@media screen and (max-width: 768px) {
	#layout-load {
		width: 17.85rem;
	}
}
#layout-load.loader {
	text-align: center;
}
#layout-load.loader img {
	width: 100%;
	max-width: 100%;
}
#layout-load.loader .load_ico {
	-webkit-animation: load 2s linear infinite;
	animation: load 2s linear infinite;
	width: 55%;
}
@-webkit-keyframes pulse {
	0% {
		opacity: 0.1;
	}
	30% {
		opacity: 0.8;
	}
	100% {
		opacity: 0.1;
	}
}
@keyframes pulse {
	0% {
		opacity: 0.1;
	}
	30% {
		opacity: 0.8;
	}
	100% {
		opacity: 0.1;
	}
}

@-webkit-keyframes load {
	0% {
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
	50% {
		-webkit-filter: blur(3px);
		filter: blur(3px);
		opacity: 0.5;
	}
	100% {
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
}

@keyframes load {
	0% {
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
	50% {
		-webkit-filter: blur(3px);
		filter: blur(3px);
		opacity: 0.5;
	}
	100% {
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
}
/*------------------ layout ------------------*/
.wrap {
	position: relative;
	width: 100%;
	min-height: 100vh;
	background-color: var(--bg-body);
	z-index: 1;
}
.wrap .inner {
	margin: 0 auto;
	width: 100%;
}

.header .header-pc {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 2.0833333333vw;
	height: 65px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: var(--sdw-head) 0 10px 15px;
	box-shadow: var(--sdw-head) 0 10px 15px;
}
.header .header-pc .logo {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-right: 20px;
	width: 145px;
	height: 100%;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
@media screen and (max-width: 1910px) {
	.header .header-pc .logo {
		padding-right: 10px;
		width: auto;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}
.header .header-pc .logo img {
	/* 가로형 블루원 로고(logo.png) */
	height: 3rem;
}
@media screen and (max-width: 1400px) {
	.header .header-pc .logo img {
		height: 20px;
	}
}
.header .header-pc .lnb {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.header .header-pc .lnb .nav {
	height: 100%;
}
.header .header-pc .lnb .depth1 {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 100%;
	font-size: 1.14rem;
}
.header .header-pc .lnb .depth1::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -1px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0px;
	height: 3px;
	background-color: var(--primary);
	border-radius: 3px;
	opacity: 0;
	z-index: 3;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.header .header-pc .lnb .depth1 .menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 8px;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media screen and (max-width: 1620px) {
	.header .header-pc .lnb .depth1 .menu {
		padding: 10px 5px;
	}
}
@media screen and (max-width: 1620px) {
	.header .header-pc .lnb .depth1 .menu {
		padding: 10px 0;
	}
}
.header .header-pc .lnb .depth1 .menu.hover {
	color: var(--primary);
}
.header .header-pc .lnb .depth1 .depth2 {
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	min-width: 100%;
	height: 0;
	max-height: 0;
	text-align: center;
	background-color: var(--bg-nav-depth2);
	border-radius: 0 0 3px 3px;
	overflow: hidden;
	z-index: 2;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.header .header-pc .lnb .depth1 .depth2 li {
	height: 2.5rem;
	font-size: 1.07rem;
	color: var(--gray-e);
}
.header .header-pc .lnb .depth1 .depth2 li .menu {
	padding: 0 20px;
	white-space: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.header .header-pc .lnb .depth1 .depth2 li:has(.depth3) {
	height: auto;
	line-height: 2.5rem;
}
.header .header-pc .lnb .depth1 .depth2 li:nth-last-child(1) {
	margin-bottom: 5px;
}
.header .header-pc .lnb .depth1 .depth2 > li + li {
	border-top: var(--border) solid 1px;
}
.header .header-pc .lnb .depth1 .depth3 li {
	height: 1.78rem;
	font-size: 0.92rem;
}
.header .header-pc .lnb .depth1:has(> .menu.active)::after {
	width: 100%;
	opacity: 1;
}
.header .header-pc .lnb .depth1:has(> .menu.active) > .menu {
	color: var(--secondary);
}
.header .header-pc .lnb .depth1:hover > .menu {
	color: var(--primary);
}
.header .header-pc .lnb .depth1:hover::after {
	width: 100%;
	opacity: 1;
}
.header .header-pc .lnb .depth1:hover .depth2 {
	height: auto;
	max-height: 600px;
}
.header .header-pc .lnb .depth1 + .depth1 {
	margin-left: 10px;
}
@media screen and (max-width: 1620px) {
	.header .header-pc .lnb .depth1 + .depth1 {
		margin-left: 5px;
	}
}
.header .header-pc .top-link {
	position: absolute;
	top: 0;
	right: 2.0833333333vw;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 100%;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header .header-pc .top-link .link {
	display: inline-block;
	font-size: 13px;
}
.header .header-pc .top-link .link img {
	margin-right: 4px;
	max-height: 20px;
	vertical-align: middle;
}
.header .header-pc .top-link .link.border {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 60px;
	height: 28px;
	line-height: 1em;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-width: 2px;
	border-style: solid;
	border-radius: 14px;
}
.header .header-pc .top-link .link.border.link-chrg {
	border-color: var(--primary);
}
.header .header-pc .top-link .link.border.link-exchng {
	border-color: var(--wh);
}
.header .header-pc .top-link .ico + span {
	padding-left: 4px;
}
.header .header-pc .top-link .link + .link {
	margin-left: 20px;
}
@media screen and (max-width: 1910px) {
	.header .header-pc .top-link .link + .link {
		margin-left: 16px;
	}
}
@media screen and (max-width: 1620px) {
	.header .header-pc .top-link .link + .link {
		margin-left: 5px;
	}
}
.header .header-pc .top-link .link:nth-last-child(1),
.header .header-pc .top-link .link:nth-last-child(2) {
	margin-left: 10px;
}
@media screen and (max-width: 1440px) {
	.header .header-pc .top-link .link:nth-last-child(1),
	.header .header-pc .top-link .link:nth-last-child(2) {
		margin-left: 5px;
	}
}
.header .header-pc .top-link .ico.logout {
	background-image: url(../images/remote/ico-logout.svg);
}
.header .header-pc::after {
	content: "";
	clear: both;
	display: block;
}

.header .header-m {
	display: none;
	position: relative;
	width: 100%;
	border-bottom: var(--border) solid 1px;
}
.header .header-m .head-top {
	position: relative;
	padding: 0 2.0833333333vw;
	height: 50px;
	text-align: center;
	border-bottom: var(--primary) solid 1px;
}
.header .header-m .head-top .logo {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header .header-m .head-top .logo img {
	height: 2.5rem;
}
.header .header-m .head-top .btn {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	width: 30px;
	height: 30px;
	z-index: 2;
}
.header .header-m .head-top .btn .ico {
	display: block;
	width: 30px;
	height: 30px;
}
.header .header-m .head-top .btn-nav {
	left: 2.0833333333vw;
}
.header .header-m .head-top .btn-nav .ico.menu {
	-webkit-mask-image: url(../images/remote/ico-menu.svg);
	mask-image: url(../images/remote/ico-menu.svg);
	background-color: var(--primary);
}
.header .header-m .head-top .btn-my {
	right: 2.0833333333vw;
	z-index: 5;
}
.header .header-m .head-top .btn-my .ico.user {
	background-color: var(--bg-body);
	background-image: url(../images/remote/ico-user.svg);
	background-size: auto 24px;
	border: var(--wh) solid 1.5px;
	border-radius: 50%;
}
.header .header-m .head-btm .ico:not(.lv) {
	margin-right: 3px;
}
.header .header-m .head-btm .info-user,
.header .header-m .head-btm .info-wlt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 2.0833333333vw;
	height: 40px;
	font-size: 13px;
	color: var(--gray-b);
	font-weight: 300;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header .header-m .head-btm .info-user {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 5px;
}
.header .header-m .head-btm .info-user li {
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.header .header-m .head-btm .info-user li span + span {
	padding-left: 3px;
}
.header .header-m .head-btm .info-user li .ico.lv {
	width: 1.64rem;
	height: 1.64rem;
}
.header .header-m .head-btm .info-user li .name {
	color: var(--wh);
	font-weight: 400;
}
.header .header-m .head-btm .info-user li img {
	margin-right: 4px;
	max-height: 16px;
	vertical-align: middle;
}
.header .header-m .head-btm .info-user li:nth-child(1) {
	max-width: calc(100% - 160px);
}
.header .header-m .head-btm .info-user li:nth-child(2) {
	-ms-flex-preferred-size: 60px;
	flex-basis: 60px;
	text-align: center;
}
.header .header-m .head-btm .info-user li:nth-child(2) .ico {
	width: 14px;
	height: 14px;
}
.header .header-m .head-btm .info-user li:nth-child(3) {
	max-width: 100px;
	text-align: right;
}
.header .header-m .head-btm .info-user .ico.msg {
	width: 12px;
	height: 12px;
}
.header .header-m .head-btm .info-wlt {
	border-top: var(--border) solid 1px;
}
.header .header-m .head-btm .info-wlt li {
	position: relative;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	text-align: center;
}
.header .header-m .head-btm .info-wlt li .ico {
	width: 14px;
	height: 14px;
}
.header .header-m .head-btm .info-wlt li em {
	color: var(--wh);
	font-weight: 400;
}
.header .header-m .head-btm .info-wlt li + li::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 90%;
	background-color: var(--border);
}
.header .header-m .full-nav,
.header .header-m .full-my {
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	font-size: 14px;
	background-color: rgba(28, 28, 28, 0.95);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 999;
	overflow: hidden;
}
.header .header-m .full-nav .full-top,
.header .header-m .full-my .full-top {
	position: relative;
	padding: 0 2.0833333333vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: var(--primary) solid 1px;
}
.header .header-m .full-nav .full-top .btn.close,
.header .header-m .full-my .full-top .btn.close {
	position: absolute;
	top: 50%;
	right: 2.0833333333vw;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header .header-m .full-nav {
	left: -100vw;
}
.header .header-m .full-nav.active {
	left: 0;
}
.header .header-m .full-my {
	right: -100vw;
}
.header .header-m .full-my.active {
	right: 0;
}
.header .header-m .full-nav .full-top {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.header .header-m .full-nav .full-top .logo {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header .header-m .full-nav .full-top .logo img {
	height: 2.5rem;
}
.header .header-m .lnb {
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.header .header-m .lnb .nav {
	position: relative;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	height: 100%;
	padding: 2.0833333333vw;
	font-size: 14px;
	background: var(--m-bg-nav);
}
.header .header-m .lnb .nav .depth1 .menu {
	display: block;
	padding: 10px 2.0833333333vw 10px calc(2.0833333333vw * 2);
}
.header .header-m .lnb .nav .depth1 .menu.hover {
	color: var(--primary);
}
.header .header-m .lnb .nav .depth1 [class*=snb-ico] {
	width: 16px;
	height: 16px;
	background-color: var(--gray-e);
}
.header .header-m .lnb .nav .depth1.active [class*=snb-ico] {
	background-color: var(--primary);
}
.header .header-m .lnb .nav .depth2 {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 100%;
	padding: 2.0833333333vw;
	width: 100%;
	height: 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.header .header-m .lnb .nav .depth2 li {
	position: relative;
}
.header .header-m .lnb .nav .depth2 > li::before {
	content: "";
	display: block;
	position: absolute;
	top: 16px;
	left: 2.0833333333vw;
	width: 3px;
	height: 3px;
	background-color: var(--gray-b);
	border-radius: 50%;
}
.header .header-m .lnb .nav .depth2 > li + li {
	border-top: rgba(255, 255, 255, 0.2) solid 1px;
}
.header .header-m .lnb .nav .depth2 > li:has(.depth3) .menu {
	padding-bottom: 5px;
}
.header .header-m .lnb .nav .depth2 .menu {
	padding-left: 15px;
}
.header .header-m .lnb .nav .depth2 .snb-more {
	display: block;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 10px;
	height: 10px;
	-webkit-mask-image: url(../images/remote/btn-fold.svg);
	mask-image: url(../images/remote/btn-fold.svg);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: var(--wh);
	z-index: 2;
}
.header .header-m .lnb .nav .depth2 .snb-more[aria-expanded=true] {
	-webkit-mask-image: url(../images/remote/btn-opn.svg);
	mask-image: url(../images/remote/btn-opn.svg);
}
.header .header-m .lnb .nav .depth3 {
	padding-bottom: 7px;
}
.header .header-m .lnb .nav .depth3 .menu {
	width: 100%;
	padding: 5px 10px;
	font-size: 13px;
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.header .header-m .lnb .nav .depth3 .menu::before {
	content: "-";
	display: inline-block;
	margin-right: 5px;
	color: var(--gray-b);
	vertical-align: middle;
}
.header .header-m .lnb .nav .depth1.active > .menu {
	color: var(--primary);
}
.header .header-m .lnb .nav .depth1.active .depth2 {
	visibility: visible;
	height: 100%;
	max-height: calc(100vh - 50px);
	opacity: 1;
	overflow-y: auto;
}
.header .header-m .full-my .full-top {
	padding-left: 20px;
	padding-right: 40px;
}
.header .header-m .full-my .full-top .ico.lv {
	width: 22px;
	height: 22px;
}
.header .header-m .full-my .full-top .user {
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.header .header-m .full-my .full-body {
	height: calc(100vh - 50px);
	overflow-y: auto;
	scrollbar-3dLight-Color: #3b3b3c;
	scrollbar-arrow-color: #3b3b3c;
	scrollbar-base-color: #1c1c1c;
	scrollbar-Face-Color: #3b3b3c;
	scrollbar-Track-Color: #1c1c1c;
	scrollbar-DarkShadow-Color: #3b3b3c;
	scrollbar-Highlight-Color: #3b3b3c;
	scrollbar-Shadow-Color: #3b3b3c;
}
.header .header-m .full-my .full-body::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.header .header-m .full-my .full-body::-webkit-scrollbar-thumb {
	background-color: #3b3b3c;
	border-radius: 4px;
}
.header .header-m .full-my .full-body::-webkit-scrollbar-track {
	background-color: #1c1c1c;
	width: 4px;
	height: 4px;
	border-radius: 4px;
}
.header .header-m .full-my .full-body .inner {
	padding: 12px 20px;
}
.header .header-m .full-my .full-body .inner + .inner {
	border-top: var(--bg-container) solid 10px;
}
.header .header-m .full-my .my-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--gray-d);
}
.header .header-m .full-my .my-info em {
	padding-right: 2px;
}
.header .header-m .full-my .my-info .wlt .cash {
	padding: 5px 0;
	color: var(--primary);
	font-size: 1.8em;
	font-weight: 300;
}
.header .header-m .full-my .my-info .wlt .cash em {
	font-weight: 400;
}
.header .header-m .full-my .my-info .wlt .point {
	display: inline-block;
}
.header .header-m .full-my .my-info .wlt .point em {
	font-weight: 500;
	color: var(--wh);
}
.header .header-m .full-my .my-info .wlt .link {
	margin-left: 10px;
}
.header .header-m .full-my .my-info .wlt .link img {
	margin-right: 4px;
	max-height: 16px;
	vertical-align: middle;
}
.header .header-m .full-my .my-info .msg {
	max-width: 120px;
	text-align: right;
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.header .header-m .full-my .my-info .msg p + p {
	margin-top: 5px;
	padding-top: 5px;
	border-top: rgba(255, 255, 255, 0.1) solid 1px;
}
.header .header-m .full-my .my-info .msg em {
	color: var(--primary);
}
.header .header-m .full-my .my-info .msg a::after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	width: 0.71rem;
	height: 0.71rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/remote/arrw-nxt.svg);
	vertical-align: middle;
}
.header .header-m .full-my .my-wlt {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
.header .header-m .full-my .my-wlt li {
	text-align: center;
}
.header .header-m .full-my .my-wlt li .ico {
	width: 40px;
	height: 40px;
}
.header .header-m .full-my .my-wlt li .point {
	-webkit-mask-image: none;
	mask-image: none;
	background-color: transparent;
	background-image: url(../images/remote/ico-point-outline.svg);
	background-size: auto 32px;
	background-position: center bottom;
}
.header .header-m .full-my .my-wlt li .daily {
	-webkit-mask-image: url(../images/remote/ico-daily.svg);
	mask-image: url(../images/remote/ico-daily.svg);
	-webkit-mask-size: auto 30px;
	mask-size: auto 30px;
	background-color: var(--wh);
}
.header .header-m .full-my .my-wlt li .cs {
	-webkit-mask-image: url(../images/remote/ico-cs.svg);
	mask-image: url(../images/remote/ico-cs.svg);
	-webkit-mask-size: auto 30px;
	mask-size: auto 30px;
	background-color: var(--wh);
}
.header .header-m .full-my .my-wlt li p {
	margin-top: 7px;
	color: var(--gray-d);
}
.header .header-m .full-my .my-bd {
	display: grid;
	gap: 10px;
	color: var(--gray-b);
}
.header .header-m .full-my .my-bd .ico {
	margin-right: 8px;
	width: 16px;
	height: 16px;
	text-indent: 0;
}
.header .header-m .full-my .my-bn li + li {
	margin-top: 10px;
}

.header {
	position: relative;
	width: 100%;
	background-color: var(--bg-head);
	z-index: 3;
}
@media screen and (max-width: 1024px) {
	.header .header-pc {
		display: none;
	}
	.header .header-m {
		display: block;
	}
}

.container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 30px 2.0833333333vw;
	min-height: 100vh;
	gap: 25px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	z-index: 2;
}
.container .content {
	position: relative;
	-ms-flex-preferred-size: calc(100% - clamp(13%, 13.5416666667vw, 18.57rem) * 2);
	flex-basis: calc(100% - clamp(13%, 13.5416666667vw, 18.57rem) * 2);
	padding: 10px 20px 30px;
	min-height: 100%;
	background-color: var(--bg-container);
	border-radius: 10px;
	overflow: hidden;
	z-index: 1;
}
.container .content .notice-wrap {
	margin-bottom: 10px;
}
.container .content .notice-wrap ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.container .content .notice-wrap ul .ico {
	margin-right: 5px;
	width: 24px;
	height: 18px;
	background-size: auto 100%;
}
.container .content .notice-wrap ul li:nth-child(1) {
	-ms-flex-preferred-size: 80px;
	flex-basis: 80px;
}
.container .content .notice-wrap ul li:nth-child(2) {
	-ms-flex-preferred-size: calc(100% - 80px);
	flex-basis: calc(100% - 80px);
}
.container .content .top-bx {
	margin: 10px 0;
	padding: 15px 20px;
	text-align: right;
	color: var(--yell-500);
	border: var(--secondary) solid 1px;
	border-radius: 5px;
}
.container .content .sub-tab + .top-bx {
	margin: 0 0 10px;
}
.container .content .top-notice {
	margin: 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px 20px;
	font-weight: 300;
	background-color: var(--bg-body);
	border: var(--border) solid 1px;
	border-radius: 5px;
}
.container .content .top-notice h3 {
	-ms-flex-preferred-size: 12.85rem;
	flex-basis: 12.85rem;
	font-size: 2.28rem;
	font-weight: 300;
	color: var(--gray-d);
}
.container .content .top-notice .txt-list {
	-ms-flex-preferred-size: calc(100% - 12.85rem);
	flex-basis: calc(100% - 12.85rem);
}
.container .content .top-notice .txt-list li {
	position: relative;
	padding-left: 7px;
}
.container .content .top-notice .txt-list li::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: var(--gray-e);
	border-radius: 50%;
}
.container .content .top-notice.column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.container .content .top-notice.column h3 {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	margin-bottom: 10px;
	font-size: 1.28rem;
	font-weight: 400;
}
.container .content .top-notice.column .txt-list {
	width: 100%;
}
@media screen and (max-width: 1024px) {
	.container .content .top-notice {
		margin: 0 0 10px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.container .content .top-notice h3 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-bottom: 10px;
		font-size: 1.28rem;
		font-weight: 400;
	}
	.container .content .top-notice .txt-list {
		width: 100%;
	}
	.container .content .top-notice .grid .row > li + li {
		margin-top: 10px;
		padding-top: 10px;
		border-top: var(--border) dashed 1px;
	}
}
.container .aside-lt,
.container .aside-rt {
	position: relative;
	-ms-flex-preferred-size: clamp(13%, 13.5416666667vw, 18.57rem);
	flex-basis: clamp(13%, 13.5416666667vw, 18.57rem);
	max-width: clamp(13%, 13.5416666667vw, 18.57rem);
	z-index: 2;
}
.container .aside-lt .bn-wrap,
.container .aside-rt .bn-wrap {
	margin-top: 10px;
}
.container .aside-lt .bn-wrap .bn,
.container .aside-rt .bn-wrap .bn {
	overflow: hidden;
}
.container .aside-lt .bn-wrap .bn + .bn,
.container .aside-rt .bn-wrap .bn + .bn {
	margin-top: 10px;
}
.container .aside-lt .wlt-wrap .info-user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 10px;
	height: 35px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: var(--primary);
	border-radius: 10px 10px 0 0;
}
.container .aside-lt .wlt-wrap .info-user li {
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.container .aside-lt .wlt-wrap .info-user li span + span {
	padding-left: 3px;
}
.container .aside-lt .wlt-wrap .info-user li:nth-child(1) {
	max-width: 60%;
}
.container .aside-lt .wlt-wrap .info-user li:nth-child(2) {
	padding-left: 5px;
	max-width: 40%;
}
.container .aside-lt .wlt-wrap .info-user li:nth-child(2) .ico {
	margin-right: 3px;
}
.container .aside-lt .wlt-wrap .info-user li .ico.lv {
	width: 26px;
	height: 26px;
}
.container .aside-lt .wlt-wrap .info-user li .ico.lv img {
	width: 100%;
}
.container .aside-lt .wlt-wrap .info-user .link.hover {
	color: var(--wh);
	text-decoration: underline;
	text-underline-position: under;
}
.container .aside-lt .wlt-wrap .info-wlt {
	padding: 10px;
	background-color: var(--bg-container);
	border: var(--primary) solid 2px;
	border-top: none;
	border-radius: 0 0 10px 10px;
}
.container .aside-lt .wlt-wrap .info-wlt dl {
	display: grid;
	grid-template-columns: repeat(2, 110px calc(100% - 110px));
	color: var(--gray-b);
	font-size: 1rem;
}
.container .aside-lt .wlt-wrap .info-wlt dl .ico {
	margin-right: 4px;
	width: 1.28rem;
	height: 1.28rem;
	background-color: var(--primary);
}
.container .aside-lt .wlt-wrap .info-wlt dl .num {
	color: var(--font-color);
}
.container .aside-lt .wlt-wrap .info-wlt dl .num + span {
	display: inline-block;
	width: 18px;
}
.container .aside-lt .wlt-wrap .info-wlt dl dd {
	text-align: right;
}
.container .aside-lt .wlt-wrap .info-wlt dl + dl {
	margin-top: 8px;
}
.container .aside-lt .wlt-wrap .btn-bx {
	margin-top: 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 7px;
}
.container .aside-lt .wlt-wrap .btn-bx .link.border {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 30px;
	line-height: 1em;
	background-color: var(--bg-container);
	border: var(--primary) solid 2px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px;
}
.container .aside-lt .side-nav {
	margin-top: 10px;
	max-height: calc(100vh - 65px - 60px - 150px);
	overflow: auto;
	scrollbar-3dLight-Color: #3b3b3c;
	scrollbar-arrow-color: #3b3b3c;
	scrollbar-base-color: #1c1c1c;
	scrollbar-Face-Color: #3b3b3c;
	scrollbar-Track-Color: #1c1c1c;
	scrollbar-DarkShadow-Color: #3b3b3c;
	scrollbar-Highlight-Color: #3b3b3c;
	scrollbar-Shadow-Color: #3b3b3c;
}
.container .aside-lt .side-nav::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.container .aside-lt .side-nav::-webkit-scrollbar-thumb {
	background-color: #3b3b3c;
	border-radius: 4px;
}
.container .aside-lt .side-nav::-webkit-scrollbar-track {
	background-color: #1c1c1c;
	width: 4px;
	height: 4px;
	border-radius: 4px;
}
.container .aside-lt .side-nav li {
	position: relative;
}
.container .aside-lt .side-nav .menu {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	line-height: 1em;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.container .aside-lt .side-nav .menu.active {
	color: var(--wh) !important;
}
.container .aside-lt .side-nav .count {
	position: absolute;
	top: 6px;
	right: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 30px;
	height: 20px;
	font-size: 12px;
	line-height: 1em;
	color: var(--gray-d);
	background-color: var(--gray-3);
	border-radius: 3px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.container .aside-lt .side-nav .snb-more {
	display: block;
	position: absolute;
	right: 10px;
	width: 14px;
	height: 14px;
	-webkit-mask-image: url(../images/remote/btn-fold.svg);
	mask-image: url(../images/remote/btn-fold.svg);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: var(--wh);
	z-index: 2;
}
.container .aside-lt .side-nav .snb-more[aria-expanded=true] {
	-webkit-mask-image: url(../images/remote/btn-opn.svg);
	mask-image: url(../images/remote/btn-opn.svg);
}
.container .aside-lt .side-nav .depth1 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: var(--bg-container);
	border-radius: 5px;
	overflow: hidden;
}
.container .aside-lt .side-nav .depth1 > .snb-more {
	top: 15px;
}
.container .aside-lt .side-nav .depth1 > .menu {
	padding: 0 15px;
	height: 45px;
	font-size: 1.28rem;
	font-weight: 300;
}
.container .aside-lt .side-nav .depth2 {
	width: 100%;
}
.container .aside-lt .side-nav .depth2 > li {
	padding: 0 15px;
}
.container .aside-lt .side-nav .depth2 > li + li::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: calc(100% - 30px);
	height: 1px;
	background-color: var(--border);
}
.container .aside-lt .side-nav .depth2 .menu {
	height: 35px;
	font-size: 13px;
	color: var(--gray-b);
}
.container .aside-lt .side-nav .depth2 .menu.hover {
	color: var(--primary);
	text-decoration: underline;
	text-underline-position: under;
}
.container .aside-lt .side-nav .depth2 .snb-more {
	top: 12px;
	width: 10px;
	height: 10px;
}
.container .aside-lt .side-nav .depth2 .count,
.container .aside-lt .side-nav .depth2 .snb-more {
	right: 15px;
}
.container .aside-lt .side-nav .depth2 li:has(.count) .snb-more {
	right: 55px;
}
.container .aside-lt .side-nav .depth3 {
	border-top: var(--border) solid 1px;
}
.container .aside-lt .side-nav .depth3 .count {
	right: 0;
}
.container .aside-lt .side-nav .depth3 .menu {
	position: relative;
	max-width: calc(100% - 30px);
	padding-left: 13px;
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.container .aside-lt .side-nav .depth3 .menu::before {
	content: "-";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.container .aside-lt .side-nav .depth1 + .depth1 {
	margin-top: 10px;
}
.container .aside-rt .aside-inner {
	position: sticky;
	top: 0;
}
.container .aside-rt .aside-inner.fix {
	position: relative;
}
.container .aside-rt .cart-wrap {
	background-image: -webkit-gradient(linear, left top, right top, from(var(--bg-container)), to(var(--bg-head)));
	background-image: linear-gradient(90deg, var(--bg-container) 0%, var(--bg-head) 100%);
	border: var(--primary) solid 1px;
	border-radius: 10px;
	overflow: hidden;
}
.container .aside-rt .cart-wrap .btn-cart {
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	text-align: center;
	border-bottom: var(--primary) solid 1px;
}
.container .aside-rt .cart-wrap .btn-cart .cart-fold {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 68px;
	height: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: transparent;
	color: transparent;
	font-size: 0;
	text-indent: -999px;
	overflow: hidden;
}
.container .aside-rt .cart-wrap .btn-cart .cart-fold::before, .container .aside-rt .cart-wrap .btn-cart .cart-fold::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.container .aside-rt .cart-wrap .btn-cart .cart-fold::before {
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 14px;
	height: 14px;
	background-color: var(--wh);
	-webkit-mask-image: url(../images/remote/arrw-dwn.svg);
	mask-image: url(../images/remote/arrw-dwn.svg);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 2;
}
.container .aside-rt .cart-wrap .btn-cart .cart-fold::after {
	bottom: 0;
	height: 0;
	width: 48px;
	border-bottom: 20px solid var(--primary);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	z-index: 1;
}
.container .aside-rt .cart-wrap.all-close .btn-cart .cart-fold::before {
	-webkit-mask-image: url(../images/remote/arrw-up.svg);
	mask-image: url(../images/remote/arrw-up.svg);
}
.container .aside-rt .cart-wrap .cart-head {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 10px;
	height: 35px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--primary);
}
.container .aside-rt .cart-wrap .switch {
	position: relative;
	width: calc(12px * 2);
	height: 12px;
	background-color: var(--wh);
	border-radius: calc(12px / 2);
	cursor: pointer;
}
.container .aside-rt .cart-wrap .switch .slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	background-color: var(--gray-9);
	border: var(--wh) solid 1px;
	border-radius: 50%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.container .aside-rt .cart-wrap .switch.active .slider {
	left: auto;
	right: 0;
	background-color: var(--primary);
}
.container .aside-rt .cart-wrap .cart {
	padding: 0 10px 10px;
	max-height: 210px;
	overflow: auto;
	scrollbar-3dLight-Color: #3b3b3c;
	scrollbar-arrow-color: #3b3b3c;
	scrollbar-base-color: #1c1c1c;
	scrollbar-Face-Color: #3b3b3c;
	scrollbar-Track-Color: #1c1c1c;
	scrollbar-DarkShadow-Color: #3b3b3c;
	scrollbar-Highlight-Color: #3b3b3c;
	scrollbar-Shadow-Color: #3b3b3c;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.container .aside-rt .cart-wrap .cart::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.container .aside-rt .cart-wrap .cart::-webkit-scrollbar-thumb {
	background-color: #3b3b3c;
	border-radius: 4px;
}
.container .aside-rt .cart-wrap .cart::-webkit-scrollbar-track {
	background-color: #1c1c1c;
	width: 4px;
	height: 4px;
	border-radius: 4px;
}
.container .aside-rt .cart-wrap .bet-list {
	font-size: 13px;
}
.container .aside-rt .cart-wrap .bet-list li:not(.no-data) {
	border-bottom: var(--bg-head) solid 1px;
}
.container .aside-rt .cart-wrap .bet-list .no-data {
	padding: 10px 15px;
	text-align: center;
}
.container .aside-rt .cart-wrap .bet-list .game-bx {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 5px;
	height: 70px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 3;
}
.container .aside-rt .cart-wrap .bet-list .game-bx .cart-del {
	position: absolute;
	top: 10px;
	right: 0;
}
.container .aside-rt .cart-wrap .bet-list .game-bx .cart-del .ico.close {
	width: 10px;
	height: 10px;
	background-color: var(--gray-9);
}
.container .aside-rt .cart-wrap .bet-list .game-bx .team-info {
	padding-right: 10px;
	line-height: 1.25em;
	max-height: 2.5em;
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.container .aside-rt .cart-wrap .bet-list .game-bx .team-info .name {
	display: inline-block;
	max-width: 65%;
	line-height: 1.25em;
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.container .aside-rt .cart-wrap .bet-list .game-bx .team-info span {
	float: left;
}
.container .aside-rt .cart-wrap .bet-list .game-bx .team-info span + span {
	padding-left: 3px;
}
.container .aside-rt .cart-wrap .bet-list li + li {
	border-top: var(--border) solid 1px;
}
.container .aside-rt .cart-wrap .bet-wlt {
	padding: 10px;
}
.container .aside-rt .cart-wrap .bet-wlt .wlt {
	font-size: 13px;
}
.container .aside-rt .cart-wrap .bet-wlt .wlt dl {
	display: grid;
	grid-template-columns: repeat(2, 60px calc(100% - 60px));
	color: var(--gray-d);
}
.container .aside-rt .cart-wrap .bet-wlt .wlt dl dd {
	text-align: right;
}
.container .aside-rt .cart-wrap .bet-wlt .wlt dl dd span {
	padding-right: 5px;
}
.container .aside-rt .cart-wrap .bet-wlt .wlt dl dd em {
	font-weight: 300;
}
.container .aside-rt .cart-wrap .bet-wlt .wlt dl dd input {
	padding-right: 4px;
	max-width: 80%;
	height: 24px;
	text-align: right;
}
.container .aside-rt .cart-wrap .bet-wlt .wlt dl + dl {
	padding-top: 5px;
}
.container .aside-rt .cart-wrap .bet-wlt .wlt.bet-price .txt-bet + dl {
	margin-top: 5px;
}
.container .aside-rt .cart-wrap .bet-wlt .wlt.bet-price dl {
	grid-template-columns: repeat(2, 1fr);
	color: var(--gray-b);
}
@media screen and (max-width: 1024px) {
	.container .aside-rt .cart-wrap .bet-wlt .wlt.bet-price {
		font-size: 12px;
	}
}
.container .aside-rt .cart-wrap .btn-bx {
	padding: 15px 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 7px;
}
.container .aside-rt .cart-wrap .btn-bx .btn {
	height: 30px;
}
.container .aside-rt .cart-wrap .btn-bx > .btn-gra01 {
	background-color: #101010;
	border: var(--primary) solid 2px;
}
.container .aside-rt .cart-wrap .btn-bx > .btn-gra02 {
	background-color: #1c1c1c;
	border: var(--secondary) solid 2px;
}
.container .aside-rt .cart-wrap .btn-bx > .btn-gra01,
.container .aside-rt .cart-wrap .btn-bx > .btn-gra02 {
	background-image: none;
	color: #fff;
	font-weight: 400;
}
.container .aside-rt .cart-wrap .btn-bx > .btn-gra01.hover,
.container .aside-rt .cart-wrap .btn-bx > .btn-gra02.hover {
	background-color: var(--bg-container);
}
@media screen and (max-width: 1024px) {
	.container .aside-rt .cart-wrap .btn-bx > .btn-gra01,
	.container .aside-rt .cart-wrap .btn-bx > .btn-gra02 {
		border-width: 1px;
	}
}
.container .aside-rt .cart-wrap .btn-bx .btn.only {
	grid-column: span 3;
}
.container .aside-rt .cart-wrap .mobile,
.container .aside-rt .cart-wrap .wlt.bet-price .mobile {
	display: none;
}
.container .go-bx {
	position: fixed;
	right: 10px;
	bottom: 35px;
	width: 2.14rem;
	z-index: 3;
}
.container .go-bx .scrl-go {
	position: relative;
	display: none;
	width: 2.14rem;
	height: 2.14rem;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.1);
	z-index: 100;
	color: transparent;
	font-size: 0;
	text-indent: -999px;
	overflow: hidden;
}
.container .go-bx .scrl-go::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 14px;
	height: 14px;
	background-color: var(--gray-8);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.container .go-bx .go-top::after {
	-webkit-mask-image: url(../images/remote/arrw-up.svg);
	mask-image: url(../images/remote/arrw-up.svg);
}
.container .go-bx .go-btm::after {
	-webkit-mask-image: url(../images/remote/arrw-dwn.svg);
	mask-image: url(../images/remote/arrw-dwn.svg);
}
@media screen and (max-width: 1024px) {
	.container {
		display: block;
		padding: 0;
		background: var(--bg-body);
	}
	.container .content {
		padding: 10px 0;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		min-height: calc(100vh - 100px);
		border-radius: 0;
	}
	.container .content .notice-wrap {
		padding: 0 10px;
	}
	.container .content .notice-wrap ul .ico + span {
		display: none;
	}
	.container .content .notice-wrap ul li:nth-child(1) {
		-ms-flex-preferred-size: 35px;
		flex-basis: 35px;
	}
	.container .content .notice-wrap ul li:nth-child(2) {
		-ms-flex-preferred-size: calc(100% - 35px);
		flex-basis: calc(100% - 35px);
		height: 1em;
		line-height: 1em;
	}
	.container .aside-lt,
	.container .bn-wrap {
		display: none;
	}
	.container .aside-rt {
		position: fixed;
		left: 0;
		bottom: 0;
		-ms-flex-preferred-size: 100vw;
		flex-basis: 100vw;
		width: 100vw;
		max-width: 100vw;
		min-height: auto;
	}
	.container .aside-rt .cart-wrap {
		border: none;
		border-radius: 0;
	}
	.container .aside-rt .cart-wrap .mobile {
		display: block;
	}
	.container .aside-rt .cart-wrap .cart-head {
		display: none;
	}
	.container .aside-rt .cart-wrap .cart {
		padding: 0;
		height: 0;
		overflow: hidden;
	}
	.container .aside-rt .cart-wrap .cart .bet-list:has(.game-bx) {
		padding: 10px 15px;
	}
	.container .aside-rt .cart-wrap .btn-bx,
	.container .aside-rt .cart-wrap .wlt > dl:not(.mobile) {
		display: none;
	}
	.container .aside-rt .cart-wrap .bet-wlt {
		padding: 0;
	}
	.container .aside-rt .cart-wrap .wlt:not(.bet-price) .mobile {
		padding: 10px;
		display: grid;
		grid-template-columns: repeat(2, 50%);
		gap: 4px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.container .aside-rt .cart-wrap .wlt:not(.bet-price) .mobile dl:nth-child(1) {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.container .aside-rt .cart-wrap .wlt:not(.bet-price) .mobile dl:nth-child(2) {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		padding-top: 0;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.container .aside-rt .cart-wrap .wlt:not(.bet-price) .mobile dl:nth-child(2) dd {
		padding-left: 5px;
		max-width: calc(100% - 71px);
	}
	.container .aside-rt .cart-wrap .wlt:not(.bet-price) .mobile dl:nth-child(2) dd span {
		display: inline-block;
		padding-right: 3px;
	}
	.container .aside-rt .cart-wrap .wlt:not(.bet-price) .mobile dl:nth-child(2) dd span,
	.container .aside-rt .cart-wrap .wlt:not(.bet-price) .mobile dl:nth-child(2) dd em {
		vertical-align: middle;
	}
	.container .aside-rt .cart-wrap .wlt.bet-price .txt-bet {
		padding-left: 10px;
	}
	.container .aside-rt .cart-wrap .btn-bx.mobile {
		position: relative;
		display: grid;
		padding: 10px;
		grid-template-columns: repeat(6, 1fr);
		gap: 3px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.container .aside-rt .cart-wrap .btn-bx.mobile .num-area {
		margin-bottom: 3px;
		grid-column: span 6;
		display: grid;
		grid-template-columns: repeat(11, 1fr);
		gap: 3px;
	}
	.container .aside-rt .cart-wrap .btn-bx.mobile .only {
		grid-column: span 3;
	}
	.container .aside-rt .cart-wrap .btn-bx.mobile::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: calc(100% - 20px);
		height: 1px;
		background-color: var(--border);
	}
	.container .aside-rt .cart-wrap .wlt.bet-price .mobile {
		display: grid;
		padding: 0 10px 10px;
	}
	.container .aside-rt .cart-wrap .wlt.bet-price .mobile dd:nth-child(1) {
		text-align: left;
	}
	.container .aside-rt .cart-total.mobile {
		display: block;
		padding: 10px;
		background-color: var(--bg-body);
		border-top: var(--primary) solid 1px;
	}
	.container .aside-rt .cart-total.mobile ul,
	.container .aside-rt .cart-total.mobile ul li {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 4px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.container .aside-rt .cart-total.mobile span {
		display: inline-block;
		width: 100%;
		color: var(--gray-d);
		white-space: nowrap;
		word-break: keep-all;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.container .aside-rt .cart-total.mobile span em {
		font-weight: 500;
	}
	.container .aside-rt .cart-total.mobile .btn {
		height: 30px;
		border-radius: 15px;
	}
	.container .aside-rt .cart-total.mobile .cart-fold span {
		width: auto;
		color: var(--wh);
	}
	.container .aside-rt .cart-total.mobile .cart-fold .opn {
		display: none;
	}
	.container .go-bx {
		bottom: 480px;
	}
	.container .aside-rt .aside-inner.fix .cart-wrap .cart {
		height: auto;
		max-height: 210px;
		border-bottom: var(--border) solid 1px;
		overflow: auto;
	}
	.container .aside-rt .aside-inner .cart-wrap.all-close .wlt,
	.container .aside-rt .aside-inner .cart-wrap.all-close .btn-bx.mobile {
		padding: 0;
		height: 0;
		overflow: hidden;
	}
	.container .aside-rt .aside-inner .cart-wrap.all-close .cart-total.mobile .cart-fold .close {
		display: none;
	}
	.container .aside-rt .aside-inner .cart-wrap.all-close .cart-total.mobile .cart-fold .opn {
		display: inline-block;
	}
}

.footer {
	position: relative;
	color: var(--gray-6);
	text-align: center;
	border-top: var(--border) solid 1px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.footer .gm-logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 110px;
	gap: 30px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: var(--border) solid 1px;
}
.footer .gm-logo img {
	max-height: 30px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.footer .gm-logo li:nth-child(1) img {
	opacity: 0.8;
}
.footer .gm-logo li:nth-child(5) img {
	max-height: 44px;
}
.footer .gm-logo li:nth-child(6) img {
	max-height: 44px;
}
.footer > p {
	padding: 0 20px;
}
.footer .copy {
	padding: 35px;
}
@media screen and (max-width: 1024px) {
	.footer {
		padding-bottom: 270px;
	}
	.footer .gm-logo {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.wrap:has(.cart-wrap.all-close) .footer {
		padding-bottom: 100px;
	}
	.wrap:has(.aside-inner.fix) .footer {
		padding-bottom: 480px;
	}
}
/*------------------ game ------------------*/
.gm-wrap .col-date,
.gm-wrap .col-vs {
	grid-column: span 3;
}
.gm-wrap .col-home,
.gm-wrap .col-away {
	grid-column: span 7;
}
.gm-wrap:has(.col-type) .col-date {
	grid-column: span 2;
}
.gm-wrap:has(.col-type) .col-type,
.gm-wrap:has(.col-type) .col-vs {
	grid-column: span 2;
}
.gm-wrap:has(.col-type) .col-home,
.gm-wrap:has(.col-type) .col-away {
	grid-column: span 6;
}
.gm-wrap:has(.col-score) .col-home,
.gm-wrap:has(.col-score) .col-away {
	grid-column: span 5;
}
.gm-wrap:has(.col-rslt) .col-score,
.gm-wrap:has(.col-rslt) .col-rslt {
	grid-column: span 2;
}
.gm-wrap .col-rslt:has(.btn-more) .rslt-bx {
	border-width: 2px !important;
}
.gm-wrap .gm-head ul,
.gm-wrap .gm-list .gm-item {
	display: grid;
	grid-template-columns: repeat(20, 1fr);
	gap: 3px;
	line-height: 1.2em;
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.gm-wrap .play-bx {
	margin: 20px auto;
	text-align: center;
}
.gm-wrap .gm-head ul.mgm,
.gm-wrap .gm-list.mgm .gm-item {
	grid-template-columns: repeat(19, 1fr);
}
.gm-wrap .gm-head ul.mgm .col-vs,
.gm-wrap .gm-head ul.mgm .col-home,
.gm-wrap .gm-head ul.mgm .col-away,
.gm-wrap .gm-list.mgm .gm-item .col-vs,
.gm-wrap .gm-list.mgm .gm-item .col-home,
.gm-wrap .gm-list.mgm .gm-item .col-away {
	grid-column: span 5;
}
@media screen and (max-width: 1024px) {
	.gm-wrap .gm-head ul.mgm,
	.gm-wrap .gm-list.mgm .gm-item {
		grid-template-columns: repeat(15, 1fr);
	}
}
@media screen and (max-width: 1024px) {
	.gm-wrap {
		padding: 0 5px;
	}
	.gm-wrap .col-date,
	.gm-wrap .col-type {
		display: none;
	}
	.gm-wrap .col-vs {
		grid-column: span 3;
	}
	.gm-wrap .col-score {
		grid-column: span 2;
	}
	.gm-wrap:has(.col-type) .col-vs {
		grid-column: span 4;
	}
	.gm-wrap:has(.col-type) .col-home,
	.gm-wrap:has(.col-type) .col-away {
		grid-column: span 7;
	}
	.gm-wrap:has(.col-score) .col-vs {
		grid-column: span 4;
	}
	.gm-wrap:has(.col-score) .col-home,
	.gm-wrap:has(.col-score) .col-away {
		grid-column: span 6;
	}
}

.gm-wrap .gm-head {
	border-color: var(--secondary);
	border-style: solid;
	border-top-width: 2px;
	border-bottom-width: 1px;
}
.gm-wrap .gm-head ul {
	height: 40px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.gm-wrap .gm-head li {
	text-align: center;
}

.gm-wrap .gm-list .gm-tit {
	display: block;
	padding-left: 20px;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.gm-wrap .gm-list .gm-tit::after {
	content: "";
	clear: both;
	display: block;
}
.gm-wrap .gm-list .gm-tit img {
	margin-right: 4px;
	vertical-align: middle;
}
.gm-wrap .gm-list .gm-tit .type {
	padding-right: 5px;
}
.gm-wrap .gm-list .gm-tit .type img {
	max-height: 20px;
}
.gm-wrap .gm-list .gm-tit .date-bx {
	float: right;
	padding-right: 5px;
}
.gm-wrap .gm-list .gm-tit .date-bx.mobile {
	visibility: hidden;
}
@media screen and (max-width: 1024px) {
	.gm-wrap .gm-list .gm-tit {
		margin: 10px 0;
		padding-left: 5px;
		height: auto;
		line-height: 20px;
		white-space: normal;
	}
	.gm-wrap .gm-list .gm-tit .date-bx.mobile {
		visibility: visible;
	}
}
.gm-wrap .gm-list .gm-item li {
	height: 40px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media screen and (max-width: 1024px) {
	.gm-wrap .gm-list .gm-item li {
		min-height: 27px;
		height: auto;
	}
}
.gm-wrap .gm-list .gm-item .gm-sub {
	grid-column: span 20;
}
.gm-wrap .gm-list .gm-item.disabled .home-bx,
.gm-wrap .gm-list .gm-item.disabled .vs-bx,
.gm-wrap .gm-list .gm-item.disabled .away-bx {
	color: var(--gray-9);
	background-color: var(--gray-4);
	border-color: var(--gray-5);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}
.gm-wrap .gm-list .gm-item + .gm-item {
	margin-top: 3px;
}
.gm-wrap .gm-list .gm-bx {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	padding: 0 6px;
	gap: 3px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--bg-body);
	border: var(--border) solid 1px;
}
.gm-wrap .gm-list .gm-bx .ico {
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background-size: auto 100%;
}
.gm-wrap .gm-list .gm-bx .ico.handi {
	background-image: url(../images/remote/ico-handi.svg);
}
.gm-wrap .gm-list .gm-bx .ico.over {
	background-image: url(../images/remote/ico-over.svg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.gm-wrap .gm-list .gm-bx .ico.under {
	background-image: url(../images/remote/ico-under.svg);
}
.gm-wrap .gm-list .gm-bx .mobile {
	display: none;
}
@media screen and (max-width: 1024px) {
	.gm-wrap .gm-list .gm-bx .mobile {
		display: inline-block;
	}
}
.gm-wrap .gm-list .gm-bx .btn-more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--border);
}
.gm-wrap .gm-list .gm-bx .btn-more::before {
	content: "";
	display: inline-block;
	margin-right: 4px;
	width: 10px;
	height: 10px;
	background-color: var(--wh);
	-webkit-mask-image: url(../images/remote/btn-opn.svg);
	mask-image: url(../images/remote/btn-opn.svg);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	vertical-align: middle;
}
.gm-wrap .gm-list .gm-bx .btn-more.collapsed {
	background-color: var(--bg-container);
}
.gm-wrap .gm-list .gm-bx .btn-more.collapsed::before {
	-webkit-mask-image: url(../images/remote/btn-fold.svg);
	mask-image: url(../images/remote/btn-fold.svg);
}
@media screen and (max-width: 1024px) {
	.gm-wrap .gm-list .gm-bx .btn-more {
		color: transparent;
		font-size: 0;
		text-indent: -999px;
		overflow: hidden;
	}
	.gm-wrap .gm-list .gm-bx .btn-more::before {
		margin-right: 0;
	}
}
.gm-wrap .gm-list .gm-bx:has(> .btn-more:not(.collapsed)) {
	border-color: var(--gray-6);
}
.gm-wrap .gm-list .gm-bx.home-bx, .gm-wrap .gm-list .gm-bx.vs-bx, .gm-wrap .gm-list .gm-bx.away-bx {
	cursor: pointer;
}
.gm-wrap .gm-list .gm-bx.active {
	background-color: var(--game-bx-select);
	border-color: var(--game-bx-select-border);
}
.gm-wrap .gm-list .gm-bx.win {
	background-color: var(--gray-5);
}
.gm-wrap .gm-list .gm-bx.my-select {
	border-color: var(--primary);
	border-width: 2px;
}
.gm-wrap .gm-list .gm-bx.true {
	color: var(--bk);
	font-weight: 500;
	background-color: var(--yell-500);
	border-color: var(--yell-500);
}
.gm-wrap .gm-list .gm-bx.false {
	background-color: rgba(255, 34, 34, 0.5);
	border-color: var(--red-500);
}
@media screen and (max-width: 1024px) {
	.gm-wrap .gm-list .gm-bx {
		padding: 3px 6px;
	}
}
.gm-wrap .gm-list .type-bx .block {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	text-align: center;
}
.gm-wrap .gm-list .home-bx,
.gm-wrap .gm-list .away-bx {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.gm-wrap .gm-list .home-bx .team,
.gm-wrap .gm-list .away-bx .team {
	width: 80%;
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
	font-family: "Malgun Gothic", arial;
}
.gm-wrap .gm-list .away-bx .team {
	text-align: right;
}
.gm-wrap .gm-list .bet-item {
	padding: 10px;
	text-align: right;
	border-bottom: var(--border-lt) solid 1px;
}
.gm-wrap .gm-list .bet-item li {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.gm-wrap .gm-list .bet-item li .label {
	padding-right: 4px;
}
.gm-wrap .gm-list .bet-item li + li {
	margin-left: 20px;
}
.gm-wrap .gm-list .bet-item li:nth-last-child(1) {
	margin-left: 30px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
	.gm-wrap .gm-list .bet-item {
		display: grid;
		grid-template-columns: repeat(3, auto);
		gap: 0 20px;
		text-align: left;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.gm-wrap .gm-list .bet-item li + li {
		margin-left: 0;
	}
	.gm-wrap .gm-list .bet-item li:nth-last-child(1) {
		grid-column: span 2;
	}
}
.gm-wrap .gm-list .rslt-bx {
	padding: 0;
}
.gm-wrap .gm-list .gm-bet .gm-tit {
	padding-left: 0;
}
@media screen and (max-width: 1440px) {
	.gm-wrap .gm-list .home-bx .team,
	.gm-wrap .gm-list .away-bx .team {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 100%;
		white-space: normal;
		display: -webkit-box;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.gm-wrap .gm-list .home-bx .tm-score,
	.gm-wrap .gm-list .away-bx .tm-score {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.gm-wrap .gm-list .home-bx .tm-txt,
	.gm-wrap .gm-list .away-bx .tm-txt {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}
	.gm-wrap .gm-list .home-bx .team,
	.gm-wrap .gm-list .home-bx .tm-score {
		width: 100%;
		text-align: right;
	}
	.gm-wrap .gm-list .away-bx .team,
	.gm-wrap .gm-list .away-bx .tm-score {
		text-align: left;
	}
}

.gm-wrap .mgm .gm-item .vs-bx {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.gm-wrap .mgm .gm-item .vs-bx .team {
	width: 80%;
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
@media screen and (max-width: 1440px) {
	.gm-wrap .mgm .gm-item .home-bx .team,
	.gm-wrap .mgm .gm-item .away-bx .team,
	.gm-wrap .mgm .gm-item .vs-bx .team {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 100%;
		white-space: normal;
		display: -webkit-box;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.gm-wrap .mgm .gm-item .home-bx .tm-score,
	.gm-wrap .mgm .gm-item .away-bx .tm-score,
	.gm-wrap .mgm .gm-item .vs-bx .tm-score {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.gm-wrap .mgm .gm-item .home-bx .team,
	.gm-wrap .mgm .gm-item .home-bx .tm-score {
		text-align: left;
	}
	.gm-wrap .mgm .gm-item .away-bx .team,
	.gm-wrap .mgm .gm-item .away-bx .tm-score {
		text-align: left;
	}
}

.gm-wrap:has(.gm-list.virtual-sorccer, .gm-list.virtual-basket) .col-date,
.gm-wrap:has(.gm-list.virtual-sorccer, .gm-list.virtual-basket) .col-type,
.gm-wrap:has(.gm-list.virtual-sorccer, .gm-list.virtual-basket) .col-vs {
	grid-column: span 3;
}
.gm-wrap:has(.gm-list.virtual-sorccer, .gm-list.virtual-basket) .col-home,
.gm-wrap:has(.gm-list.virtual-sorccer, .gm-list.virtual-basket) .col-away {
	grid-column: span 6;
}
.gm-wrap:has(.gm-list.virtual-sorccer, .gm-list.virtual-basket) .gm-head ul,
.gm-wrap:has(.gm-list.virtual-sorccer, .gm-list.virtual-basket) .gm-list .gm-item {
	grid-template-columns: repeat(21, 1fr);
}
@media screen and (max-width: 1024px) {
	.gm-wrap:has(.gm-list.virtual-sorccer, .gm-list.virtual-basket) .col-date,
	.gm-wrap:has(.gm-list.virtual-sorccer, .gm-list.virtual-basket) .col-type,
	.gm-wrap:has(.gm-list.virtual-sorccer, .gm-list.virtual-basket) .col-vs {
		display: grid;
		grid-column: span 3;
	}
	.gm-wrap:has(.gm-list.virtual-sorccer, .gm-list.virtual-basket) .col-home,
	.gm-wrap:has(.gm-list.virtual-sorccer, .gm-list.virtual-basket) .col-away {
		grid-column: span 6;
	}
}

.gm-wrap:has(.gm-list.virtual-dog) .col-date,
.gm-wrap:has(.gm-list.virtual-dog) .col-type {
	grid-column: span 3;
}
.gm-wrap:has(.gm-list.virtual-dog) .col-dog {
	grid-column: span 14;
}
@media screen and (max-width: 1024px) {
	.gm-wrap:has(.gm-list.virtual-dog) .col-date,
	.gm-wrap:has(.gm-list.virtual-dog) .col-type {
		display: grid;
		grid-column: span 5;
	}
	.gm-wrap:has(.gm-list.virtual-dog) .col-dog {
		grid-column: span 10;
	}
	.gm-wrap:has(.gm-list.virtual-dog) .col-dog .team,
	.gm-wrap:has(.gm-list.virtual-dog) .col-dog .tm-score {
		width: auto;
		text-align: left;
	}
}

@media screen and (max-width: 1024px) {
	.gm-wrap.bet-list .gm-head ul,
	.gm-wrap.bet-list .gm-list .gm-item {
		grid-template-columns: repeat(21, 1fr);
	}
	.gm-wrap.bet-list .gm-list .gm-tit {
		padding-right: 5px;
	}
	.gm-wrap.bet-list .gm-list .gm-tit,
	.gm-wrap.bet-list .gm-list .gm-item {
		grid-template-rows: repeat(2, 1fr);
	}
	.gm-wrap.bet-list .col-date,
	.gm-wrap.bet-list .col-type {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		grid-column: span 3;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.gm-wrap.bet-list .col-home,
	.gm-wrap.bet-list .col-away {
		grid-column: span 6;
		grid-row: span 2;
	}
	.gm-wrap.bet-list .col-vs {
		grid-column: span 3;
		grid-row: span 2;
	}
	.gm-wrap.bet-list .col-score,
	.gm-wrap.bet-list .col-rslt {
		grid-column: span 3;
	}
	.gm-wrap.bet-list .col-date {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.gm-wrap.bet-list .col-type {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 6;
		order: 6;
	}
	.gm-wrap.bet-list .col-home {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.gm-wrap.bet-list .col-vs {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}
	.gm-wrap.bet-list .col-away {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}
	.gm-wrap.bet-list .col-score {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
	}
	.gm-wrap.bet-list .col-rslt {
		-webkit-box-ordinal-group: 8;
		-ms-flex-order: 7;
		order: 7;
	}
	.gm-wrap.bet-list .bet-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5px;
		padding: 10px 0;
	}
	.gm-wrap.bet-list .bet-item .btn-wrap {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
}

/*------------------ casino ------------------*/
.casino-wrap .casino-bn .list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px 10px;
}
.casino-wrap .casino-bn .list.col-5 {
	grid-template-columns: repeat(5, 1fr);
}
.casino-wrap .casino-bn .list.col-6 {
	grid-template-columns: repeat(6, 1fr);
}
.casino-wrap .casino-bn .list.col-7 {
	grid-template-columns: repeat(7, 1fr);
}
.casino-wrap .casino-bn .list.col-8 {
	grid-template-columns: repeat(8, 1fr);
}
.casino-wrap .casino-bn .casino-bx {
	position: relative;
	width: 100%;
	height: 100%;
}
.casino-wrap .casino-bn .casino-bx .link {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	cursor: pointer;
}
.casino-wrap .casino-bn .casino-bx .link.hover ~ .img:not(.soon)::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(241, 48, 255, 0.25) url(../images/remote/casino/playnow.png) center no-repeat;
	background-size: 100% auto;
	-webkit-animation: spinX 0.3s forwards;
	animation: spinX 0.3s forwards;
	z-index: 2;
}
.casino-wrap .casino-bn .casino-bx .logo {
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	line-height: 1em;
	font-size: 1.42rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-shadow: 0 5px 5px black;
	z-index: 2;
}
.casino-wrap .casino-bn .casino-bx .logo .h10per {
	height: 10%;
}
.casino-wrap .casino-bn .casino-bx .logo .h15per {
	height: 15%;
}
.casino-wrap .casino-bn .casino-bx .logo .h20per {
	height: 20%;
}
.casino-wrap .casino-bn .casino-bx .logo .h25per {
	height: 25%;
}
.casino-wrap .casino-bn .casino-bx .logo .h30per {
	height: 30%;
}
.casino-wrap .casino-bn .casino-bx .logo .h35per {
	height: 35%;
}
.casino-wrap .casino-bn .casino-bx .logo.slot {
	padding-bottom: 20px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.casino-wrap .casino-bn .casino-bx .logo.slot::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 70%;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0.85)));
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 90%);
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	z-index: -1;
}
.casino-wrap .casino-bn .casino-bx .img {
	position: relative;
	background-color: var(--bk);
	border-radius: 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 10px 40px 0 inset;
	box-shadow: rgba(0, 0, 0, 0.8) 0 10px 40px 0 inset;
	overflow: hidden;
}
.casino-wrap .casino-bn .casino-bx .img img {
	display: block;
}
.casino-wrap .casino-bn .casino-bx .img .img-dk {
	opacity: 0.6;
}
@media screen and (max-width: 1024px) {
	.casino-wrap .casino-bn {
		margin-bottom: 10px;
	}
	.casino-wrap .casino-bn .list {
		padding: 0 20px;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px;
	}
}

.modal .casino-wrap .casino-bn .list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px 10px;
}
.modal .casino-wrap .casino-bn .list.col-6 {
	grid-template-columns: repeat(6, 1fr);
}
.modal .casino-wrap .casino-bn .list.col-7 {
	grid-template-columns: repeat(7, 1fr);
}
.modal .casino-wrap .casino-bn .list.col-8 {
	grid-template-columns: repeat(8, 1fr);
}
@media screen and (max-width: 1024px) {
	.modal .casino-wrap .casino-bn .list {
		grid-template-columns: repeat(3, 1fr) !important;
		padding: 0;
	}
}
.modal .casino-wrap .casino-bn .blank .img {
	position: relative;
	border: var(--gray-4) solid 1px;
	border-radius: 10px;
	overflow: hidden;
}
.modal .casino-wrap .casino-bn .blank .img img {
	display: block;
}
.modal .casino-wrap .casino-bn .blank .img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.modal .casino-wrap .casino-bn .blank p {
	margin-top: 5px;
	text-align: center;
	color: var(--bk);
	font-size: 1.14rem;
}
.modal .casino-wrap .casino-bn .blank:hover .img::after {
	opacity: 1;
}

/*------------------ mini ------------------*/
.mini-frame-wrap,
.play-bx {
	margin-top: 20px;
	padding: 10px;
	text-align: center;
	border: var(--border) solid 2px;
}

.frame-wrap {
	position: relative;
	margin: 0 auto;
	width: 59.28rem;
	max-width: 100%;
	height: 0;
	padding-bottom: 45.71rem;
	text-align: center;
	overflow: hidden;
}
.frame-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.frame-wrap.stardari {
	width: 57.14rem;
	padding-bottom: 42.85rem;
}

.frame-wrap.entry {
	width: 60.14rem;
	padding-bottom: 52.85rem;
}

.frame-wrap.sureracing {
	width: 64.28rem;
	padding-bottom: 62.85rem;
}
.frame-wrap.sureracing iframe {
	width: 900px;
	height: 880px;
}
.frame-wrap.roulette {
	width: 57.14rem;
	padding-bottom: 67.14rem;
}
.frame-wrap.roulette iframe {
	position: absolute;
	width: 85.71rem;
	height: 92.85rem;
	top: -23.93rem;
	left: -2.86rem;
}
@media screen and (max-width: 1024px) {
	.frame-wrap {
		width: 100%;
		padding-bottom: 24.28rem;
	}
	.frame-wrap iframe {
		left: 50%;
		width: 830px;
		height: 640px;
		-webkit-transform: scale(0.45) translateX(-50%);
		transform: scale(0.45) translateX(-50%);
		-webkit-transform-origin: top left;
		transform-origin: top left;
	}


	.frame-wrap iframe.mini-pc {
		display:none;
	}

	.frame-wrap iframe.mini-mobile {
		display:inherit !important;
		-webkit-transform: scale(1.5) translateX(-19%);
		transform: scale(1.5) translateX(-19%);
	}

	.frame-wrap.stardari {
		width: 100%;
		padding-bottom: 24.28rem;
	}
	.frame-wrap.stardari iframe {
		width: 800px;
		height: 600px;
	}
	.frame-wrap.entry {
		width: 100%;
		padding-bottom: 42rem;
	}
	.frame-wrap.entry iframe {
		width: 800px;
		height: 600px;
	}

	.frame-wrap.roulette {
		width: 100%;
		max-width: 32.14rem;
		padding-bottom: 35rem;
	}
	.frame-wrap.roulette iframe {
		width: 1200px;
		height: 1300px;
		top: -155px;
		left: 72%;
	}
	.frame-wrap.sureracing {
		width: 100%;
		padding-bottom: 35.71rem;
	}
}

.flip_time {
	width: calc(100% - 0.71rem);
	padding: 0.5rem 0.35rem;
	border-radius: 3px;
	border: var(--border) solid 1px;
	background: url(../images/remote/bg_time.png);
	font-size: 1.57rem;
	text-align: center;
}
.flip_time em {
	text-shadow: rgb(0, 0, 0) 1px 0 5px;
	margin-right: 0.14rem;
}
.flip_time span {
	display: inline-block;
	width: 1.78rem;
	height: 2.64rem;
	line-height: 2.64rem;
	background: url(../images/remote/bg_flip.png) no-repeat;
	background-size: auto 100%;
	text-shadow: rgb(0, 0, 0) 1px 0 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px 0;
	box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px 0;
}

.top-tit {
	padding: 10px;
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.14rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: var(--border) solid 2px;
	border-top: none;
}
.top-tit small {
	font-size: 80%;
}
@media screen and (max-width: 1024px) {
	.top-tit {
		margin: 0 -5px 20px;
		font-size: 1rem;
	}
	.top-tit small {
		display: block;
	}
}

.mini-wrap .mini-game .mini-list {
	display: grid;
	gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.mini-wrap .mini-game .mini-list:has(> .item:nth-child(1)) {
	grid-template-columns: repeat(1, 1fr);
}
.mini-wrap .mini-game .mini-list:has(> .item:nth-child(2)) {
	grid-template-columns: repeat(2, 1fr);
}
.mini-wrap .mini-game .mini-list:has(> .item:nth-child(3)) {
	grid-template-columns: repeat(3, 1fr);
}
.mini-wrap .mini-game .mini-list:has(> .item:nth-child(4)) {
	grid-template-columns: repeat(4, 1fr);
}
.mini-wrap .mini-game .mini-list:has(> .item:nth-child(5)) {
	grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 1024px) {
	.mini-wrap .mini-game .mini-list {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
.mini-wrap .mini-game .item {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 3px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.mini-wrap .mini-game .item.disabled .gm {
	color: var(--gray-9);
	background-color: var(--gray-4);
	border-color: var(--gray-5) !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}
.mini-wrap .mini-game .item.disabled .gm .circle {
	color: var(--gray-e) !important;
	-webkit-filter: grayscale(0.5);
	filter: grayscale(0.5);
}
.mini-wrap .mini-game .item .tit {
	grid-column: span 6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 40px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--bg-body);
	border: var(--border) solid 1px;
	border-radius: 5px;
}
.mini-wrap .mini-game .item .gm {
	grid-column: span 3;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 20px 10px;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-color: var(--border);
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
}
.mini-wrap .mini-game .item .gm.odd {
	border-color: rgba(34, 167, 255, 0.3);
}
.mini-wrap .mini-game .item .gm.mid {
	border-color: rgba(57, 164, 99, 0.3);
}
.mini-wrap .mini-game .item .gm.even {
	border-color: rgba(255, 34, 34, 0.3);
}
.mini-wrap .mini-game .item .gm.active {
	background-color: var(--game-bx-select);
	border-color: var(--primary);
}
.mini-wrap .mini-game .item .circle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 3.57rem;
	height: 3.57rem;
	font-size: 1.28rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	-webkit-box-shadow: inset rgba(0, 0, 0, 0.15) -3px -3px 3px;
	box-shadow: inset rgba(0, 0, 0, 0.15) -3px -3px 3px;
}
.mini-wrap .mini-game .item .circle.red {
	background-color: var(--red-500);
}
.mini-wrap .mini-game .item .circle.blue {
	background-color: var(--blue-400);
}
.mini-wrap .mini-game .item .circle.grn {
	background-color: var(--grn-500);
}
.mini-wrap .mini-game .item .circle.yell {
	background-color: var(--yell-600);
}
.mini-wrap .mini-game .item .circle + p {
	margin-top: 20px;
}
.mini-wrap .mini-game .item:has(> .score, > .mid) .gm {
	grid-column: span 2;
}
.mini-wrap .mini-game .item.row .gm {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.mini-wrap .mini-game .mini-list.powerladder {
	grid-template-columns: repeat(5, 1fr) !important;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}
.mini-wrap .mini-game .mini-list.powerladder .item:not(.row) {
	grid-column: span 2;
	height: 100%;
}
.mini-wrap .mini-game .mini-list.powerladder .item:not(.row) .gm {
	grid-row: span 6;
}
.mini-wrap .mini-game .mini-list.powerladder .item.row {
	grid-column: span 3;
}
.mini-wrap .mini-game .mini-list.powerladder .item.row .gm {
	padding: 10px;
}
.mini-wrap .mini-game .mini-list.sureracing {
	grid-template-columns: repeat(4, 1fr) !important;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}
.mini-wrap .mini-game .mini-list.sureracing .item:not(.row) {
	height: 100%;
}
.mini-wrap .mini-game .mini-list.sureracing .item.racing {
	grid-column: span 2;
	grid-template-columns: repeat(4, 1fr);
}
.mini-wrap .mini-game .mini-list.sureracing .item.racing .tit {
	grid-column: span 4;
}
.mini-wrap .mini-game .mini-list.sureracing .item.racing .gm {
	grid-column: span 1;
}
.mini-wrap .mini-game .mini-list.sureracing .item.racing .gm .circle::after {
	content: "";
	clear: both;
	display: block;
}
@media screen and (max-width: 1024px) {
	.mini-wrap .mini-game .mini-list.sureracing {
		grid-template-columns: repeat(4, 1fr) !important;
	}
	.mini-wrap .mini-game .mini-list.sureracing .item.racing {
		grid-column: span 4;
	}
	.mini-wrap .mini-game .mini-list.sureracing .item:not(.racing) {
		grid-column: span 2;
	}
}
.mini-wrap .mini-game .mini-list.sureracing2 {
	grid-template-columns: repeat(5, 1fr) !important;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}
.mini-wrap .mini-game .mini-list.sureracing2 .item:not(.row) {
	height: 100%;
}
.mini-wrap .mini-game .mini-list.sureracing2 .item.racing {
	grid-column: span 2;
	grid-template-columns: repeat(4, 1fr);
}
.mini-wrap .mini-game .mini-list.sureracing2 .item.racing .tit {
	grid-column: span 4;
}
.mini-wrap .mini-game .mini-list.sureracing2 .item.racing .gm {
	grid-column: span 1;
}
.mini-wrap .mini-game .mini-list.sureracing2 .item.racing .gm .circle::after {
	content: "";
	clear: both;
	display: block;
}
@media screen and (max-width: 1024px) {
	.mini-wrap .mini-game .mini-list.sureracing2 {
		grid-template-columns: repeat(6, 1fr) !important;
	}
	.mini-wrap .mini-game .mini-list.sureracing2 .item.racing {
		grid-column: span 6;
	}
	.mini-wrap .mini-game .mini-list.sureracing2 .item:not(.racing) {
		grid-column: span 2;
	}
}
.mini-wrap .mini-game .mini-list.roulette .item.row {
	grid-column: span 3;
}
.mini-wrap .mini-game .mini-list.roulette .item.row .gm {
	padding: 10px;
}
.mini-wrap .mini-game .mini-list.roulette .item.row .circle {
	font-size: 1rem;
}

/*------------------ board ------------------*/
.srch-wrap + .board-list {
	margin-top: 0;
}

.board-list {
	margin-top: 10px;
}
.board-list .board-tit {
	font-size: 1.28rem;
}
.board-list .board-tit small {
	padding-left: 10px;
	font-size: 13px;
	color: var(--gray-a);
}

.board-list table {
	width: 100%;
	border-bottom: var(--border) solid 1px;
}
.board-list table tr > .chk {
	width: 30px;
}
.board-list table tr > .num {
	width: 8%;
}
.board-list table tr > .subject {
	width: 57%;
}
.board-list table tr > .writer {
	width: 15%;
}
.board-list table tr > .writer img {
	height: 1.14rem;
	vertical-align: middle;
}
@media screen and (max-width: 1024px) {
	.board-list table tr > .writer img {
		height: auto;
	}
}
.board-list table tr > .date,
.board-list table tr > .hit,
.board-list table tr > .stat {
	width: 10%;
}
.board-list table tr:has(> .chk) .subject {
	width: 67%;
}
.board-list table thead th {
	height: 40px;
	text-align: center;
	font-weight: 400;
	color: var(--wh) !important;
	background-color: var(--bg-body);
	border-color: var(--border);
	border-style: solid;
	border-top-width: 2px;
	border-bottom-width: 1px;
	word-break: keep-all;
}
.board-list table tbody td {
	padding: 5px;
	height: 40px;
	vertical-align: middle;
}
.board-list table tbody td:not(.subject) {
	color: var(--gray-b);
	text-align: center;
}
.board-list table tbody td .ico.lv {
	margin-right: 3px;
	width: 1.57rem;
	height: 1.57rem;
}
.board-list table tbody td .ico.lv img {
	height: 100%;
}
.board-list table tbody tr + tr td {
	border-top: var(--border) solid 1px;
}
.board-list table tbody tr.msg td {
	border-top: var(--border-lt) solid 1px;
}
.board-list table tbody td.msg {
	padding: 10px 5px;
	height: auto;
	text-align: left;
}
.board-list table .no-data {
	padding: 50px 0;
	text-align: center;
}
.board-list table .link.hover {
	text-decoration: underline;
	text-underline-position: under;
}
.board-list table .reply {
	display: inline-block;
	margin-left: 4px;
	color: var(--gray-8);
}
.board-list table .badge {
	display: inline-block;
	margin-right: 7px;
	min-width: 4.64rem;
	padding: 4px 10px;
	line-height: 1em;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
}
.board-list table .badge.notice {
	color: var(--bg-container);
	background-color: var(--cyan-300);
	font-weight: 500;
}
.board-list table .badge.event {
	color: var(--bg-container);
	background-color: var(--ygrn-100);
	font-weight: 500;
}
.board-list table .start-rt,
.board-list table .odd {
	color: var(--blue-400);
}
.board-list table .start-lt,
.board-list table .even {
	color: var(--org-500);
}
.board-list table .win {
	position: relative;
	display: inline-block;
	width: 2.14rem;
	height: 2.14rem;
	line-height: 2.14rem;
	border-radius: 50%;
	color: var(--wh);
}
.board-list table .win.odd {
	background: var(--blue-500);
}
.board-list table .win.even {
	background: var(--red-500);
}
.board-list table .win em {
	position: absolute;
	top: -0.22rem;
	display: inline-block;
	width: 0.92rem;
	height: 0.92rem;
	line-height: 0.92rem;
	border-radius: 50%;
	font-size: 0.64rem;
	font-family: "verdana";
	background: var(--bg-body);
}
.board-list table .win.lt em {
	left: -0.22rem;
}
.board-list table .win.rt em {
	right: -0.22rem;
}

.board-detail {
	margin-top: 20px;
}
.board-detail .board-head {
	border-top: var(--border) solid 2px;
	border-bottom: var(--border) solid 1px;
}
.board-detail .board-head .subject {
	padding: 10px;
	font-size: 1rem;
}
.board-detail .board-head .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-top: var(--border-lt) solid 1px;
}
.board-detail .board-cont {
	padding: 40px 10px;
}
.board-detail .gm-wrap .gm-head ul {
	height: 30px;
}
.board-detail .gm-wrap .gm-bx {
	cursor: default !important;
}

.board-write {
	margin-top: 20px;
}
.board-write .board-head {
	padding: 10px;
	border-top: var(--border) solid 2px;
	border-bottom: var(--border) solid 1px;
}
.board-write .board-head input {
	width: 100%;
	height: 2.85rem;
}
.board-write .board-cont {
	padding: 10px;
}
.board-write .board-cont textarea {
	width: 100%;
	height: 500px;
}
.board-write .gm-wrap .gm-head ul {
	height: 30px;
}
.board-write .gm-wrap .gm-bx {
	cursor: default !important;
}

.reply-wrap {
	margin-bottom: 20px;
}
.reply-wrap li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 0.85rem 0;
}
.reply-wrap li::after {
	content: "";
	clear: both;
	display: block;
}
.reply-wrap li div {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	float: left;
	color: var(--gray-d);
}
.reply-wrap li div.name {
	width: 15%;
	padding: 0 20px 0 10px;
}
.reply-wrap li div.reply {
	width: 70%;
	color: var(--wh);
}
.reply-wrap li div.date {
	width: 15%;
	padding-right: 10px;
	text-align: right;
}
@media screen and (max-width: 1024px) {
	.reply-wrap li div.name {
		width: 100%;
	}
	.reply-wrap li div.reply {
		width: 85%;
		padding: 10px;
	}
}
.reply-wrap li + li {
	border-top: var(--border) solid 1px;
}
.reply-wrap .reply-write {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 90px 20px 10px;
	border: var(--border) solid 1px;
	border-radius: 3px;
}
.reply-wrap .reply-write .name {
	width: 15%;
	height: 1.42rem;
	line-height: 1.42rem;
	color: #ccc;
}
.reply-wrap .reply-write textarea {
	width: 80%;
	height: 3.57rem;
	background: var(--bg-body);
	border: none;
}
.reply-wrap .reply-write .btn {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 5.71rem;
	height: 3.57rem;
	background: var(--bg-body);
}
@media screen and (max-width: 1024px) {
	.reply-wrap .reply-write {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.reply-wrap .reply-write .name {
		width: 100%;
		margin-bottom: 10px;
	}
	.reply-wrap .reply-write textarea {
		width: 100%;
	}
	.reply-wrap .reply-write .btn {
		top: auto;
		bottom: 20px;
	}
}

.board-list.calendar .calendar-top {
	margin-bottom: 1.42rem;
	text-align: center;
}
.board-list.calendar .calendar-top .btnCircle {
	position: relative;
	width: 1.78rem;
	height: 1.78rem;
	background-color: var(--bg-container);
	border: var(--border) solid 2px;
	border-radius: 50%;
	overflow: hidden;
}
.board-list.calendar .calendar-top .btnCircle::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 0.71rem;
}
.board-list.calendar .calendar-top .btnCircle.prev::after {
	background-image: url(../images/remote/arrw-prv.svg);
}
.board-list.calendar .calendar-top .btnCircle.next::after {
	background-image: url(../images/remote/arrw-nxt.svg);
}
.board-list.calendar .calendar-top span {
	display: inline-block;
	font-size: 1.42rem;
	margin: 0 2.14rem;
	letter-spacing: 0.07em;
}
.board-list.calendar .calendar-top span em {
	display: block;
	font-size: 1rem;
}
.board-list.calendar td {
	position: relative;
	height: 6.42rem;
	padding: 0.71rem;
	text-align: left !important;
	vertical-align: top;
}
.board-list.calendar .attend {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-15deg);
	transform: translate(-50%, -50%) rotate(-15deg);
	width: 4.28rem;
	height: 4.28rem;
	border-radius: 50%;
	background-color: rgba(151, 88, 255, 0.2);
	text-align: center;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	cursor: default;
}
.board-list.calendar .attend span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--gray-d);
	line-height: 1.25em;
}
.board-list.calendar .attend.chk {
	background-color: #9758ff;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
}
.board-list.calendar .attend.chk span {
	color: #fff;
	font-weight: 500;
}
.board-list.calendar .attend.go {
	background-color: var(--yell-500);
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
}
.board-list.calendar .attend.go span {
	color: var(--bk);
	font-weight: 500;
}
@media screen and (max-width: 768px) {
	.board-list.calendar .attend {
		width: 3.57rem;
		height: 3.57rem;
	}
	.board-list.calendar .attend span {
		font-size: 0.78rem;
		line-height: 1.35em;
	}
}
.board-list.calendar td.prevMonth, .board-list.calendar td.nextMonth {
	opacity: 0.5;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.board-list.calendar td.today {
	background: var(--bg-body);
}
.board-list.calendar td + td {
	border-left: var(--border) solid 1px;
}
.board-list.calendar .btn-wrap {
	margin-top: 2.14rem;
	text-align: center;
}

.board-list.bacara td {
	height: auto;
}
.board-list.bacara td img {
	max-height: 4.28rem;
}
.board-list.bacara .rslt {
	width: 12%;
}
.board-list.bacara .rslt-bx {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 2.14rem;
	line-height: 1em;
	font-weight: 500;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
}
.board-list.bacara .rslt-bx.p {
	color: var(--blue-400);
	border-color: var(--blue-400);
}
.board-list.bacara .rslt-bx.b {
	color: var(--yell-400);
	border-color: var(--yell-400);
}
.board-list.bacara .rslt-bx.t {
	color: var(--red-400);
	border-color: var(--red-400);
}

/*------------------ charge ------------------*/
.charge-form {
	margin-bottom: 20px;
	border-top: var(--border) solid 2px;
}
.charge-form dl {
	display: grid;
	grid-template-columns: repeat(2, 100px calc(100% - 100px));
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: var(--border) solid 1px;
}
.charge-form dl dd {
	padding: 10px 15px;
	border-left: var(--border) solid 1px;
}
.charge-form dl dd .btn + span::before {
	content: "";
	display: block;
}
.charge-form dl .btn-wrap {
	margin-top: 5px;
}
.charge-form dl .btn-wrap .btn {
	padding: 0;
	width: 78px;
}
@media screen and (max-width: 1024px) {
	.charge-form dl dt {
		padding-left: 10px;
	}
	.charge-form dl .btn-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5px;
	}
}

/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.timer {
	position: relative;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	.titCon .timer {
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

.flip-clock-wrapper {
	font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.flip-clock-wrapper * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flip-clock-wrapper a {
	cursor: pointer;
	text-decoration: none;
	color: #ccc;
}
.flip-clock-wrapper a:hover {
	color: #fff;
}
.flip-clock-wrapper ul {
	list-style: none;
}
.flip-clock-wrapper.clearfix {
	*zoom: 1;
}
.flip-clock-wrapper.clearfix:before {
	content: " ";
	display: table;
}
.flip-clock-wrapper.clearfix:after {
	content: " ";
	display: table;
	clear: both;
}

/* Main */
.flip-clock-meridium {
	background: none !important;
	-webkit-box-shadow: 0 0 0 !important;
	box-shadow: 0 0 0 !important;
	font-size: 36px !important;
}
.flip-clock-meridium a {
	color: #313333;
}

.flip-clock-wrapper {
	text-align: center;
	position: relative;
	width: 100%;
}
.flip-clock-wrapper:before {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}
.flip-clock-wrapper:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
	clear: both;
}
.flip-clock-wrapper ul {
	position: relative;
	float: left;
	margin: 2px;
	width: 2.07rem;
	height: 36px;
	font-size: 5.71rem;
	font-weight: bold;
	line-height: 36px;
	border-radius: 3px;
	background: #000;
}
.flip-clock-wrapper ul li {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 36px;
	text-decoration: none !important;
}
.flip-clock-wrapper ul li:first-child {
	z-index: 2;
}
.flip-clock-wrapper ul li a {
	display: block;
	height: 100%;
	-webkit-perspective: 200px;
	perspective: 200px;
	margin: 0 !important;
	overflow: visible !important;
	cursor: default !important;
}
.flip-clock-wrapper ul li a div {
	z-index: 1;
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	font-size: 80px;
	overflow: hidden;
	outline: 1px solid transparent;
}
.flip-clock-wrapper ul li a div .shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.flip-clock-wrapper ul li a div.up {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	top: 0;
}
.flip-clock-wrapper ul li a div.up:after {
	content: "";
	position: absolute;
	top: 44px;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 3px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
}
.flip-clock-wrapper ul li a div.down {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	bottom: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.flip-clock-wrapper ul li a div div.inn {
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 200%;
	color: #ccc;
	text-shadow: 0 1px 2px #000;
	text-align: center;
	background-color: #333;
	border-radius: 2px;
	font-size: 22px;
}
.flip-clock-wrapper ul li a div.up div.inn {
	top: 0;
}
.flip-clock-wrapper ul li a div.down div.inn {
	bottom: 0;
}
.flip-clock-wrapper ul.play li.flip-clock-before {
	z-index: 3;
}
.flip-clock-wrapper .flip {
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}
.flip-clock-wrapper ul.play li.flip-clock-active {
	-webkit-animation: asd 0.5s 0.5s linear both;
	animation: asd 0.5s 0.5s linear both;
	z-index: 5;
}

/* Skeleton */
/* PLAY */
.flip-clock-divider {
	float: left;
	display: inline-block;
	position: relative;
	width: auto;
	height: 36px;
	margin: 0 0.21rem;
}
.flip-clock-divider:first-child {
	width: 0;
	overflow: hidden;
}

.flip-clock-dot {
	display: block;
	background: #323434;
	width: 0.28rem;
	height: 0.28rem;
	position: absolute;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	left: -0.58rem;
}

.flip-clock-divider .flip-clock-label {
	display: none;
	position: absolute;
	top: -1.5em;
	right: -86px;
	color: black;
	text-shadow: none;
}
.flip-clock-divider.minutes .flip-clock-label {
	right: -88px;
}
.flip-clock-divider.seconds .flip-clock-label {
	right: -91px;
}

.flip-clock-dot.top {
	top: 10px;
}
.flip-clock-dot.bottom {
	bottom: 10px;
}

@-webkit-keyframes asd {
	0% {
		z-index: 2;
	}
	20% {
		z-index: 4;
	}
	100% {
		z-index: 4;
	}
}

@keyframes asd {
	0% {
		z-index: 2;
	}
	20% {
		z-index: 4;
	}
	100% {
		z-index: 4;
	}
}
.flip-clock-wrapper ul.play li.flip-clock-active .down {
	z-index: 2;
	-webkit-animation: turn 0.5s 0.5s linear both;
	animation: turn 0.5s 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-before .up {
	z-index: 2;
	-webkit-animation: turn2 0.5s linear both;
	animation: turn2 0.5s linear both;
}
.flip-clock-wrapper ul li.flip-clock-active {
	z-index: 3;
}
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
	background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
	-webkit-animation: show 0.5s linear both;
	animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
	background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
	background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
	-webkit-animation: hide 0.5s 0.3s linear both;
	animation: hide 0.5s 0.3s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
	background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
	background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
	background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
	-webkit-animation: show 0.5s linear both;
	animation: show 0.5s linear both;
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
	background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
	background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
	background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
	background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
	-webkit-animation: hide 0.5s 0.2s linear both;
	animation: hide 0.5s 0.2s linear both;
}

@-webkit-keyframes turn {
	0% {
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}
	100% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}

@keyframes turn {
	0% {
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}
	100% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}
@-webkit-keyframes turn2 {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
	100% {
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
	}
}
@keyframes turn2 {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
	100% {
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
	}
}
/* SHADOW */
/*DOWN*/
@-webkit-keyframes show {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes show {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes hide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes hide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.moneyBox .flip-clock-divider .flip-clock-dot {
	left: -0.15rem;
}

/*------------------ main ------------------*/
.main {
	position: relative;
	width: 100%;
	z-index: 2;
}

.main .visual-wrap {
	position: relative;
	width: 100%;
	height: calc(100vh - 65px);
}
.main .visual-wrap .visual-copy {
	position: absolute;
	top: 15%;
	left: 80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 5;
}
.main .visual-wrap .visual-copy img {
	max-height: 5.35rem;
}
.main .visual-wrap .visual-copy dl {
	position: relative;
	margin-top: 1.42rem;
	padding-left: 20px;
	border-left: var(--primary) solid 5px;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px;
}
.main .visual-wrap .visual-copy dl dt {
	height: 1em;
	font-size: 3rem;
	font-weight: 500;
}
.main .visual-wrap .visual-copy dl dd {
	padding-top: 20px;
	font-size: 1.57rem;
}
.main .visual-wrap .visual {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.main .visual-wrap .visual video {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 150%;
	max-width: inherit;
	max-height: inherit;
}
.main .visual-wrap .visual::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/ami/bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2;
}
@media screen and (max-width: 1024px) {
	.main .visual-wrap {
		height: auto;
	}
	.main .visual-wrap .visual-copy {
		position: relative;
		left: 0;
		top: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		padding: 30px 20px;
		word-break: keep-all;
	}
	.main .visual-wrap .visual-copy .logo {
		height: 42px;
	}
	.main .visual-wrap .visual-copy dl {
		padding-left: 10px;
		border-width: 3px;
	}
	.main .visual-wrap .visual-copy dl dt {
		font-size: 2.28rem;
	}
	.main .visual-wrap .visual-copy dl dd {
		font-size: 12px;
	}
	.main .visual-wrap {
		display: none;
		position: relative;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: auto;
		max-width: inherit;
		height: 100%;
		max-height: 100%;
	}
}

.main .bn-wrap {
	position: relative;
	margin-top: -190px;
	margin-bottom: 50px;
	display: grid;
	padding: 0 60px;
	gap: 30px;
	grid-template-columns: repeat(6, 1fr);
	z-index: 6;
}
.main .bn-wrap .bn-bx {
	position: relative;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 155px;
	background-color: var(--bg-container);
	border-radius: 3px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.main .bn-wrap .bn-bx .tit {
	font-size: 1.28rem;
}
.main .bn-wrap .bn-bx .txt {
	margin-top: 10px;
	padding-right: 5.71rem;
	color: var(--gray-a);
	word-break: keep-all;
}
.main .bn-wrap .bn-bx .bn-img {
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
	.main .bn-wrap {
		margin-top: 0;
		padding: 10px;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.main .bn-wrap .bn-bx {
		padding: 20px 20px 100px;
		height: 100%;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.main .bn-wrap .bn-bx .tit {
		font-size: 18px;
	}
	.main .bn-wrap .bn-bx .txt {
		padding-right: 10px;
		font-size: 14px;
	}
	.main .bn-wrap .bn-bx .bn-img {
		top: inherit;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		bottom: 10px;
		max-height: 75px;
	}
}

.popup {
	position: absolute;
	top: 40%;
	left: 50%;
	background: #000;
	z-index: 9999;
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 10px 10px 0;
	box-shadow: rgba(0, 0, 0, 0.8) 0 10px 10px 0;
}
.popup .pop-body {
	width: 25.42rem;
	height: 36.5rem;
	overflow: hidden;
}
.popup .pop-body img {
	max-width: 100%;
}
.popup .pop-btm {
	width: 100%;
	padding: 0.71rem;
	line-height: 2rem;
}
.popup .pop-btm::after {
	content: "";
	clear: both;
	display: block;
}
.popup .pop-btm .btn {
	float: right;
}
.popup:nth-child(1) {
	left: calc(50% - 28.57rem);
}
.popup:nth-child(3) {
	left: calc(50% + 28.57rem);
}
@media screen and (max-width: 768px) {
	.popup {
		top: 12.85rem;
		-webkit-transform: translate(-50%, -35%) !important;
		transform: translate(-50%, -35%) !important;
	}
	.popup:nth-child(1), .popup:nth-child(2), .popup:nth-child(3) {
		left: 50% !important;
		width: 90vw;
	}
	.popup:nth-child(1) .pop-body,
	.popup:nth-child(1) img, .popup:nth-child(2) .pop-body,
	.popup:nth-child(2) img, .popup:nth-child(3) .pop-body,
	.popup:nth-child(3) img {
		width: 100%;
		height: auto;
	}
}

/*------------------ login ------------------*/
.login-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}
.login-wrap .btn {
	width: 100%;
	height: 48px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.02em;
	border: none;
	border-radius: 12px;
	cursor: pointer;
	transition: filter 0.18s, box-shadow 0.18s, border-color 0.18s, color 0.18s, transform 0.12s;
}
.login-wrap .btn:active {
	transform: translateY(1px);
}
.login-wrap .btn-login {
	color: var(--wh);
	background: linear-gradient(180deg, var(--blue-400) 0%, var(--primary) 100%);
	box-shadow: 0 8px 22px var(--sdw-head);
}
.login-wrap .btn-login:hover {
	filter: brightness(1.06);
}
.login-wrap .btn-join {
	color: var(--font-color);
	background-color: var(--bg-container);
	border: 1px solid var(--border);
}
.login-wrap .btn-join:hover {
	border-color: var(--primary);
	color: var(--wh);
}
.login-wrap .bn-wrap {
	margin-top: 35px;
}
.login-wrap .bn-wrap a {
	display: block;
	text-align: center;
}
.login-wrap .bn-wrap a + a {
	margin-top: 10px;
}
@media screen and (max-width: 1024px) {
	.login-wrap {
		min-height: 100%;
		height: auto;
	}
	.login-wrap:has(.join) {
		padding-bottom: 150px;
	}
}

.login-wrap .login {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 28px 30px 22px;
	width: 400px;
	max-width: 90%;
	background-color: rgba(17, 24, 39, 0.72); /* --bg-container @72% (배경 영상 위 반투명) */
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border: 1px solid var(--border);
	border-radius: 20px;
	z-index: 2;
}
.login-wrap .login .logo {
	margin-bottom: 18px;
	text-align: center;
}
.login-wrap .login .logo img {
	/* 로그인 전용 히어로 로고(main_logo.png) */
	max-height: 120px;
	width: auto;
}
.login-wrap .login .login-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.login-wrap .login li {
	position: relative;
	margin: 0;
}
.login-wrap .login .captcha-row {
	display: flex;
	gap: 10px;
	align-items: stretch;
}
.login-wrap .login .captcha-row .captcha-img {
	flex: 0 0 118px;
	width: 118px;
	height: 48px;
	border: 1px solid var(--border);
	border-radius: 12px;
	background-color: var(--bg-container);
	object-fit: cover;
}
.login-wrap .login .captcha-row input {
	flex: 1;
}
.login-wrap .login .btn-row {
	margin-top: 10px;
}
.login-wrap .login input {
	width: 100%;
	height: 48px;
	/* 16px 고정: PC/태블릿에서 가독성 확보 + 모바일에서 iOS 포커스 자동확대(<16px) 방지 */
	font-size: 16px;
	color: var(--font-color);
	background-color: var(--bg-container);
	border: 1px solid var(--border);
	border-radius: 12px;
	padding: 0 16px;
	transition: border-color 0.18s, box-shadow 0.18s, background-color 0.18s;
}
.login-wrap .login input::placeholder {
	font-weight: 400;
	color: var(--gray-8);
}
.login-wrap .login input:focus {
	border-color: var(--primary);
	background-color: var(--bg-head);
	box-shadow: 0 0 0 3px var(--sdw-head);
}
.login-wrap .login input:focus::placeholder {
	color: rgba(255, 255, 255, 0.4);
}
.login-wrap .cs_center {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 16px;
}
.login-wrap .cs_center a {
	display: block;
}
.login-wrap .cs_center img {
	width: 100%;
	height: auto;
	display: block;
}
.login-wrap .cs_center br {
	display: none;
}
@media screen and (max-width: 1024px) {
	.login-wrap .login {
		position: relative;
		top: 50px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		padding: 40px 24px 28px;
		border-radius: 16px;
	}
}

.login-wrap .login-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: var(--bk);
	overflow: hidden;
	z-index: 1;
}
.login-wrap .login-bg video {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 120%;
	height: 120%;
	max-width: inherit;
	max-height: inherit;
	opacity: 0.2;
}
@media screen and (max-width: 1024px) {
	.login-wrap .login-bg video {
		width: auto;
	}
}

.join {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 30px;
	width: 800px;
	max-width: 90%;
	background-color: rgba(0, 0, 0, 0.5);
	border: var(--border) solid 2px;
	border-radius: 25px;
	z-index: 2;
}
.join [data-icon=aster] {
	display: inline-block;
	width: 15px;
	line-height: 1em;
	font-size: 0;
	color: transparent;
	font-style: normal;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.join [data-icon=aster]::after {
	content: " ⁎";
	font-size: 1.14rem;
	color: var(--pink-500);
}
.join h1 {
	padding-bottom: 2.14rem;
	text-align: center;
	font-size: 2.28rem;
}
.join h1 p {
	color: var(--gray-d);
	font-size: 1rem;
}
@media screen and (max-width: 1024px) {
	.join {
		position: relative;
		top: 50px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		border-radius: 15px;
	}
}

.join .join-form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.join .join-form .col-6 {
	position: relative;
}
.join .join-form .col-6 ul,
.join .join-form .col-6 li {
	position: relative;
}
.join .join-form .col-6 ul + ul {
	margin-top: 20px;
}
.join .join-form .col-6 li {
	width: 100%;
	height: 3.57rem;
	line-height: 3.57rem;
}
.join .join-form .col-6 li::after {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	background-color: var(--primary);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.join .join-form .col-6 li:has(input:focus)::after {
	width: 100%;
}
.join .join-form label {
	position: absolute;
	top: 50%;
	left: 5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.join .join-form select,
.join .join-form input {
	width: 100%;
	height: 100%;
	background-color: var(--border);
	border: none;
}
.join .join-form input {
	padding-left: 9.28rem;
	text-align: right;
}
.join .join-form input::-webkit-input-placeholder {
	font-weight: 300;
}
.join .join-form input::-moz-placeholder {
	font-weight: 300;
}
.join .join-form input:-ms-input-placeholder {
	font-weight: 300;
}
.join .join-form input::-ms-input-placeholder {
	font-weight: 300;
}
.join .join-form input::placeholder {
	font-weight: 300;
}
.join .join-form input:focus {
	background-color: var(--bg-container);
	border: var(--border) solid 1px;
}
.join .join-form input:focus::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.4);
}
.join .join-form input:focus::-moz-placeholder {
	color: rgba(255, 255, 255, 0.4);
}
.join .join-form input:focus:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.4);
}
.join .join-form input:focus::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.4);
}
.join .join-form input:focus::placeholder {
	color: rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 1024px) {
	.join .join-form {
		grid-template-columns: repeat(1, 1fr);
	}
}

.join .btn-wrap {
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.join .btn-wrap .btn {
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.join .btn-wrap .btn::before {
	content: "";
	display: block;
	position: absolute;
	top: -10em;
	left: -2.5em;
	background: rgba(255, 255, 255, 0.25);
	width: 2em;
	height: 20em;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	-webkit-transition: all 0.65s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 0.65s cubic-bezier(0.19, 1, 0.22, 1);
}
.join .btn-wrap .btn:hover {
	padding-bottom: 3px;
}
.join .btn-wrap .btn:hover::before {
	left: 120%;
}

@-webkit-keyframes slideInTop {
	from {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideInTop {
	from {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}


li:nth-child(3)::after {
	content: none !important;
}

.pointer {
    cursor: pointer;
}