@charset "UTF-8";

:root {
	--font-ff-body: "Pretendard", Noto Sans, Paperlogy, sans-serif;
	--font-ff-heading: "Paperlogy", sans-serif;
	--font-fw-heading: 700;
	--layout-h-header: 120px;
	--layout-h-gnb: 58px;

	--color-h6-bodytxt: #830006;
}

/*	-------------------------------------------------
	reset
*/
* { box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
dl, ul, ol, menu, li {
	list-style: none;
}
blockquote, q {
	quotes: "" "";
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body, th, td, input, select, textarea {
	font-family: var(--font-ff-body), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, select, caption, table th, button {
	font-family: var(--font-ff-heading), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-weight: var(--font-fw-heading);
}
body, html {
	font-size: 10px;
	letter-spacing: -0.045rem;
}
html, body {
	color: #fff;
	line-height: 1.3;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
fieldset, img {
	border: 0;
}
img {
	vertical-align: top;
	-webkit-touch-callout: none;
}
a {
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	-webkit-tap-highlight-color: transparent;
}
a:active, a:hover {
	text-decoration: none;
}
input, select, textarea {
	vertical-align: top;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
}
input[type="button"], input[type="submit"], button, select {
	cursor: pointer;
}
textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
	cursor: text;
}
button {
	padding: 0;
	color: #222;
	background-color: transparent;
	border: 0;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}
address, caption, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: 400;
}
legend, caption {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
:focus-visible {
	outline: 2px solid #fac936;
	outline-offset: 2px;
}
input:focus-visible, select:focus-visible, button:focus-visible, textarea:focus-visible {
	box-shadow: 0 0 0 2px rgba(250, 201, 54, 0.5);
}
input[type="text"]::-ms-clear {
	display: none;
}
input[type="file"] {
	background: transparent;
	border: 0;
	cursor: pointer;
}
textarea {
	-webkit-overflow-scrolling: touch;
	resize: none;
}
/* iPhone/iPad Safari 전용 미세 조정 */
@supports (-webkit-touch-callout: none) {
	input, select, textarea, button {
		font-size: 16px; /* iOS에서 16px 미만일 때 줌 방지 */
	}
	body {
		overscroll-behavior-y: none;
	}
}

/*	-------------------------------------------------
	basic
*/
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	border: 0;
}
::-webkit-scrollbar-track {
	background: #1c1c1c;
}
::-webkit-scrollbar-thumb {
	background: #a9000d;
	border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
	background: #d50012;
}
::-webkit-scrollbar-corner {
	background: #1c1c1c;
}
* {
	/* Firefox 전용 */
	scrollbar-width: thin;
	scrollbar-color: #a9000d #1c1c1c;
}

.btn {
	cursor: pointer;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 1;
	margin: 0;
	padding: 8px 12px;
	color: #fff;
	font-size: clamp(11px, 1.4vw, 13px);
	letter-spacing: normal;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	text-align: center;
	border-radius: 4px;
	word-break: keep-all;
	font-family: var(--font-ff-heading);
	font-weight: var(--font-fw-heading);
	box-shadow: rgba(120, 0, 0, 0.25) 2px 2px 3px -1px;
	background: linear-gradient(110deg, #ffeded, #c90012, #ffeded);
	border: 1px solid #d96a73;
}
.btn:hover {
	text-shadow: none;
	border-color: rgba(0, 0, 0, 0.25);
}
.btn.basic {
	box-shadow: rgba(0, 0, 0, 0.45) 2px 2px 3px -1px;
	background: linear-gradient(110deg, #666 0%, #171717 35%, #050505 55%, #3d3d3d 100%);
	border-color: #555;
}
.btn.basic:hover {
	background: linear-gradient(110deg, #858585 0%, #292929 35%, #101010 55%, #555 100%);
	border-color: #777;
}
.btn.primary {
	box-shadow: rgba(120, 0, 0, 0.3) 2px 2px 3px -1px;
	background: linear-gradient(110deg, #ff5a68, #b4000e, #e60018);
	border-color: #c50012;
}
.btn.primary:hover {
	background: linear-gradient(110deg, #ff3043 0%, #a3000c 55%, #e21828 100%);
	border-color: #a9000d;
}

#wrap .badge {
	padding: 4px 8px;
	background: rgba(255, 248, 248, 0.9);
	border: 1px solid rgba(196, 0, 11, 0.35);
	border-radius: 16px;
	color: #a9000d;
	font-size: clamp(11px, 1.2vw, 12px);
}
.color-red {
	color: #f4005a;
}
.color-blue {
	color: #5043d6;
}
.backcolor-red {
	background-color: #f4005a;
}
.backcolor-blue {
	background-color: #5043d6;
}

/* site common style max-width:1400px */
#wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

/* header */
#header {
	z-index: 999;
	position: fixed;
	left: 0;
	top: 0;
	height: auto; /* fallback */
	height: fit-content;
	width: 100%;
	background-color: #fffbf1;
	transition:
		box-shadow 0.5s ease,
		background-color 0.5s ease;
}
#header.scroll {
	box-shadow:
		0 20px 25px -15px rgba(245, 243, 197, 0.5),
		0 8px 10px -16px rgba(245, 243, 197, 0.5);
	/* background-color: rgba(13, 18, 23, .8) */
}
.header {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
.header_wrap {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	height: var(--layout-h-header);
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	background: url(../images/content/bg_top1.jpg) center bottom no-repeat;
	background-size: cover;
}

/* logo */
.theme_logo_img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 998;
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
	overflow: hidden;
	height: 100%;
}
.theme_logo_img a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.theme_logo_img img {
	width: 100%;
	max-width: 34vw;
	height: auto;
	max-height: 100%;
	object-fit: scale-down;
}

/* 우측메뉴 */
.theme_login {
	position: relative;
	display: flex;
	z-index: 997;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: flex-end;
	flex-direction: column;
	margin: 0 auto;
}
.mem_menu_wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	height: 100%;
}
/* site language dropdown */
.select_lang {
	position: relative;
}
.dropdown {
	display: inline-block;
	color: #fff;
}
.dropdown img {
	max-width: 100%;
	max-height: 100%;
}
.dropbtn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 8px;
	background: linear-gradient(180deg, #fff 0%, #f3f3f3 100%);
	color: #8f000a;
	padding: 0 4px 0 8px;
	font-size: 13px;
	border: 1px solid rgba(196, 0, 11, 0.3);
	border-radius: 4px;
	width: auto;
	width: fit-content;
	max-width: max-content;
	min-width: fit-content;
	height: 32px;
	text-align: left;
	font-weight: 600;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}
.dropbtn .lang-select-tx {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
	height: 100%;
}
.dropbtn img {
	width: 20px;
	height: 20px;
	object-fit: scale-down;
}
.dropdown-content.show {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.dropdown-content {
	display: none;
	margin-top: 0;
	margin-left: 0;
	overflow: hidden;
	position: absolute;
	background: rgba(18, 18, 18, 0.96);
	color: #fff;
	font-size: 12px;
	width: auto;
	width: fit-content;
	min-width: 100px;
	max-width: fit-content;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 6px;
	box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.45);
	z-index: 1;
	text-align: left;
}
.dropdown-content a {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	min-width: auto;
	min-width: max-content;
	padding: 6px 10px;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
}
.dropdown-content a:first-child {
	padding-top: 12px;
}
.dropdown-content a:last-child {
	padding-bottom: 10px;
}
.dropdown-content a img {
	width: 18px;
	height: 18px;
}
.dropdown-content a:hover {
	background: linear-gradient(90deg, #9e000b 0%, #d50012 100%);
	color: #fff;
}
.dropdown:hover .dropbtn {
	background: linear-gradient(110deg, #ff5a68 0%, #b4000e 55%, #e60018 100%);
	border-color: #a4000c;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.dropbtn {
		gap: 0;
		height: 40px;
		min-width: unset;
	}
	.dropbtn .lang-select-tx > span  {
		display: none;
	}
	.before_login .dropdown-content {
		right: 0;
		top: 100%;
		bottom: unset;
		left: unset;
	}
	.dropdown-content {
		left: 0;
		bottom: 100%;
	}
}

.mem_menu {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	margin-top: 8px;
	gap: 8px;
}
.mem_menu a,
.m_login,
.m_join {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-width: 112px;
	height: 40px;
	padding: 0 24px;
	background: url(../images/content/btn_header_bg.png) center / 100% 100% no-repeat;
	font-family: var(--font-ff-heading);
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
	transition: filter 0.25s ease;
}
.mem_menu a:hover,
.m_login:hover,
.m_join:hover {
	background-image: url(../images/content/btn_header_bg_hover.png);
	filter: brightness(1.15);
}
.partner_link {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-width: 112px;
	height: 40px;
	padding: 0 24px;
	background: url(../images/content/btn_header_bg.png) center / 100% 100% no-repeat;
	border: none;
	font-family: var(--font-ff-heading);
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
	transition: filter 0.25s ease;
}
.btn_dark {
	background: url(../images/content/btn_header_dark_bg.png?v=2002) center / 100% 100% no-repeat !important;
}

@media screen and (max-width: 767px) {
	#header.scroll {
		box-shadow: none;
		background-color: transparent;
	}
	.theme_logo_img {
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}
}
.theme_myMenu {
	display: none;
}

/* 로그인후 */
.login #header .header {
	background: transparent;
}
.theme_myMenu {
	height: 46px;
	padding: 0;
	display: none;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.myMenuPage span {
	border: 2px solid #fff;
	border-radius: 20px;
	padding: 2px 8px 3px;
}
.myMenuPage span + span {
	margin-left: 15px;
}
.myMenuPage span.myMenu_name {
	border: 0;
	cursor: default;
}
.myMenuPage span.myMenu_name strong {
	color: #fff;
	font-weight: 600;
	margin-right: 5px;
}
.myMenu_info {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	row-gap: 0.5rem;
	column-gap: 1.5rem;
	align-items: center;
	justify-content: center;
	font-family: var(--font-ff-heading);
	font-weight: var(--font-fw-heading);
	font-size: clamp(11px, 1.2vw, 12px);
}
.myMenu_info2 {
	margin: 8px 0 0 0;
	display: flex;
	align-items: center;
	gap: 8px;
}
.outside {
	display: none !important;
}

.myMenu_info span {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: #fff;
	flex-wrap: nowrap;
	gap: 5px;
}
.myMenu_info span strong {
	display: inline-block;
	color: #fac936;
	font-size: 1.3rem;
	text-shadow: 1px 1px 1px #000000;
	font-weight: 700;
}
.myMenu_info .myMenuId {
	color: #ffd452;
	text-shadow: 1px 1px 1px #000000;
	font-weight: bold;
}
.myMenu_info .ico_level {
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
.myMenu_info .btn_logout {
	display: inline-block;
	margin-left: 15px;
	border: 2px solid #fff;
	border-radius: 20px;
	padding: 2px 8px 3px;
	color: rgba(255, 255, 255, 1);
	font-size: 1.3rem;
	width: 65px;
	height: 100%;
}
.myMenu_info .btn_logout:hover {
	background: #848382;
}
.login .theme_myMenu {
	display: flex;
	padding: 10px 20px;
	height: auto; /* fallback */
	height: fit-content;
	border-radius: 8px;
	border: 1px solid #a3204c;
	background: linear-gradient(180deg, rgb(131 46 65 / 80%) 20%, rgb(48 9 13 / 90%));
}
.login #header .mem_menu {
	display: none;
}

@media screen and (max-width: 1368px) {
	.login .theme_myMenu {
		line-height: 1.15;
		padding: 8px 16px;
		max-width: 30vw;
	}
}

@media screen and (max-width: 1190px) {
	.header_wrap {
		max-width: 100%;
	}
	.login .site_gnb {
		padding: 0 20px 0 10px;
	}
	.theme_myMenu .ico {
		width: 20px;
		height: 20px;
	}
	.myMenu_info span strong {
		font-size: 1.3rem;
	}
	.myMenu_info span {
		margin: 0;
	}
	.myMenuPage span.myMenu_name {
		padding: 0;
	}
}

@media screen and (max-width: 767px) {
	#header {
		height: 70px;
		background: transparent;
	}
	.login #header {
		height: 70px;
	}
	.theme_login {
		align-items: flex-end;
		justify-content: flex-end;
	}
	.login .theme_login {
		display: none;
	}
	.login .theme_login.show {
		z-index: 2000;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		position: fixed;
		width: 100%;
		max-width: 100%;
		left: 0;
		bottom: 0;
	}
	.header_wrap {
		padding: 0 10px;
	}
	.login #header .header_wrap {
		flex-direction: column;
		justify-content: flex-start;
		padding: 0 16px;
	}
	.login .theme_login.show .theme_myMenu {
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 92%;
		height: auto;
		padding: 8px;
		border-top: solid 1px rgba(0, 0, 0, 0.99);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		background-color: rgba(30, 30, 30, 0.85);
	}
	.myMenu_info {
		display: flex;
		flex-direction: inherit;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		width: 500px;
		max-width: 100%;
		letter-spacing: -0.025rem;
	}
	.myMenu_info span {
		justify-content: center;
		width: 25%;
		flex: 1 1 20%;
		margin-right: 0;
		margin-bottom: 0;
		text-align: center;
	}
	.myMenu_info .myMenuId {
		font-size: 1.3rem;
	}
	.login .theme_myMenu {
		height: 33px !important;
		max-width: unset;
		width: 100%;
		padding: 0;
		margin: 0px auto;
		border-radius: unset;
	}
	.myMenu_info2 {
		display: flex;
		align-items: center;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		gap: 8px;
		width: 100%;
		padding: 8px;
		background: none;
	}
	.outside {
		display: flex !important;
	}
	.outside {
		width: 98%;
		margin: 0 auto;
		margin-top: 4px;
		padding: 0 2px;
	}
	.outside .outside_info {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
		width: 100vw;
		width: 100dvw;
	}
	.outside .outside_info span {
		font-size: 1.1rem !important;
		flex: none;
	}
	.outside .outside_info span strong {
		font-size: 1.2rem !important;
	}
	.inside {
		width: 98%;
		margin: 0 auto;
		padding: 0 2px !important;
		border: 1px solid #a42020 !important;
	}
	.inside .outside_info {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		width: 100dvw !important;
	}
	.inside .outside_info span {
		font-size: 1.1rem !important;
		flex: none;
	}
	.inside .outside_info span strong {
		font-size: 1.2rem !important;
	}
	.outside_info .box1,
	.outside_info .box2,
	.outside_info .box3 {
		width: auto; /* fallback */
		width: fit-content;
		min-width: auto; /* fallback */
		min-width: max-content;
	}
}

@media screen and (max-width: 420px) {
	.myMenu_info span {
		flex: unset;
	}
	.m_hiding_mifo {
		display: none !important;
	}
}

/* gnb */
.site_gnb {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	height: var(--layout-h-gnb);
	border-top: 1px solid rgb(172 0 27 / 15%) ;
	border-bottom: 1px solid rgb(172 0 27 / 25%) ;
	background: linear-gradient(90deg, rgb(255 255 255) 0%, rgb(255 255 255) 80%, rgb(172 0 27 / 75%) 100%);
}
.gnb_menu {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.gnb_in {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.gnb_menu li {
	position: relative;
	display: inline-block;
}
.gnb {
	display: flex;
	position: absolute;
	left: 20px;
	top: 14px;
	z-index: 1000;
}
.gnb li {
	display: inline-block;
	width: 80px;
}
.gnb li a {
	display: block;
	width: 100%;
}
.gnb li a img {
	width: 100%;
}
.gnb_right {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
}
.gnb_right li {
	height: 100%;
}
.gnb_right li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: var(--layout-h-gnb);
	width: 100%;
	padding: 0;
	padding-left: clamp(8px, 1.6vw, 16px);
	padding-right: clamp(8px, 1.6vw, 16px);
	font-weight: var(--font-fw-heading);
	font-family: var(--font-ff-heading);
	font-size: clamp(14px, 1.6vw, 16px);
	color: #910000;
	letter-spacing: normal;
	transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.gnb_right li a:hover {
	color: #ff4a60;
	font-weight: 900;
}
.mobGnb .gnb_login {
	display: none;
}
.mobGnb .gnb_tab {
	display: none;
}
.mobGnb .menu_type {
	display: none;
}
.panel {
	width: 100%;
}
.panel_logo {
	display: none;
}

@media screen and (max-width: 1190px) {
	.gnb {
		top: 20px;
	}
}
@media all and (max-width: 767px) {
	#wrap {
		overflow: hidden;
		max-width: 100%;
	}
	.input_login::-webkit-input-placeholder {
		color: #fff;
		font-size: 1.2rem;
	}
	.input_login:-ms-input-placeholder {
		color: #fff;
		font-size: 1.2rem;
	}
	.input_login::placeholder {
		color: #fff;
		font-size: 1.2rem;
	}
	.site_gnb {
		position: absolute;
		background: transparent;
		left: 50%;
		top: 100%;
		width: 100%;
		margin-top: 0;
		transform: translate(-50%, -100%);
		z-index: 9999;
		display: block;
		height: auto;
		padding: 0;
		border-top: 0px solid transparent;
	}
	.before_login .site_gnb {
		border: none;
	}
	.gnb_in {
		height: auto;
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-end;
	}
	.gnb_menu {
		max-width: 100%;
	}
	.header {
		width: 100%;
		height: 70px;
		padding: 0;
	}
	.panel {
		z-index: 1000;
		display: block;
		height: 100vh;
		height: 100dvh;
		position: fixed;
		top: -34px;
		bottom: 0;
		left: 0;
		width: 0;
		padding-top: 26px;
	}
	.panel .btn_panel_toggle {
		display: none;
	}
	.login .panel .btn_panel_toggle {
		z-index: 2010;
		display: inline-block;
		position: fixed;
		top: -55px;
		right: 8px;
		width: 40px;
		height: 40px;
		margin: 0;
		transition: all 0.2s ease-in-out;
		cursor: pointer;
		border-radius: 30px;
		background-color: rgb(84, 49, 0);
	}
	.login .panel .btn_panel_toggle span,
	.login .panel .btn_panel_toggle span:before,
	.login .panel .btn_panel_toggle span:after {
		margin: 0 auto;
		width: 16px;
		height: 2px;
		background: linear-gradient(99deg,
			rgba(195, 153, 95, 1) 0%,
			rgba(245, 233, 133, 1) 14%,
			rgba(245, 243, 197, 1) 30%,
			rgba(195, 153, 95, 1) 46%,
			rgba(245, 233, 133, 1) 64%,
			rgba(245, 243, 197, 1) 83%,
			rgba(195, 153, 95, 1) 100%);
		transition: all 0.3s ease-in-out;
		border-radius: 5px;
	}
	.login .panel .btn_panel_toggle span {
		display: inline-block;
		position: relative;
		margin: 20px 0 0 12px;
		width: 16px;
		text-align: center;
	}
	.login .panel .btn_panel_toggle span:before,
	.login .panel .btn_panel_toggle span:after {
		content: "";
		position: absolute;
		left: 0;
	}
	.login .panel .btn_panel_toggle span:before {
		top: -5px;
	}
	.login .panel .btn_panel_toggle span:after {
		top: 5px;
	}
	/* panel open */
	.login .panel.active .btn_panel_toggle span {
		background: transparent;
	}
	.login .panel.active .btn_panel_toggle span:before,
	.login .panel.active .btn_panel_toggle span:after {
		top: 0;
		width: 16px;
	}
	.login .panel.active .btn_panel_toggle span:before {
		transform: rotate(-135deg);
	}
	.login .panel.active .btn_panel_toggle span:after {
		transition-delay: 0.09s;
		transform: rotate(135deg);
	}
	/* panel fix */
	.panel-overlay {
		z-index: 997;
		display: none;
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(43, 25, 0, 0.9);
		cursor: pointer;
	}
	/* panel current */
	.login .panel.left.active {
		right: 0;
		width: 100%;
		height: 60vh;
		height: 60dvh;
		top: 0;
		padding: 0;
	}
	/* panel scroll */
	.panel.active::-webkit-scrollbar {
		width: 4px;
		height: 0;
		border: 0;
	}
	.panel.active::-webkit-scrollbar-track {
		background: rgba(0, 0, 0, 0.1);
	}
	.panel.active::-webkit-scrollbar-thumb {
		width: 4px;
		height: 2px;
		background: #222;
	}
	.panel_logo {
		display: none;
	}
	.panel.active .panel_logo {
		position: fixed;
		left: 50%;
		top: 50%;
		height: 50px;
		display: block;
		z-index: 9999;
		transform: translate(-50%, -60%);
	}
	.panel.active .panel_logo img {
		height: 100%;
		width: auto;
		transform: scale(1.25);
	}
	/* gnb */
	.gnb_menu {
		height: 100%;
		position: relative;
		right: inherit;
		bottom: inherit;
		background-color: transparent;
	}
	.gnb_in ul {
		width: 100%;
	}
	.gnb {
		display: none;
	}
	.panel.left .gnb_menu {
		display: none;
	}
	.panel.left.active .gnb_menu {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
	}
	.login .panel.left.active .gnb_menu {
		padding-top: unset;
		overflow-y: auto;
		max-height: 100vh;
		max-height: 100dvh;
		/* safari */
		margin-top: 5vh;
		margin-top: 5dvh;
	}
	.header_wrap {
		height: 70px;
		margin: 0 auto;
		z-index: 998;
	}
	.theme_logo_img a {
		height: 100%;
		justify-content: flex-start;
	}
	.theme_logo_img a img {
		height: 100%;
		width: auto;
		max-width: 200px;
	}
	.login .theme_logo_img a {
		height: 100%;
		min-height: fit-content;
		padding: 4px 0;
	}
	.before_login ul.mem_menu {
		position: absolute;
		top: 70px;
		left: -10px;
		right: -10px;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: unset;
		margin: 0 auto;
		width: calc(100% + 20px);
	}
	.before_login ul.mem_menu li {
		/* width: 50%; */
		flex: 1 1 0;
	}
	.before_login ul.mem_menu li a {
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 1.3rem;
		background-image: url("../images/content/bg_con_title_550.png");
		background-size: 100% 100%;
		margin: unset;
	}
	.m_login,
	.m_join,
	.partner_link {
		width: auto; /* fallback */
		width: fit-content;
		padding: 0 12px;
		height: 30px;
		line-height: 30px;
		font-size: 1.2rem;
		background-size: 100% 100%;
	}
	.gnb_right {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: stretch;
		padding: 0 20px;
		gap: 4px;
	}
	.gnb_right li {
		background: url("../images/content/btn1.jpg") center top no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 58px;
		line-height: 58px;
		text-align: center;
		display: inline-block;
		color: #ffffff;
		border-radius: 8px;
		border-bottom: 1px solid #000;
		margin: 0;
		flex: 1 1 120px;
	}
	.gnb_right li + li {
		margin: 0;
	}
	.gnb_right li a {
		color: #623e11;
		text-shadow: none;
	}
	.gnb_right li a:hover {
		color: #ffb60b;
	}
}

/* section */
.section {
	z-index: 10;
	position: relative;
	padding: 0;
	padding-top: calc(var(--layout-h-gnb) + var(--layout-h-header));
}
.main_contents_box {
	background-image: url("../images/content/bg_con.jpg");
	background-size: contain;
	background-position: center bottom;
	background-repeat: repeat-x;
	background-attachment: fixed;
	padding: 0 0 80px 0;
}
.site_menu {
	width: 100%;
	margin: 50px 0;
}
.site_menu ul {
	max-width: 1070px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 auto;
}
.site_menu li {
	position: relative;
	width: calc(100% / 6);
	text-align: center;
	cursor: pointer;
}
.site_menu li:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/content/menu/menu_line.png) no-repeat;
	width: 3px;
	height: 100%;
	background-size: 3px 100%;
}
.site_menu li:last-child::after {
	display: none;
}
.site_menu li:hover img {
	animation-name: con2;
	-webkit-animation-name: con2;
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}
.site_menu li img {
	width: 111px;
}

@media screen and (max-width: 767px) {
	.section {
		position: relative;
		padding: 100px 0 0;
	}
	.main_contents_box {
		padding: 0 0 40px;
	}
	.site_menu {
		margin: 24px 0 8px;
	}
	.site_menu ul {
		display: flex;
		flex-wrap: wrap;
		flex-direction: inherit;
		justify-content: center;
		padding: 0.5rem;
		gap: 0.5rem;
	}
	.site_menu li {
		/* width: calc(100% / 5 - 5px); */
		flex: 1 1 25%;
		max-width: 98px;
	}
	.site_menu li > span {
		display: block;
	}
	.site_menu li img {
		max-width: 100%;
	}
	.site_menu li:after {
		display: none;
	}
}

/*	-------------------------------------------------
	FOOTER
*/
footer {
	background: linear-gradient(90deg,
		#1d0e0e 0%,
		#410b0b 50%,
		#1d0e0e 100%);
}
.web_footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 1400px;
	margin: 0 auto;
}
.footer_top {
	text-align: center;
}
.footer_comp {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 30px 0 0;
}
.footer_comp span {
	display: block;
}
.footer_comp span + span {
	margin-top: 0px;
}
.footer_comp img {
	width: 100%;
}
.footer_copyright {
	width: 100%;
	margin: 0;
	margin-top: clamp(24px, 4vw, 40px);
	margin-bottom: clamp(24px, 4vw, 40px);
	line-height: 1.15;
	text-align: center;
	color: rgb(255 255 255 / 75%);
	font-size: clamp(11px, 1.3vw, 13px);
	font-weight: 400;
	letter-spacing: normal;
}

@media screen and (max-width: 1190px) {
	.web_footer {
		max-width: 100%;
		padding: 0 20px;
	}
}
@media screen and (max-width: 767px) {
	.web_footer {
		padding: 0 8px;
	}
	.footer_comp {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		padding: 16px;
		width: 100%;
	}
	.footer_comp span {
		width: calc(100% / 2);
		display: none;
	}
	.footer_comp span + span {
		margin: 0;
	}
}

/* slide */
.slide_wrap {
	width: 100%;
	position: relative;
}
.slide_wrap .add_nav {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.slide_wrap .swiper-pagination {
	bottom: 10px;
}
.slide_wrap .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 5px;
	width: 12px;
	height: 12px;
	background: rgba(255, 255, 255, 0.3);
	transition: all 0.5s;
	cursor: pointer;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.3);
}
.slide_wrap .swiper-pagination-bullet-active {
	background: #fff;
}
.slide_wrap .swiper-button-next,
.slide_wrap .swiper-button-prev {
	background-image: url(../images/content/slide/arrow1_left.png);
	width: 29px;
	height: 53px;
	background-size: cover;
}
.slide_wrap .swiper-button-next {
	transform: rotate(-180deg);
	right: 20px;
}
.slide {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 100%;
}
.slide .swiper-slide {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slide .swiper-slide a {
	width: 100%;
	display: block;
}
.slide .swiper-slide a img {
	width: 100%;
}

.pc.video-bg {
	position: relative;
	display: block;
	width: 100%;
	height: 100vh; /* 또는 고정값 ex: 400px */
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.pc.video-bg video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	object-fit: cover;
	z-index: -1;
	pointer-events: none;
}

.video_text {
	position: absolute;
	z-index: 999;
	display: flex;
	margin-right: 262px;
	top: 0;
}

@media screen and (min-width: 1025px) {
	/* .video_text {} */
	/* .video_text img {} */
	/* .pc.video-bg {} */
	.pc.video-bg video {
		width: 1920px;
	}
}
@media screen and (max-width: 1024px) {
	.video_text {
		width: 100%;
		margin: 0 auto;
	}
	.video_text img {
		padding-top: 10px;
		width: 75%;
	}
	/* .pc.video-bg {} */
	.pc.video-bg video {
		width: 50%;
	}
}
@media screen and (max-width: 500px) {
	.video_text {
		width: 100%;
		margin: 0 auto;
	}
	.video_text img {
		padding-top: 22px;
		width: 75%;
	}
	/* .pc.video-bg {} */
	.pc.video-bg video {
		width: 50%;
	}
}

.main_side {
	padding: 0;
	margin-top: 0;
}
.main_side .swiper-slide a {
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: clamp(120px, 44vw, 440px);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center top;
	background-color: #ffffff;
	cursor: auto;
}
.main_side .swiper-pagination-bullet {
	display: none;
}
.main_side .swiper-slide a.pc {
	display: block;
}
.main_side .swiper-slide a.mob {
	display: none;
}
.slidetext {
	position: absolute;
	left: 50%;
	bottom: 12%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: min(100%, 1024px);
	gap: clamp(6px, 1.2vw, 12px);
	padding: clamp(14px, 2.4vw, 24px) 0 clamp(12px, 2.4vw, 24px);
	color: #ffb823;
	font-family: var(--font-ff-heading);
	font-size: clamp(14px, 2.2vw, 22px);
	font-weight: 800;
	line-height: 1;
	text-align: center;
	word-break: keep-all;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-image:
		linear-gradient(
			90deg,
			transparent 10%,
			#572828 50%,
			#FFEBC0 50.1%,
			#572828 60%,
			transparent 90%
		) 1;
	background:
		linear-gradient(
			90deg,
			transparent 0%,
			rgba(0, 0, 0, 0.85) 35%,
			rgba(0, 0, 0, 0.85) 65%,
			transparent 100%
		);
	z-index: 2;
}
.slidetext h4 {
	font-family: var(--font-ff-heading);
	font-size: clamp(16px, 3vw, 30px);
	font-weight: 700;
	letter-spacing: 0.075rem;
	background: linear-gradient(
		180deg,
		#fff 0%,
		#ffe9bb 48%,
		#c8902c 100%
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(-1px 1px 1px rgb(68 45 13 / 75%));
}
/* H6 잠정 수정 */
.slidetext { display: none;}


@media screen and (min-width: 2380px) {
	.slidetext {
		width: 100%;
		max-width: 70%;
	}
}
@media screen and (max-width: 1190px) {
	.main_side .swiper-slide a.pc {
		display: block;
	}
	.main_side .swiper-slide a.mob {
		display: none;
	}
	.main_side .swiper-pagination-bullet {
		display: inline-block;
	}
}
@media screen and (max-width: 768px) {
	.slidetext h4 {
		line-height: 1;
		letter-spacing: normal;
		filter: none;
		font-weight: bold;
	}
	.slidetext {
		bottom: 8px;
		width: 100%;
		padding-left: 12px;
		padding-right: 12px;
		z-index: 999;
	}
	.slide_wrap .swiper-button-next,
	.slide_wrap .swiper-button-prev {
		display: none;
	}
	.slide_wrap .swiper-pagination {
		display: none;
	}
}

/* main_game_menu */
.main_game_menu {
	width: 100%;
	margin: 0 0 50px 0;
}
.main_game_menu .mgm_inner {
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.main_game_menu .mgm {
	width: 300px;
	max-width: 380px;
	margin: 0 24px;
	display: block;
}
.main_game_menu .mgm a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.main_game_menu .mgm .img {
	width: 100%;
}
.main_game_menu .mgm .img img {
	width: 100%;
	backface-visibility: hidden;
	transition: 0.3s;
}
.main_game_menu .image-normal {
	position: absolute;
	transform: rotateY(0deg);
}
.main_game_menu .image-hover {
	transform: rotateY(-180deg);
}
.main_game_menu .image-toggle.active .image-normal {
	transform: rotateY(180deg);
}
.main_game_menu .image-toggle.active .image-hover {
	transform: rotateY(0deg);
}
.main_game_menu .mgm .img_mob {
	display: none;
}
.main_game_menu .mgm .img_mob img {
	width: 100%;
}

@media screen and (max-width: 1506px) {
	.main_game_menu .mgm {
		width: 28% !important;
	}
}
@media screen and (max-width: 1190px) {
	.main_game_menu {
		max-width: 100%;
		padding: 0 10px;
	}
	.main_game_menu .mgm_inner {
		max-width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.main_contents_box .main_game_menu {
		background-image: url(../images/content/bg_top1.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
		padding: 8px;
	}
	.main_contents_box .main_game_menu .mgm_inner {
		gap: 8px;
	}
	.main_game_menu {
		height: auto;
		display: flex;
		flex-direction: inherit;
		flex-wrap: wrap;
		margin: 0;
	}
	.main_game_menu .mgm {
		width: 100% !important;
		height: auto;
		margin: 0;
	}
	.main_game_menu .mgm .img {
		display: none;
	}
	.main_game_menu .mgm .img_mob {
		display: block;
		padding: 0;
	}
}

/* 메인 하단 공지사항 */
.box_notice {
	max-width: 1400px;
	margin: 50px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.box_notice .box_notice_inner {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin: 0 auto;
	gap: clamp(16px, 3.2vw, 32px);
	width: 100%;
}
.box_notice .box {
	overflow: hidden;
	position: relative;
	max-width: 550px;
	width: calc(100% / 2);
	display: flex;
	flex-direction: column;
}
.box_notice .box .tt {
	width: 100%;
	height: 60px;
	background: url(../images/content/bg_con_title_550.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	font-family: var(--font-ff-heading);
}
.box_notice .box .tt p {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: clamp(14px, 2.25vw, 2rem);
	font-weight: bold;
	color: #ffffff;
}
.box_notice .box .list {
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 16px 24px;
	margin: 8px auto;
	width: 100%;
	height: calc(100% - 60px);
	background-color: rgba(30, 15, 15, 0.75);
	border-radius: 2px;
}
.box_notice .box .list a {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: clamp(13px, 1.5vw, 15px);
	line-height: 1.15;
	width: 100%;
	cursor: pointer;
}
.list .article_empty {
	height: 100%;
	align-items: center;
	justify-content: center;
}
.box_notice .box .list a .date {
	color: #dcca6f;
	text-align: right;
	font-size: clamp(10px, 1.3vw, 13px);
}

@media screen and (max-width: 1190px) {
	.box_notice {
		max-width: 100%;
	}
	.box_notice .box {
		width: 100%;
	}
	.box_notice .box .tt {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.box_notice {
		margin: 0 auto 0;
	}
	.box_notice .box_notice_inner {
		padding: 0 8px;
		width: 100%;
	}
	.box_notice .box {
		width: 100%;
		padding: 0;
	}
	.box_notice .box .tt {
		width: 100%;
		height: 48px;
		background: url(../images/content/bg_con_title_550.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	.box_notice .box .tt img {
		width: 100%;
	}
	.box_notice .box .list {
		padding: 12px 8px;
		height: auto;
		gap: unset;
		margin: 4px 0 0 0;
	}
	.box_notice .box .list a {
		position: relative;
		height: auto;
		word-break: break-all;
		padding: 14px 0 8px;
	}
	.box_notice .box .list a .date {
		text-align: left;
		position: absolute;
		left: 0;
		top: 0;
	}
}

.realtime_notice a span:nth-child(1) {
	width: 70%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.realtime_notice a span:nth-child(2) {
	width: 30%;
}
.realtime_space a span:nth-child(1) {
	width: 20%;
}
.realtime_space a span:nth-child(2) {
	width: 50%;
	text-align: right;
	padding: 0px 40px;
}
.realtime_space a span:nth-child(3) {
	width: 20%;
}

@media screen and (max-width: 500px) {
	.realtime_space a span:nth-child(1) {
		width: 30%;
	}
	.realtime_space a span:nth-child(2) {
		width: 40%;
		text-align: right;
		padding: 0px 6px;
	}
	.realtime_space a span:nth-child(3) {
		width: 30%;
	}
}

/* popup */
.bg_mask {
	z-index: 8000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
.bg_mask + .bg_mask {
	background-color: transparent;
}
.popup_box {
	display: none;
	position: absolute;
	width: 800px;
	background-image: url(../images/content/bg_modal.jpg?v=2026);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	border-radius: 10px;
}
.popup_box.view {
	z-index: 9997;
	display: block;
}
.popup_box.view {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.popup_multi {
	display: none;
	overflow: hidden;
	min-width: 400px;
	position: absolute;
	border-radius: 10px;
	background: rgba(255, 255, 255, 1);
}
.popup_multi.view {
	z-index: 9998;
	display: block;
}
.popup_box .close {
	z-index: 9999;
	position: absolute;
	left: 50%;
	width: 258px;
	height: 78px;
	background: url(../images/content/popup_close.png) no-repeat;
	background-size: cover;
	transform: translate(-50%, -50%) scale(0.5);
}
.layer_content {
	overflow: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 32px;
	max-height: 90vh;
}
.layer_head {
	display: flex;
	align-items: center;
	width: 100%;
}
.pop_logo {
	height: 50px;
	text-align: center;
}
.pop_logo img {
	height: 100%;
	display: inline-block;
}
.pop_tt {
	font-size: 3.2rem;
	margin-bottom: 10px;
	text-align: center;
	font-weight: 900;
	font-style: italic;
}
.pop_st {
	margin: 24px auto 16px;
	color: #830006;
	font-size: clamp(14px, 2vw, 18px);
	font-family: var(--font-ff-heading);
	font-weight: 600;
	text-align: center;
}
.popup_button {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	width: 100%;
	/* add */
	gap: 15px;
}
.popup_button .btn {
	display: inline-block;
	width: 50%;
	height: 46px;
	line-height: 46px;
	margin: 5px 0 0;
	padding: 0 20px;
	color: #ffffff;
	font-size: 1.4rem;
	text-align: center;
	border-radius: 4px;
	word-break: keep-all;
	font-weight: bold;
	font-family: var(--font-ff-heading);
}



/* 팝업 타이틀 */
.bg_title {
	width: 100%;
	height: 48px;
	line-height: 1;
	text-align: center;
	color: var(--color-h6-bodytxt);
	font-size: 2rem;
	font-weight: 700;
	margin-top: 8px;
	margin-bottom: 4px;
	padding: 0 12px;
	border-bottom: 0px solid rgba(255, 255, 255, 0.2);
	font-family: var(--font-ff-heading);
	display: flex;
	align-items: center;
	justify-content: center;
}
.img_title {
	display: flex;
	justify-content: center;
	height: 100px;
	width: auto;
	max-width: 66%;
	margin: 0 auto;
	margin-bottom: 20px;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 1));
}
.img_title img {
	width: auto;
	height: 100%;
	max-width: 100%;
	object-fit: scale-down;
}
.img_title_category {
	height: 58px;
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 20px;
	filter: drop-shadow(3px 3px 2px #3c3c3cab);
}

/* 로그인 팝업 */
.register {
	width: 400px;
}
.register .form .form_title {
	display: none;
}
.register .form .form_text.focus .input {
	border-color: rgb(252, 211, 77);
}
.popup_table {
	width: 100%;
	margin: 10px 0;
}
.popup_table .popup_table_inner {
	height: 100%;
}
.popup_table .table {
	width: 100%;
	height: auto;
}
.popup_table .table .thead {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.popup_table .table .tbody {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-height: 300px;
	overflow-y: auto;
}
.popup_table .table .tbody .t_item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: #00000012;
}
.popup_table .table .th {
	display: block;
	width: 20%;
	text-align: center;
	font-size: 1.3rem;
	padding: 10px 10px 9px;
	color: #fff;
	background: rgba(71 52 27 / 60%);
}
.popup_table .table .th + .th {
	border-left: 1px solid #6c470054;
}
.popup_table .table .td {
	display: block;
	width: 20%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	font-size: 1.3rem;
	padding: 10px 10px;
	color: #623e11;
	border-bottom: 1px solid #6c470054;
}
.popup_table .table .td a {
	color: #623e11;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 1000;
}
.popup_table .table .td.empty {
	width: 100% !important;
}

/* 공지사항 */
.popup_table.notice .table .th {
	width: 12%;
}
.popup_table.notice .table .th:nth-child(2) {
	width: 48%;
}
.popup_table.notice .table .th:nth-child(3) {
	width: 20%;
}
.popup_table.notice .table .th:nth-child(4) {
	width: 20%;
}
.popup_table.notice .table .td {
	width: 12%;
	font-size: 1.4rem;
}
.popup_table.notice .table .td:nth-child(2) {
	width: 48%;
	text-align: left;
}
.popup_table.notice .table .td:nth-child(3) {
	width: 20%;
}
.popup_table.notice .table .td:nth-child(4) {
	width: 20%;
}
.noticeCont {
	display: none;
	padding: 10px 13% 10px 13%;
	width: 100%;
	color: var(--color-h6-bodytxt);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	line-height: 26px;
	font-size: 1.4rem;
	font-weight: 600;
	transition: all 0.2s;
}
.noticeCont.open {
	display: block;
}
.notice_tag {
	font-weight: bold;
}
.m_memo_date {
	display: none;
}
.m_hiding {
	display: block;
}
.m_cs_date {
	display: none;
}
.m_ans_title {
	display: none;
}
.popup_box .badge {
	padding: 4px 8px;
	background: rgba(255, 248, 248, 0.9);
	border: 1px solid rgba(196, 0, 11, 0.35);
	border-radius: 16px;
	color: #a9000d;
	font-size: clamp(11px, 1.2vw, 12px);
}
.read .badge {
	background: #f2f2f2;
	border-color: #ccc;
	color: #666;
}
.unread .badge {
	background: #fff0f1;
	border-color: #e39a9f;
	color: #b4000e;
}
.completed .badge {
	background: #edf8f1;
	border-color: #9ac9aa;
	color: #1a5930;
}
.pending .badge {
	background: #fff7e8;
	border-color: #c6a561;
	color: #7b5102;
}



/*	-- s: popup: 베팅내역 --*/

/* basic tab */
.basic_tab {
	position: relative;
}
.basic_tab ul {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
}
.basic_tab li {
	width: 25%;
	cursor: pointer;
	position: relative;
	height: 60px;
}
.basic_tab li:not(.active) {
	border-bottom: 1px solid #6c6148d1;
}
.basic_tab li button {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(120, 100, 70, 0.75);
	font-weight: var(--font-fw-heading);
}
.basic_tab li button span {
	display: inline-block;
	font-size: clamp(12px, 1.5vw, 14px);
	color: #fff;
}
.basic_tab li.active button {
	background: #ffffff;
	box-shadow: inset 0 0 8px -2px #7f6a3d;
	font-weight: bold;
	border: 1px solid;
	border-color: rgba(120, 100, 70, 0.5);
}
.basic_tab li.active button span {
	color: rgb(100, 88, 60);
}
.basic_tab.tab_02 li {
	width: 50%;
}
.basic_cont_tab {
	width: 100%;
	padding-top: 3px;
}

/* 베팅내역 */
.bettingListLayer .basic_tab::-webkit-scrollbar,
.bettingListLayer .table_list::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.bettingListLayer .basic_tab::-webkit-scrollbar-thumb,
.bettingListLayer .table_list::-webkit-scrollbar-thumb {
	background: rgb(134, 99, 28);
	border-radius: 0;
}
.bettingListLayer .basic_tab::-webkit-scrollbar-thumb:hover,
.bettingListLayer .table_list::-webkit-scrollbar-thumb:hover {
	background: rgb(205, 143, 18);
	cursor: pointer;
}
.bettingListLayer .basic_tab::-webkit-scrollbar-track {
	background: rgb(233, 233, 233);
}
.popup_box.bettingListLayer {
	width: 95%;
	max-width: 1480px;
}
.bettingListLayer .basic_tab {
	overflow-y: hidden;
	overflow-x: auto;
}
.bettingListLayer .basic_tab .mypageTab li + li {
	border-left: 1px solid;
	border-color: #6c6148d1;
}
.bettingListLayer .basic_tab .mypageTab li button {
	padding: 0 12px;
	min-width: max-content;
}
.bettingListLayer .basic_tab .mypageTab li span {
	word-break: keep-all;
}
.bettingListLayer .date_pick_search {
	background: none;
	border: none;
	padding: 12px;
}
.bettingListLayer .date_pick_search .bt_search {
	border: 1px solid #64583e;
	background: #7f6a3d;
}

/* datepicker */
.date_pick_search {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: #3368ff26;
	border: 1px solid #3368ff26;
	padding: 16px;
}
.date_pick_search .select_basic {
	width: 120px;
	background-color: #7f6a3d;
	border: 1px solid #64583e;
}
.date_pick_search .select_basic .select_box label {
	color: #fff;
}
.datepicker_area {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.datepickerWrap {
	overflow: hidden;
	position: relative;
	display: block;
	width: 138px;
	padding: 0 40px 0 16px;
	border: 1px solid rgba(105, 105, 123, 0.3);
	height: 40px;
	background-color: #fff;
	border-radius: 4px;
	line-height: 38px;
}
.datepickerWrap input {
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	font-size: 1.4rem;
	background-color: transparent;
	color: #6a6a6a;
}
.datepickerWrap input::-webkit-input-placeholder {
	color: #aaa;
	font-size: 1.4rem;
}
.datepickerWrap input:-ms-input-placeholder {
	color: #aaa;
	font-size: 1.4rem;
}
.datepickerWrap input::placeholder {
	color: #aaa;
	font-size: 1.4rem;
}
.datepickerWrap:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 12px;
	width: 15px;
	height: 15px;
	vertical-align: top;
	background: url(../images/content/calendar.png) center no-repeat;
	background-size: cover;
}
.datepicker_area .to {
	color: #aaa;
	display: inline-block;
	font-size: 1.4rem;
	margin: 0 5px;
}
.datepicker_area .tt {
	font-size: 1.4rem;
	color: #5e5f6f;
	padding: 0 5px 0 10px;
	text-align: right;
}
/* 검색 버튼 */
.bt_search {
	margin-left: 10px;
	width: 80px;
	height: 40px;
	border: 1px solid #7a25ff;
	border-radius: 4px;
	background: #7a25ff;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	line-height: 38px;
	cursor: pointer;
}
/*	-- e: popup: 베팅내역 --*/

@media screen and (max-width: 767px) {
	.popup_box {
		width: 95%;
		top: clamp(24px, 8vh, 80px) !important;
		top: clamp(24px, 8dvh, 80px) !important;
		position: fixed;
	}
	.popup_box.view {
		left: 50%;
		transform: translateX(-50%);
	}
	.popup_box.register {
		max-width: 400px;
	}
	.popup_multi {
		min-width: 90%;
		width: 90%;
		border-radius: 5px;
	}
	.popup_box.m_all_popup {
		position: fixed;
		bottom: 0 !important;
		left: 0;
		top: 40px !important;
		border: 0;
		width: 100% !important;
	}
	.popup_box.m_all_popup .popup_close_button {
		top: 18px;
		right: 20px;
		width: 25px;
		height: 25px;
	}
	.popup_box.m_all_popup.view {
		display: block;
	}
	.popup_box .close {
		transform: translate(-50%, -50%);
		height: 32px;
		width: 100px;
		background-size: contain;
	}
	.gameListPop .layer_content {
		overflow: hidden;
	}
	.layer_content {
		overflow: auto;
		max-height: 88vh;
		max-height: 88dvh;
		padding: 16px 8px;
	}
	.img_title {
		height: auto;
		padding-top: 8px;
	}
	.img_title_category {
		height: 38px;
		margin-top: unset;
	}
	.img_title img {
		height: 100%;
		max-width: 80%;
	}
	.pop_tt {
		font-size: 2.2rem;
	}
	.pop_logo {
		height: 40px;
	}
	.layer_head {
		height: auto;
		min-height: max-content;
	}
	.layer_body .popup_table .table .th {
		font-size: 1.2rem;
		padding: 8px 4px;
		font-weight: normal;
	}
	.bg_title {
		font-size: 1.6rem;
		background-size: 100% 100%;
		height: 24px;
		margin-top: 12px;
	}
	.popup_table.notice .table .th {
		width: 18%;
		font-size: 1.2rem;
	}
	.popup_table.notice .table .th:nth-child(2) {
		width: 44%;
	}
	.popup_table.notice .table .td {
		width: 18%;
		font-size: 1.2rem;
		/* padding: 10px 5px; */
	}
	.popup_table.notice .table .td:nth-child(2) {
		width: 42%;
	}
	.popup_table.notice .table img {
		height: 14px;
	}
	.noticeCont {
		padding: 10px 17% 10px 17%;
		font-size: 1.2rem;
		line-height: 22px;
		word-break: keep-all;
		overflow-wrap: anywhere; /* fallback */
		border-top: 1px solid #6c470054;
		background: #0000000f;
		flex-direction: column;
	}
	.m_ans_title {
		display: block;
		line-height: 1.8rem;
		color: #a9824f;
		margin-bottom: 10px;
	}
	.m_text_bg {
		background: rgb(0 0 0 / 50%);
		border-bottom: 1px solid #6c470054 !important;
	}
	.m_text_bg .td {
		background: none !important;
		border: 0px !important;
	}
	/*	-- s: popup: 베팅내역 --*/
	.basic_tab li {
		height: 40px;
	}
	.date_pick_search {
		padding: 10px;
		flex-direction: column;
	}
	.date_pick_search .select_basic {
		width: 100%;
	}
	.datepicker_area {
		flex-wrap: wrap;
		width: 100%;
		justify-content: space-between;
		margin-top: 10px;
	}
	.datepicker_area .tt {
		display: none;
	}
	.datepickerWrap {
		width: 49%;
	}
	.datepicker_area .to {
		display: none;
	}
	.bt_search {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	/*	-- e: popup: 베팅내역 --*/
}

@media screen and (max-width: 420px) {
	.m_hiding {
		display: none !important;
	}
	.m_memo_title {
		width: 68% !important;
	}
	.m_memo_date {
		display: block;
		font-size: 1.1rem;
		color: #916633;
		padding: 0px;
	}
	.m_memo_etc {
		width: 14% !important;
	}
	.m_notice_num {
		width: 21% !important;
	}
	.m_notice_title {
		width: 59% !important;
	}
	.m_notice_date {
		display: block;
		font-size: 1.1rem;
		color: #ffffff80;
		padding: 0px;
	}
	.m_cs_title {
		width: 57% !important;
	}
	.m_cs_etc {
		width: 25% !important;
	}
	.m_cs_date {
		display: block;
		font-size: 1.1rem;
		color: #8e6632;
		padding: 0px;
	}
}

/* pagination */
ul.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	font-size: clamp(11px, 1.25vw, 13px);
	font-weight: bold;
	text-transform: uppercase;
	padding: clamp(8px, 1.5vw, 16px);
	width: 100%;
}
ul.pagination li {
	display: inline-block;
	margin-bottom: 2px;
}
ul.pagination li {
	margin: 0;
	margin-inline-end: 0 !important;
}
ul.pagination li > input {
	width: 56px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #bfb9a9;
	border-radius: 4px;
	padding: 0;
	font-weight: bold;
	color: #6b582c;
}
ul.pagination li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	width: 32px;
	border: 1px solid #ddd;
	padding: 0;
	border-radius: 4px;
	background: #dedbd3;
	color: #453d32;
}
ul.pagination li a:hover,
ul.pagination li.active a {
	background: #887751;
	color: #ffffff;
	border-color: #4d422a;
}
ul.pagination li a > i {
	font-size: 100%;
	line-height: 100%;
	/* color: #3f4551; */
}
ul.pagination li:not(:first-of-type) {
	margin-inline-start: 3px;
}
ul.pagination li:not(:last-of-type) {
	margin-inline-end: 3px;
}

/* common form */
.input input::-webkit-input-placeholder {
	color: #707070;
	font-size: 1.3rem;
}
.input input:-ms-input-placeholder {
	color: #707070;
	font-size: 1.3rem;
}
.input input::placeholder {
	color: #707070;
	font-size: 1.3rem;
}
.inpClear {
	display: none;
	width: 35px;
	height: 36px;
	position: absolute;
	right: 5px;
	top: 0;
	cursor: pointer;
}
.inpClear img {
	width: 16px;
	height: 16px;
}
.form + .form {
	margin-top: 5px;
}
.form_text + .form_text {
	margin-top: 15px;
}
.form {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.form .form_title {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 1.4rem;
	color: #fff;
}
.form .form_title h3 {
	color: rgb(255, 235, 192);
}
.asc {
	color: #f8717199;
	display: block;
	text-align: left;
	margin: 5px 0 0 0;
	padding-left: 5px;
	font-size: 1.3rem;
	font-weight: 400;
}
.desc {
	display: block;
	color: #fff;
	text-align: left;
	margin: 0;
	padding-left: 16px;
	font-size: 1.3rem;
}
.form .form_text {
	position: relative;
	width: 100%;
}
.form .input {
	overflow: hidden;
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 0;
	width: 100%;
	height: 46px;
	font-size: 1.4rem;
	border: 1px solid #c29b9b;
	background-color: rgb(255 255 255);
	border-radius: 4px;
}
.form .input input {
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0 10px;
	font-size: 1.4rem;
	color: #572828;
	text-align: left;
	background-color: transparent;
	font-weight: 700;
}
.icon_font {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	max-height: 100%;
	min-height: fit-content;
	aspect-ratio: 1 / 1;
	color: #c29b9b;
	border-radius: 4px;
	font-size: 16px;
	line-height: 0;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset;
	-webkit-text-fill-color: white;
	color: inherit !important;
	-webkit-text-fill-color: #000000 !important;
}
.form.input_value .input {
	border: 0;
	background-color: transparent;
}
.form.input_value .input input {
	font-weight: 700;
	font-size: 1.4rem;
}
.form .form_textarea {
	position: relative;
	width: 80%;
}
.form .form_textarea .textarea {
	display: block;
	width: 100%;
	border: 1px solid #64583d33;
	background-color: #64583d33;
	border-radius: 8px;
}
.form .form_textarea .textarea textarea {
	width: 100%;
	min-height: 100px;
	font-size: 1.4rem;
	color: #847c6a;
	background-color: transparent;
	border: 0;
	padding: 10px 20px;
}
.btn_money {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 8px 0;
	width: 100%;
	padding: 0 12px;
	gap: 6px;
}
.btn_money .money_button {
	height: 32px;
	/* width: calc(100% / 7 - 6px); */
	flex: 1 1 0;
	margin: 0;
	padding: 0 8px;
	display: inline-block;
	color: #7d541e;
	font-size: 1.3rem;
	font-weight: bold;
	border-radius: 4px;
	background: url(../images/content/btn2.jpg) center no-repeat;
	background-size: 100% 100%;
	font-family: var(--font-ff-heading);
}
.btn_money .money_button:hover {
	background: url(../images/content/btn2over.jpg) center no-repeat;
	background-size: 100% 100%;
}
.btn_money .money_button.primary {
	background: url(../images/content/btn1.jpg) center no-repeat;
	background-size: 100% 100%;
}
.btn_money .money_button.primary:hover {
	background: url(../images/content/btn1over.jpg) center no-repeat;
	background-size: 100% 100%;
}
.btn_deposit {
	height: 32px;
	padding: 0 20px;
	margin: 0 3px;
	display: inline-block;
	color: rgb(71 52 27);
	font-size: 1.4rem;
	font-weight: 600;
	border-radius: 4px;
	background: url(../images/content/btn1.jpg) center no-repeat;
	background-size: cover;
}
.btn_deposit:hover {
	background: url(../images/content/btn1over.jpg) center no-repeat;
	background-size: 100% 100%;
}
.row_form .form .form_title {
	width: 20%;
	height: 60px;
	background: rgba(70, 50, 30, 0.75);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 0 8px 0 24px;
}
.row_form .form .form_text {
	width: 80%;
	height: 60px;
	background: rgba(70, 50, 30, 0.6);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.row_form .form + .form {
	margin-top: 0;
}
.row_form .form .input {
	display: flex;
	align-items: center;
	background-color: transparent;
	padding: 0 12px;
	height: 60px;
	border: 0;
}
.row_form .form .input input {
	padding: 0 10px;
	color: #8e5532;
	height: 34px;
	background-color: #ffffff;
	border: 1px solid #8e6532;
	border-radius: 4px;
}
.row_form .form .form_text_btn {
	position: relative;
	width: 80%;
	height: 60px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	background: rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.row_form .form .form_text_btn .input {
	width: calc(100% - 110px);
}
.row_form .form .form_text_btn .btn {
	width: 100px;
	margin: 0 10px 0 0;
}
.row_form .form .form_text_btn .btn button {
	width: 100px;
	height: 34px;
	display: inline-block;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	border-radius: 4px;
	background: url(../images/content/btn1.jpg) center no-repeat;
	background-size: cover;
}
.row_form .form .form_text_btn .btn button:hover {
	background: url(../images/content/btn1over.jpg) center no-repeat;
	background-size: 100% 100%;
}
.chargeMoney.form .form_text {
	height: 120px;
}
.chargeMoney.form .form_title {
	height: 120px;
}
.row_form .depositName.form .input {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.row_form .depositName.form .input input {
	width: 30%;
}
.row_form .num {
	color: #fac936;
	font-size: 1.6rem;
	margin: 0 5px 0 0;
	display: inline-block;
	text-shadow: 1px 1px 1px #404040;
	font-weight: 1000;
}

/* select */
.select_basic {
	display: block;
	position: relative;
	width: 100%;
	height: 38px;
	text-align: left;
	background-color: #222;
	border: 1px solid #000;
	border-radius: 4px;
}
.select_basic .select_box {
	display: inline-block;
	padding: 0 10px;
	position: relative;
	height: 100%;
	width: 100%;
	line-height: 38px;
}
.select_basic .select_box label {
	position: absolute;
	font-size: 1.3rem;
	top: 0;
	left: 10px;
	color: #707070;
}
.select_basic .select_box:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #fff transparent transparent transparent;
	vertical-align: top;
}
.select_basic .select_box .select {
	width: 100%;
	height: 40px;
	line-height: 38px;
	color: #f7f7f7;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 1.3rem;
}
.select_basic .select_box label.on {
	color: #f7f7f7;
	font-size: 1.4rem;
}
.joinRegister {
	height: calc(100vh - 150px);
	height: calc(100dvh - 150px);
	/* safari */
}
.joinRegister .layer_content {
	height: 100%;
}
.joinRegister .layer_body {
	height: 100%;
	overflow: hidden;
}
.form_scroll {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

@media screen and (max-width: 767px) {
	.joinRegister {
		height: calc(100vh - 130px);
		height: calc(100dvh - 130px);
		/* safari */
	}
}

@media screen and (max-width: 767px) {
	.form .form_title {
		font-size: 1.3rem;
	}
	.form.input_value .input input {
		font-size: 1.3rem;
	}
	.asc {
		font-size: 1.2rem;
	}
	.desc {
		font-size: 1.2rem;
	}
	.btn_money {
		margin: 0;
		gap: 4px;
	}
	.btn_money .money_button {
		width: auto; /* fallback */
		width: fit-content;
		min-width: max-content;
		margin: 0;
		font-size: 1.1rem !important;
		padding-left: 4px !important;
		padding-right: 4px !important;
		flex: 1 1 20% !important;
	}
	.btn_money .money_button:last-child {
		width: 100%;
	}
	.row_form .form .form_title {
		width: 30%;
		padding: 0 10px;
		height: 50px;
	}
	.row_form .form .form_text {
		width: 70%;
		height: 50px;
	}
	.row_form .form .form_text_btn {
		width: 70%;
		height: 50px;
	}
	.row_form .form .input {
		height: 50px;
	}
	.row_form .chargeMoney.form .input {
		height: 50px;
	}
	.chargeMoney.form .form_text {
		height: 170px;
	}
	.chargeMoney.form .form_title {
		height: 170px;
	}
	.row_form .depositName.form .form_title {
		height: 80px;
	}
	.row_form .depositName.form .form_text {
		height: 80px;
	}
	.row_form .depositName.form .input {
		height: 80px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.row_form .depositName.form .input input {
		width: 100%;
	}
	.row_form .depositName .desc {
		padding-left: 5px;
		margin: 5px 0 0 0;
		font-size: 1.1rem;
	}
	.btn_deposit {
		font-size: 1.2rem;
	}
	.row_form .form .form_text_btn .btn button {
		font-size: 1.2rem;
	}
}
.scrollTop {
	display: none;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	box-shadow: -1px -1px 4px -1px #ff7979, 0 4px 4px 2px #5b1919;
	background: #c70f16;
	border: 0;
	border-radius: 40px;
	color: #d9ca9a;
	backdrop-filter: blur(8px);
	transition: opacity 0.3s;
	cursor: pointer;
}
.scrollTop.show {
	display: flex;
}
.scrollTop svg {
	width: 24px;
	height: 24px;
}
.scrollTop:active {
	box-shadow:
		-2px -2px 10px 0 rgba(0, 0, 0, 0.9),
		2px 2px 4px 0 hsla(0, 0%, 100%, 0.2);
	transition: all 0.2s;
}

@media screen and (max-width: 767px) {
	.scrollTop {
		bottom: 30px;
		width: 30px;
		height: 30px;
	}
	.scrollTop svg {
		width: 20px;
		height: 20px;
	}
}

/* 게임리스트 */
.gameListPop {
	width: 1300px;
	height: calc(100vh - 150px);
	height: calc(100dvh - 150px);
}
.gameListPop .layer_content {
	height: 100%;
}
.gameListPop .layer_body {
	height: 100%;
	overflow: hidden;
}
.game_list_wrap {
	position: relative;
	width: 100%;
	height: 98%;
	overflow-y: auto;
}
.game_slot_detail_wrap {
	margin-top: 30px;
}
.game_slot_detail_wrap .game_list {
	margin: unset;
	padding-bottom: 16px;
}
.game_slot_detail_wrap .game_list .mgm {
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.15s;
}
.game_slot_detail_wrap .game-title-txt {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 98;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%);
	font-size: 16px;
	font-weight: 600;
	padding: 8% 0 8px;
	transition: all 0.25s;
	font-family: var(--font-ff-heading);
}
.game_slot_detail_wrap .game_list .mgm:hover {
	/* transform: scale(1.1); */
	will-change: transform;
	z-index: 98;
	transition: all 0.25s;
	box-shadow: 0 0 16px 8px #00000094;
}
.game_slot_detail_wrap .game_list .mgm:hover .img img {
	filter: brightness(1.25);
	transform: scale(1.125);
	transition: all 0.25s;
}
.game_slot_detail_wrap .game_list .mgm:hover .game-title-txt {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(180, 135, 85, 0.95) 50%);
	padding: 40% 0 10%;
	transition: all 0.25s;
}

@media screen and (min-width: 1190px) {
	.game_slot_detail_wrap .game_list {
		margin: unset;
		gap: 16px;
		padding: 0 16px;
		padding-bottom: 16px;
	}
	.game_slot_detail_wrap .game_list .mgm {
		width: calc(100% / 5 - 13px);
		margin: unset;
		height: 12vw;
		max-height: 170px;
	}
}
.game_list {
	display: flex;
	flex-wrap: wrap;
	margin: 40px 0 0;
	justify-content: center;
}
.game_list .mgm {
	width: 280px;
	margin: 0 10px 20px;
	display: block;
}
.game_list .mgm a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.game_list .mgm .img_mob {
	display: none;
}
.game_list .mgm .img_mob img {
	width: 100%;
	height: 100%;
}
.game_list .mgm .img {
	width: 100%;
	height: 100%;
}
.game_list .mgm .img img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	transition: all 0.25s;
}
.game_list .image-normal {
	display: block;
}
.game_list .image-hover {
	display: none;
}
.game_list .image-toggle.active .image-normal {
	display: none;
}
.game_list .image-toggle.active .image-hover {
	display: block;
	animation-name: mouseover;
	-webkit-animation-name: mouseover;
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	visibility: visible !important;
}

@media screen and (max-width: 1190px) {
	.gameListPop {
		width: 95%;
	}
	.game_list .mgm {
		width: calc(100% / 3 - 20px);
		margin: 0 10px 20px;
	}
}
@media screen and (max-width: 767px) {
	.panel_site_menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: row;
		gap: 8px;
		width: 100%;
		padding: 0px 20px;
		margin-top: 8px;
		margin-bottom: 16px;
	}
	.panel_site_menu .sm_item {
		width: auto;
		max-width: 220px;
		margin: 0 auto;
		flex: 1 1 130px;
	}
	.panel_site_menu .sm_item img {
		width: 100%;
	}
	.gameListPop {
		width: 95%;
		height: calc(100vh - 130px);
		height: calc(100dvh - 130px);
		/* safari */
	}
	.game_list {
		margin: 0;
		padding: 10px 0;
		gap: 8px;
	}
	.game_list .image-normal,
	.game_list .image-toggle.active .image-normal {
		display: block !important;
	}
	.game_list .image-toggle.active .image-hover {
		display: none !important;
	}
	.game_list .mgm {
		width: calc(100% / 2 - 8px);
		margin: unset;
	}
}
.panel_site_menu {
	display: none;
}

/* -------------------------------------------------
	Hotel Main gamelist
*/
.hotel-gamebox {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(8px, 2.4vw, 24px);
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.main_contents_box .hotel-gamebox {
	margin-top: clamp(24px, 6vw, 60px);
}
.game-thumb-box {
	--radius-card: clamp(40px, 6vw, 64px);
	/* flex: 1 1 0; */
	height: auto;
	width: clamp(200px, 30vw, 330px);
}
.upcoming-game-thumb {
	position: relative;
}
.parallax-card {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 0.9;
	overflow: visible;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	background: #000;
	border-radius: 2px;
	border-top-left-radius: var(--radius-card);
	border-top-right-radius: var(--radius-card);
	transform: translateZ(0);
	will-change: transform, filter;
	z-index: 99;
}
.parallax-card:hover #l3:before {
	animation: l3 1.5s linear infinite;
}
.parallax-card.overflow-hidden {
	overflow: hidden;
}
/* .parallax-card : aspect-ratio 폴백 */
@supports not (aspect-ratio: 1 / 0.9) {
	.parallax-card {
		position: relative;
		height: 0;
		padding-top: calc(100% / (1 / 0.9)); /* 111.111...% */
	}
	.parallax-card > .layer,
	.parallax-card > .para-title {
		position: absolute;
		inset: 0;
	}
}
.parallax-card .background,
.parallax-card .middle,
.parallax-card .front {
	will-change: transform, filter, background-position;
}
.parallax-card .layer {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 0 0;
	transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.layer .vendor-icon {
	position: absolute;
	z-index: 88;
	top: 8px;
	right: 8px;
	max-width: 25%;
	height: auto;
}
.layer .vendor-icon.inbox {
	background-color: rgba(50, 33, 33, 0.75);
	border-radius: 24px;
	padding: 8px;
}
.layer .vendor-icon.inbox img {
	width: 100%;
}
.parallax-card .background {
	filter: blur(0px) brightness(1);
	width: 100%;
	/* border-radius: clamp(4px, 1.2vw, 12px); */
	border-radius: 2px;
	border-top-left-radius: var(--radius-card);
	border-top-right-radius: var(--radius-card);
	box-shadow: inset 0px 2px 14px 0px #00000087;
}
.parallax-card .middle {
	filter: drop-shadow(1px 4px 4px #00000020);	
}
.parallax-card .front {
	height: 110%;
	top: -10%;
	background-size: 100%;
	background-position-y: 0%;
	background-repeat: no-repeat;
	/* border-radius: clamp(4px, 1.2vw, 12px); */
	border-radius: 2px;
	border-top-left-radius: var(--radius-card);
	border-top-right-radius: var(--radius-card);
	z-index: 12;
}
.parallax-card .para-title {
	position: absolute;
	z-index: 13;
	bottom: 0;
	width: 100%;
}
.parallax-card .para-title h3 {
	text-align: center;
	padding: 16px 8px;
	padding-top: 10%;
	margin: 0 auto;
	width: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 25%, rgb(0, 0, 0) 100%);
	font-weight: var(--font-fw-heading);
	font-size: clamp(13px, 1.8vw, 18px);
	letter-spacing: normal;
	line-height: 1.15;
	text-shadow: 1px 1px 2px #390e0e;
	transition:
		background 0.3s ease,
		padding-top 0.125s ease-in-out;
}

.gold-frame {
	display: inline-block;
	padding: clamp(0px, 1vw, 0px);
	border: 3px solid transparent;
	/* border-radius: clamp(8px, 1.6vw, 16px); */
	border-radius: 2px;
	border-top-left-radius: var(--radius-card);
	border-top-right-radius: var(--radius-card);
	box-shadow:
		inset 0 0 3px rgba(255, 255, 255, 0.8),
		0 4px 6px rgba(0, 0, 0, 0.2);
}
.gold-frame-inner {
	/* border-radius: clamp(4px, 1.2vw, 12px); */
	border-radius: 2px;
	border-top-left-radius: var(--radius-card);
	border-top-right-radius: var(--radius-card);
	padding: clamp(1px, 0.5vw, 2px);
	text-align: center;
	backdrop-filter: blur(1px);
	-webkit-backdrop-filter: blur(1px);
}

.wrap-gamebox-title	{
	background-image: url(../images/content/game_cate_bg.png);
	background-position: center 40px;
	background-size: auto 100%;
	background-repeat: repeat-x;
}
.gamebox-title {
	position: relative;
	z-index: 4;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	/* justify-content: space-evenly; */
	gap: clamp(8px, 1.5vw, 16px);
	margin: 0 auto;
	margin-top: -48px;
	padding: 0;
	padding-bottom: 40px;
	height: auto;
	width: 100%;
	max-width: 1400px;
	filter: drop-shadow(0 -8px 4px #00000020);
}
/* .gamebox-title::before,
.gamebox-title::after {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	z-index: 5;
	background-image: url("../images/content/bt_bg.png");
	background-size: auto 100%;
	background-repeat: no-repeat;
}
.gamebox-title::before {
	left: -10%;
	background-position: left center;
}
.gamebox-title::after {
	right: -10%;
	background-position: right center;
} */
.gamebox-title > li {
	position: relative;
	z-index: 6;
	flex: 1 1 0;
	max-width: 224px;
}
.gamebox-title .menuTab-btn {
	position: relative;
	width: 100%;
	height: auto;
	transition: animation 0.4s cubic-bezier(0.26, 1, 0.36, 1);
}
.menuTab-btn .img-default,
.menuTab-btn .img-active,
.menuTab-btn > img	{
	position: inherit;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	transition: opacity 0.45s cubic-bezier(0.26, 1, 0.36, 1);
}
.menuTab-btn .img-default	{
	opacity: 1;
}
.menuTab-btn .img-active	{
	position: absolute;
	opacity: 0;
}
.menuTab-btn.active .img-active,
.menuTab-btn:hover .img-active	{
	opacity: 1;
}

/* .gamebox-title .menuTab-btn img	{} */
.menuTab-btn.active,
.menuTab-btn:hover	{	
	animation: steamFade 2s ease-in-out infinite;
}
@keyframes steamFade {
	0% {
		filter: blur(0);
		filter: brightness(0.95);
	}
	30% {
		filter: blur(1px);
		filter: brightness(1.025);
	}
	40% {
		filter: blur(0);
		filter: brightness(1.15);
	}
	70% {
		filter: blur(0);
		filter: brightness(1.025);
	}
	100% {
		filter: blur(0);
		filter: brightness(0.95);
	}
}
.menuTab {
	display: flex;
}
.cont_tab_area {
	display: none;
}
.cont_tab_area.active {
	display: block;
}

.box-gamelist-casino {
	position: relative;
}
.box-gamelist-slot {
	position: relative;
	padding-bottom: clamp(60px, 10vw, 150px);
	border: 4px solid transparent;
	border-image: linear-gradient(90deg, rgb(255, 235, 192) 0%, rgb(255, 226, 163) 12%, rgb(168, 115, 0) 50%, rgb(255, 226, 163) 88%, rgb(255, 235, 192) 100%) 1;
	border-image-slice: 1;
	border-left: none;
	border-right: none;
}
.box-gamelist-slot::after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/content/slot-bg-ns.webp);
	background-size: cover;
	background-position: center bottom;
	opacity: 0.5;
	filter: brightness(1.5);
}
.box-gamelist-slot .gamebox-title {
	transform: translateY(-40px);
	margin-top: 0;
	margin-bottom: clamp(-32px, -5vw, -56px);
}

.hotel-gamebox.row2 .game-thumb-box {
	flex: 1 1 0;
	width: auto;
	max-width: 480px;
}
.hotel-gamebox.row2 .parallax-card {
	aspect-ratio: 1 / 0.75;
}

@media screen and (max-width: 1000px) {
	.gamebox-title li {
		top: 0;
	}
}

@media screen and (min-width: 768px) {
	.parallax-card:hover .para-title h3 {
		background: linear-gradient(to bottom,
			rgba(190, 91, 74, 0) 0%,
			rgba(182, 5, 13, 0.5) 40%,
			#b6050d 100%);
		padding-top: 25%;
	}
	.parallax-card:hover .background {
		filter: blur(1.5px) brightness(0.8);
		background-position: -20px 0;
		box-shadow:
			inset 0 0 8px 8px #b6050d,
			inset 0 0 40px 8px rgba(182, 5, 13, 0.5),
			inset 0 0 32px 16px rgba(182, 5, 13, 0.25);
	}
	.parallax-card:hover .middle {
		transform: translate(-5px, 0px);
		filter: drop-shadow(8px 16px 6px black) brightness(1.2);
	}
	.parallax-card:hover .front {
		transform: scale(1.075);
		filter: brightness(1.25) drop-shadow(4px -4px 8px #564316);
		top: calc(-10% - 15px);
	}
	.parallax-card:hover .onlylogo .vendor-icon {
		background: rgba(40, 25, 5, 1);
	}
	/*
	.gold-frame:hover {
		background: linear-gradient(110deg, rgb(246 227 187), rgb(255, 235, 192), rgb(243 184 59));
		border-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 25%, rgb(229 167 31) 50%, rgb(255, 235, 192) 50%, rgb(213 172 82) 75%, rgba(0, 0, 0, 0) 90%) 1;
	}
	*/
}
@media screen and (max-width: 767px) {
	.game-thumb-box,
	.hotel-gamebox.row2 .game-thumb-box {
		flex: 1 1 44%;
		width: auto;
		max-width: 47%;
	}
	.wrap-gamebox-title {
		background: none;
	}
	.gamebox-title {
		width: 98%;
		margin-top: 8px;
		margin-bottom: -8px;
		padding: 16px;
		border: 3px solid transparent;
		border-radius: clamp(8px, 1.6vw, 16px);
		box-shadow:
			inset 0 0 3px rgba(255, 255, 255, 0.8),
			0 4px 6px rgba(0, 0, 0, 0.2);
		background: linear-gradient(110deg, rgb(145, 0, 5), rgb(255, 105, 110), rgb(145, 0, 5));
		border-image: linear-gradient(
			0deg,
			rgba(0, 0, 0, 0) 25%,
			rgb(190, 0, 8) 50%,
			rgb(255, 135, 140) 50%,
			rgb(220, 0, 10) 75%,
			rgba(0, 0, 0, 0) 90%
		) 1;
	}
	.gamebox-title::before,
	.gamebox-title::after {
		all: unset;
	}
	.gamebox-title::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: calc(100% - 8px);
		width: calc(100% - 8px);
		border-radius: 6px;
		background-color: #291917;
		z-index: 5;
	}
}

@media screen and (max-width: 500px) {
	.gamebox-title {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.gamebox-title li {
		flex: 0 0 calc(50% - 8px);
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		top: 0;
	}
	.gamebox-title li button {
		width: 100%;
	}
	.gamebox-title li .tab_bt {
		width: 100%;
		height: auto;
	}
}


@media screen and (max-width: 425px) {
	.parallax-card .para-title h3 {
		padding: 10px 4px 8px 4px;
	}
	.layer .vendor-icon.inbox {
		border-radius: 4px;
		top: -4px;
		right: -4px;
		max-width: 32%;
		padding: 4px;
	}
}

/* -------------------------------------------------
	slot_game_list
*/
.slot_game_list {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin: 10px auto 0;
	width: 550px;
	height: 60px;
	background-image: url(../images/content/bg_con_title_550.png);
	background-repeat: no-repeat;
	background-position: center;
	color: #000000;
	font-size: 2rem;
	font-weight: bold;
	font-family: var(--font-ff-heading);
}
.slot_d_title {
	width: 50%;
	padding: 0 0 0 30px;
	color: #966b2c;
	text-shadow: 0 1px 1px #ffffff;
}
.slot_d_sbox {
	margin-right: 30px;
	background: linear-gradient(145deg, rgb(255 233 46) 0%, rgb(206 158 77) 48%, rgb(240 199 101) 100%);
	padding: 3px;
	border-radius: 6px;
	box-shadow: 0 2px 4px 0 #00000042;
}
.slot_searchbox {
	background: #fff;
	border: 1px solid #c9c9c9;
	padding: 2px;
	border-radius: 3px;
}
.searchbox-txt {
	border: 0;
	width: 78%;
	font-size: 1.6rem;
	padding: 4px 0 0 5px;
}
.searchbox-bt {
	float: right;
	border: 0;
	background: #fff;
	width: 25px;
	height: 25px;
}
.search-icon {
	font-size: 16px;
	line-height: 0;
	position: relative;
	top: 2px;
}

@media screen and (max-width: 767px) {
	.slot_game_list {
		margin-top: 37px;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 575px) {
	.game_slot_detail_wrap .game-title-txt {
		font-size: 13px;
	}
}
@media screen and (max-width: 420px) {
	.slot_d_title {
		width: 52%;
		padding: 0 0 0 10px;
		font-size: 1.6rem;
	}
	.slot_d_sbox {
		margin-right: 10px;
		width: 40%;
	}
	.searchbox-txt {
		width: 70%;
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 400px) {
	.popup_table.notice .table .th:nth-child(1),
	.popup_table.notice .table .td:nth-child(1) {
		width: 18%;
	}
	.popup_table.notice .table .th:nth-child(2),
	.popup_table.notice .table .td:nth-child(2) {
		width: 44%;
	}
	.popup_table.notice .table .th:nth-child(3),
	.popup_table.notice .table .td:nth-child(3) {
		width: 14%;
	}
	.popup_table.notice .table .th:nth-child(4),
	.popup_table.notice .table .td:nth-child(4) {
		width: 24%;
	}
}
/* border helpers */
.br-add {
	border: 3px solid #eab851;
	border-radius: 7px;
}
.br-lt {
	border-top-left-radius: 4px;
}
.br-rt {
	border-top-right-radius: 4px;
}
.br-lb {
	border-bottom-left-radius: 4px;
}
.br-rb {
	border-bottom-right-radius: 4px;
}

/*	****************************************
	NEW TABLE LIST
*/
:root {
	--tb-th-bg: #b4000e;
	--tb-tx-color: #fff;
	--tb-point-color: #a9000d;
	--tb-border-color: rgba(160, 0, 12, 0.18);
	--tb-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.table_list {
	overflow: auto;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 60vh;
	max-height: 60dvh;
}
.table_list .tb_common {
	width: 100%;
	min-width: auto;
	min-width: fit-content;
	border-collapse: initial;
	border-bottom: 1px solid var(--tb-border-color);
	box-shadow: var(--tb-shadow);
	background: rgba(255, 255, 255, 0.72);
}
.table_list .tb_common thead {
	position: sticky;
	top: 0;
	z-index: 2;
}
.tb_common th {
	padding: clamp(8px, 1vw, 10px);
	color: var(--tb-tx-color);
	border-right: 1px solid rgba(255, 255, 255, 0.18);
	border-bottom: 1px solid #96000b;
	word-break: keep-all;
	font-size: clamp(11px, 2vw, 13px);
	text-align: center;
	background: linear-gradient(110deg, #e22332 0%, #a9000d 55%, #d91425 100%);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.tb_common th:last-child {
	border-right: none;
}
.tb_common td {
	padding: clamp(8px, 1vw, 14px);
	padding-left: clamp(4px, 1vw, 14px);
	padding-right: clamp(4px, 1vw, 14px);
	vertical-align: middle;
	font-size: clamp(1.1rem, 1.75vw, 1.3rem);
	word-break: keep-all;
	text-align: center;
	color: #2b2b2b;
	font-weight: 600;
	border-bottom: 1px solid var(--tb-border-color);
}
.tb_common td:last-child {
	border-right: none;
}
.tb_common td a {
	color: #8f000a;
}
.tb_common tr {
	background: rgba(255, 255, 255, 0.88);
	transition: background-color 0.2s ease;
}
.tb_common tr:nth-child(even) {
	background: rgba(248, 241, 241, 0.75);
}
.tb_common tbody tr:hover {
	background: rgba(196, 0, 11, 0.065);
}
.tb_common .subject {
	text-align: left;
	font-size: clamp(1.2rem, 1.75vw, 1.4rem);
}
.tb_common .subject a {
	color: #8f000a;
	font-weight: 700;
}
.tb_common .subject a:hover {
	color: #d00012;
}
.tb_common .none-article {
	width: 100%;
	padding: 4rem 0 !important;
	text-align: center;
	font-size: 1.4rem;
	color: #777;
}
.tb_common .read-article td {
	padding: clamp(8px, 5vw, 24px);
	padding-right: clamp(4px, 2vw, 8px);
	text-align: left;
	line-height: 1.75;
	background: rgba(255, 255, 255, 0.95);
}
.tb_common .td-in-btn .delete {
	background: linear-gradient(110deg, #666 0%, #171717 35%, #050505 55%, #3d3d3d 100%);
	border: 1px solid #555;
	color: #fff;
}
.tb_common .td-in-btn .delete:hover {
	background: linear-gradient(110deg, #858585 0%, #292929 35%, #101010 55%, #555 100%);
	border-color: #777;
}
.tb_common .date {
	font-weight: normal;
	font-size: clamp(10px, 1.3vw, 13px);
	color: #777;
}
.table_list .tb_common img {
	max-width: 98%;
}




/*	****************************************
	maintenance : if the maintenance game is in progress
*/
.maintenance {
	position: relative;
	overflow: hidden;
}
.maintenance .text-mt {
	position: absolute;
	display: flex;
	top: 50%;
	left: 50%;
	width: 102%;
	height: 102%;
	transform: translate(-50%, -50%);
	font-size: 2rem;
	font-size: clamp(14px, 3vw, 22px);
	text-shadow:
		1px 1px rgba(0, 0, 0, 0.4),
		0px 0px rgba(0, 0, 0, 0.5);
	font-weight: 600;
	font-weight: var(--font-fw-heading);
	font-family: var(--font-ff-heading);
	color: #fff;
	text-align: center;
	z-index: 1;
	align-items: center;
	justify-content: center;
	background: #412a15;
	background: linear-gradient(310deg, rgba(0, 0, 0, 0.25) 0%, rgba(133, 89, 16, 0.85) 50%, rgba(50, 30, 5, 0.85) 100%);
}
.maintenance .text-mt > span,
.maintenance .text-mt > em {
	animation: mt-blink 1.5s infinite;
	font-style: normal;
	font-weight: inherit;
}
@keyframes mt-blink {
	0% {
		opacity: 1;
	}
	10% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
/* maintenance : only type - F */
.maintenance .text-mt {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 8px;
	line-height: 1;
}
.promo {
	width: 58px !important;
	top: -4px !important;
	left: -4px !important;
	filter: drop-shadow(0px 0px 4px #000);
}

/* ****************************************
	Keyframes : CSS Animation
*/

/* Heartbeat Animation */
.heartbeat {
	animation: heartbeat 1.5s ease-in-out infinite both;
}
@keyframes heartbeat {
	from {
		transform: scale(1);
		transform-origin: center center;
		animation-timing-function: ease-out;
	}
	10% {
		transform: scale(0.91);
		animation-timing-function: ease-in;
	}
	17% {
		transform: scale(0.98);
		animation-timing-function: ease-out;
	}
	33% {
		transform: scale(0.87);
		animation-timing-function: ease-in;
	}
	45% {
		transform: scale(1);
		animation-timing-function: ease-out;
	}
}

/* Subtle Scale Pulse */
@keyframes con2 {
	0%,
	100% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.04);
		opacity: 1;
	}
}

/* Mouseover Wiggle */
@keyframes mouseover {
	0% {
		transform: rotate(0deg) scaleY(1.1);
	}
	20% {
		transform: rotate(-1deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-1deg);
	}
	65% {
		transform: rotate(1deg);
	}
	80% {
		transform: rotate(-1deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

/* ****************************************
	sweetalert2 : Swal
*/
.swal2-popup {
	font-size: clamp(12px, 1.22vw, 16px) !important;
}
.swal2-title {
	font-family: var(--font-ff-heading) !important;
	font-weight: var(--font-fw-heading) !important;
}

/* popup */

:root {
	--popup-concept-color: #e3d175;
	--popup-text-color: #543416;
}
/*	scrollbar Styling */
.popup-open .popupWrap::-webkit-scrollbar,
.popup-open .popup_box .popup_content::-webkit-scrollbar {
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: var(--popup-concept-color) rgba(0, 0, 0, 0.3);
	width: 10px;
	background: rgba(0, 0, 0, 0.3);
	border-left: solid 1px rgba(255, 255, 255, 0.1);
}
.popup-open .popupWrap::-webkit-scrollbar-thumb,
.popup-open .popup_box .popup_content::-webkit-scrollbar-thumb {
	background: linear-gradient(var(--popup-concept-color), var(--popup-text-color));
	border: solid 2px rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	background-clip: padding-box;
	transition:
		background 0.3s ease-in-out,
		border 0.3s ease-in-out;
}
.popup-open .popupWrap::-webkit-scrollbar-thumb:hover,
.popup-open .popup_box .popup_content::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(var(--popup-text-color), var(--popup-concept-color));
	border-color: rgba(255, 255, 255, 0.25);
	border-top: none;
}
/* END : scrollbar Styling */

body.popup-open {
	overflow: hidden;
}
.popupWrap {
	display: none;
	z-index: -10;
}
.popup-open .popupWrap {
	overflow: auto;
	position: fixed;
	z-index: 100000;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: flex-start;
	align-items: stretch;
	row-gap: 2rem;
	column-gap: 1rem;
	width: 100%;
	height: 100vh;
	min-width: fit-content;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	padding: 10vh 0;
}
.noticeNewPop {
	position: relative;
	width: fit-content;
}
.noticeNewPop > * {
	height: 100%;
}
.noticeNewPop .popup_wrap {
	position: relative;
	width: 100%;
	min-width: 280px;
	max-width: 480px;
	width: clamp(380px, 20vw, 480px);
	border: 4px solid var(--popup-concept-color);
	box-sizing: border-box;
	box-shadow: 4px 4px 20px -8px var(--popup-concept-color);
}
.noticeNewPop .popup_wrap .popup_box {
	display: block;
	overflow: hidden;
	position: initial;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.85);
	border-radius: unset;
}
.noticeNewPop .popup_wrap .popup_box .popup_content {
	display: block;
	color: #e9e9e9;
	box-sizing: border-box;
	padding: 20px;
	line-height: 175%;
	font-size: initial;
}
.noticeNewPop .popup_wrap.onlyimg {
	max-width: fit-content;
}
.noticeNewPop .popup_wrap.onlyimg .popup_box .popup_content {
	padding: 0;
	line-height: 1;
}
.noticeNewPop .popup_wrap .popup_box .popup_content img,
.noticeNewPop .popup_wrap.onlyimg .popup_box .popup_content img {
	width: fit-content;
	max-width: 100%;
	height: auto;
}
.noticeNewPop .popup_wrap.onlyimg .popup_box .popup_content p {
	all: unset;
}
.popup_wrap .btnPopClose {
	position: absolute;
	right: -4px;
	top: -28px;
}
.popup_wrap .btnPopClose a {
	overflow: hidden;
	display: block;
	background-color: var(--popup-concept-color);
	width: 28px;
	height: 28px;
	text-align: center;
	cursor: pointer;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
.popup_wrap .btnPopClose a:hover {
	opacity: 0.9;
	width: 72px;
}
.popup_wrap .btnPopClose a strong {
	font-weight: bold;
	font-size: 12px;
	word-break: keep-all;
	text-indent: -100px;
	margin-right: 0;
	transition: color 0.3s ease-in-out;
}
.popup_wrap .btnPopClose a:hover strong {
	color: var(--popup-text-color);
	text-indent: 0;
	margin-right: 7px;
}
.popup_wrap .btnPopToday {
	position: absolute;
	margin: 0 auto;
	width: auto;
	top: -22px;
	left: -4px;
}
.popup_wrap .btnPopClose a span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}
.popup_wrap .btnPopClose a svg {
	fill: var(--popup-text-color);
	width: 14px;
	height: auto;
	display: block;
}
.popup_wrap .btnPopToday a {
	display: block;
	cursor: pointer;
	background-color: var(--popup-concept-color);
	padding: 0 8px;
	box-sizing: border-box;
	opacity: 1;
	height: 22px;
	width: 100%;
	transform: scale(1);
	transition: all 0.3s ease-in-out;
}
.popup_wrap .btnPopToday a:hover {
	opacity: 0.9;
	width: 125%;
	transition: all 0.3s ease-in-out;
}
.popup_wrap .btnPopToday a span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	height: 100%;
	width: 100%;
	font-size: 11px;
	letter-spacing: -0.035rem;
	font-weight: bold;
	color: var(--popup-text-color);
}
.popup_wrap .btnPopToday a span svg {
	fill: var(--popup-text-color);
	opacity: 0.9;
}

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9998;
	display: none;
	justify-content: center;
	align-items: center;
}
body.popup-open .modal-overlay {
	display: flex;
}
.btnCloseAllPopups {
	display: none;
	position: fixed;
	top: 1rem;
	left: 1rem;
	background-color: var(--popup-concept-color);
	color: var(--popup-text-color);
	border: none;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: bold;
	border-radius: 32px;
	z-index: 100001;
}
.btnCloseAllPopups:hover {
	filter: brightness(1.25);
	border-radius: 8px;
}
body.popup-open .btnCloseAllPopups {
	display: block;
}

@media (max-width: 768px) {
	.popup-open .popupWrap {
		display: flex;
		align-items: center;
		align-content: center;
		flex-direction: column;
		justify-content: flex-start;
		width: fit-content;
		min-width: 100%;
		margin: 0 auto;
		padding: 7vh 0;
	}
	.noticeNewPop {
		position: absolute;
		margin: 0 auto;
		width: inherit;
	}
	.noticeNewPop .popup_wrap.onlyimg .popup_box,
	.noticeNewPop .popup_wrap .popup_box {
		overflow: auto;
		max-height: 82vh;
	}
	.btnCloseAllPopups {
		top: unset;
		bottom: 8px;
		right: 8px;
		left: 8px;
		width: 100%;
		width: calc(100% - 16px);
		font-size: 13px;
		padding: 6px 0;
	}
}
@media (max-width: 425px) {
	.noticeNewPop .popup_wrap {
		max-width: 100%;
		min-width: initial;
		width: 90vw;
	}
}
.loading-overlay {
	position: absolute;
	/* 부모(container)를 기준으로 위치 지정 */
	top: 50px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	/* 반투명 배경 */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	/* 다른 콘텐츠 위에 표시 */
}
.spinner {
	width: 50px;
	height: 50px;
	border: 5px solid #f3f3f3;
	/* 연한 회색 */
	border-top: 5px solid #3498db;
	/* 파란색 */
	border-radius: 50%;
	animation: spin 1s linear infinite;
	/* 애니메이션 적용 */
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* 로딩이 완료되면 오버레이를 숨김 */
.loaded .loading-overlay {
	display: none;
}

.cstextbox {
	height: 280px !important;
}
.cstextbox-input {
	padding: 10px !important;
	overflow: visible !important;
	align-items: flex-start !important;
}
.cstextbox-input textarea {
	width: 100%;
	padding: 8px;
}
.ma-t-0 {
	margin-top: 0px !important;
}

/* Tether */
.tether-tab {
	margin-bottom: 10px;
}
.tether-tab li {
	width: 100%;
}
.tether-tab li + li {
	border-left: 1px solid;
	border-color: #6c6148d1;
}

.tether {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.tether .form + .form {
	margin-top: 0;
}
.tether .form .input input {
	text-align: right;
}

.tether .w40 {
	width: 40% !important;
}
.tether .w100 {
	width: 100% !important;
}
.tether .chargeMoney.form .form_title {
	height: -webkit-fill-available;
}
.tether .chargeMoney.form .form_text {
	height: -webkit-fill-available;
}

.tether .br-add {
	width: 49%;
	background: rgba(70, 50, 30, 0.6);
	border: 3px solid #eab851;
	border-radius: 7px;
}
.tether .br-countdown {
	width: 49%;
	background: rgb(255 255 255 / 60%);
	color: #000;
	border: 3px solid #93856e;
	border-radius: 7px;
	margin-left: 4px;
}
.tether .br-countdown .tetherform_title {
	background: #0000000f;
	color: #54473a;
}
.tether .br-flow {
	width: 49%;
	background: rgb(83 71 58);
	border: 3px solid #5e5142;
	border-radius: 7px;
	margin-left: 4px;
}

.message-flow {
	padding: 28px;
	width: 100%;
	height: 100%;
}
.form-flow {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 480px;
	height: 100%;
	margin: 0 auto;
	gap: 16px;
}
.title-flow {
	font-size: 1.4rem;
	text-align: center;
	word-break: auto-phrase;
}
.glyph {
	position: relative;
	color: #fff;
	padding: clamp(8px, 2vw, 20px);
	line-height: 0;
	border-radius: 50%;
	aspect-ratio: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 6rem;
	background: #5f554c;
}
.warning {
	color: #d51919;
	font-weight: 500;
}

.tetherform_title {
	width: 100%;
	font-size: 1.4rem;
	height: 34px;
	background: rgb(111 97 82);
	color: #ffebc0;
	border-bottom: unset;
	padding: 10px;
}
.tetherform_text {
	width: 100%;
	background: none;
	border-bottom: none;
}
.tetherform_text .btn_money .money_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.tetherform_text .popup_button .btn {
	line-height: 2.5;
	height: 38px;
	width: 100%;
	margin: 12px;
}
.tetherform_text .btn_minus {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30%;
	min-width: fit-content;
	font-size: clamp(11px, 1vw, 12px);
	padding: 0;
	padding-left: clamp(4px, 1vw, 10px);
	padding-right: clamp(4px, 1vw, 10px);
	color: #8e5532;
	height: 34px;
	background-color: #ffffffba;
	border: 1px solid #8e6532;
	border-right: 0px;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	word-break: keep-all;
}
.tetheform_request {
	display: flex;
	width: 100%;
	justify-content: center;
	padding: clamp(4px, 3vw, 16px);
	border-top: 1px solid #dddddd;
}
.tether_list_item {
	display: flex;
	height: 100%;
	gap: clamp(16px, 4vw, 40px);
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	min-width: fit-content;
	width: 100%;
}

.tether_list_item .info-subtit dt,
.tether_list_item .info-warning dt {
	color: #ffebc0;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 6px;
}
.tether_list_item .info-subtit dd,
.tether_list_item .info-warning dd {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #ffff;
	font-size: clamp(11px, 1.5vw, 13px);
	line-height: 1.45;
}
.tether_list_item .info-subtit dd:not(:last-child),
.tether_list_item .info-warning dd:not(:last-child) {
	margin-bottom: clamp(4px, 1vw, 8px);
}
.tether_list_item .info-subtit i,
.tether_list_item .info-warning i {
	line-height: 1;
}
.tether-box .form {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.money-info {
	border: 3px solid #eab851;
	background: #604e3da8;
	border-radius: 6px;
	margin: 14px 0px;
	padding: 18px;
	font-size: 1.4rem;
	display: flex;
	flex-wrap: wrap;
}
.money-info ul {
	position: relative;
	display: flex;
	gap: clamp(8px, 1.5vw, 16px);
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.money-info ul::after {
	content: "";
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translateX(-50%);
	height: 3px;
	width: 100%;
	background-color: #5f554c;
}
.money-info ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(6px, 1vw, 8px);
	z-index: 2;
}

/* important */
.tetherform_text .input_number {
	text-align: right !important;
}
.br-leftnot {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.br-rightnot {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

@media screen and (max-width: 534px) {
	.tether {
		flex-direction: column;
		gap: 8px;
	}
	.tether .br-add {
		width: 100%;
	}
	.tether .br-countdown {
		width: 100%;
	}
	.tether .br-flow {
		width: 100%;
	}
	.tetherform_text .input_s {
		height: 30px !important;
	}
	.money-info ul {
		display: none;
	}
}

/* border helpers */
.tether-box .br-lt {
	border-top-left-radius: 4px;
}
.tether-box .br-rt {
	border-top-right-radius: 4px;
}
.tether-box .br-lb {
	border-bottom-left-radius: 4px;
}
.tether-box .br-rb {
	border-bottom-right-radius: 4px;
}

.form .tetherform_text .recent-wallets {
	padding: 10px 12px;
	height: auto;
	font-size: clamp(11px, 1.5vw, 14px);
}
.recent-wallets li {
	line-height: 1.4;
}
.btn-wallet-select {
	color: #ffffff;
}

.box.notice .list a span.date {
	font-variant-numeric: tabular-nums;
}

.realtimeWrap .list a {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
.realtimeWrap .list a span:first-child {
	width: 70px;
	flex-shrink: 0;
	text-align: left;
}
.realtimeWrap .list a span:nth-child(2) {
	flex: 1;
	text-align: right;
	padding-right: 120px;
}
.realtimeWrap .list a span.date {
	width: 110px;
	flex-shrink: 0;
	text-align: right;
	font-variant-numeric: tabular-nums;
}

/* 모바일 */
@media (max-width: 768px) {
	.realtimeWrap .list a span:first-child {
		width: 55px !important;
	}
	.realtimeWrap .list a span:nth-child(2) {
		padding-right: 10px !important;
		font-size: 12px !important;
	}
	.realtimeWrap .list a span.date {
		width: 80px !important;
		font-size: 11px !important;
	}
}