@charset "UTF-8";

:root {
	--font-ff-body: 'Pretendard', Noto Sans, Paperlogy, sans-serif;
	--font-ff-heading: 'Paperlogy', sans-serif;
	--font-fw-heading: 600;
}


/* reset */
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-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%;
	font: inherit;
	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: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
body, th, td, input, select, textarea {
	font-family: var(--font-ff-body);
}
h1, h2, h3, h4, h5, h6, select, caption, table th, button {
	font-family: var(--font-ff-heading);
}
body, html {
	font-size: 10px;
	letter-spacing: -0.045rem;
}
html, body {
	background: linear-gradient(90deg, rgb(43, 25, 0) 0%, rgb(71 52 27) 50%, rgb(43, 25, 0) 100%);
	line-height: 1.3;
	color: #fff;
	font-weight: 400
}
fieldset,
img {
	border: 0 none
}
img {
	vertical-align: top
}
a {
	text-decoration: none;
	cursor: pointer;
	color: #fff
}
a:active,
a:hover {
	text-decoration: none
}
input,
select,
textarea,
button {
	vertical-align: top;
	cursor: pointer
}
button {
	color: #222;
	border: 0 none;
	padding: 0;
	background-color: transparent;
	cursor: pointer
}
address, caption, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: 400
}
legend,
caption {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0
}
input {
	outline: none
}
input[type="text"]::-ms-clear {
	display: none
}
input[type="file"] {
	background: transparent;
	border: 0;
	cursor: pointer
}
/* basic */
.hidden {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0
}
::-webkit-scrollbar {
	width: 2px;
	height: 8px;
	border: 0
}
::-webkit-scrollbar-track {
	background: rgb(71 52 27);
}
::-webkit-scrollbar-thumb {
	width: 8px;
	background: rgba(195, 153, 95, 1);
	-webkit-border-radius: 0;
	border-radius: 2px
}


/* 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: 222px;
	width: 100%;
	background-color: rgba(13, 18, 23, 1);
	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;
	background-color: rgba(13, 18, 23, 1);
	display: flex;
	flex-direction: column
}
.header_wrap {
	position: relative;
	height: 162px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	padding: 0 20px;
	margin: 0 auto;
	background: url(/assets/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: 33vw;
	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: #ffffff;
}
.dropdown img {
	max-width: 100%;
	max-height: 100%;
}
.dropbtn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 1rem;
	background-color: #dddcd5;
	color: #8e6532;
	padding: 0 4px 0 8px;
	font-size: 13px;
	border: 1px solid;
	border-color: transparent;
	border-radius: 6px;
	width: fit-content;
	max-width: 150px;
	min-width: 115px;
	height: 28px;
	text-align: left;
	font-weight: 600;
}
.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:hover .dropdown-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
} */
.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-color: rgba(0, 0, 0, 0.75);
	color: #ffffff;
	font-size: 12px;
	width: fit-content;
	min-width: 100px;
	max-width: fit-content;
	border-radius: 6px 6px;
	box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.52);
	z-index: 1;
	text-align: left;
}
.dropdown-content a {
	display: inline-flex;
	justify-content: flex-start;
	gap: 0.5rem;
	width: 100%;
	min-width: max-content;
	padding: 6px 10px;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	align-items: center;
}
.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-color: #5D5D5D;
	color: #ffffff;
}
.dropdown:hover .dropbtn {
	background-color: #7c3a10;
	border-color: #3e200a;
	color: #ffffff;
}
@media screen and (max-width: 767px) {
	
	.dropbtn {
		min-width: unset;
	}
	.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;
}
.m_login {
	background-image: url(/assets/images/content/btn_header_bg.png?v=2026);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: fit-content;
	height: 30px;
	padding: 0 24px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	color: #8e6532;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0;
	cursor: pointer;
	font-family: var(--font-ff-heading);
}
.m_login:hover {
	background-image: url(/assets/images/content/btn_header_bg_hover.png?v=2026);
	color: #e1983f;
}
.m_join {
	margin-left: 5px;
	background-image: url(/assets/images/content/btn_header_bg.png?v=2026);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: fit-content;
	height: 30px;
	padding: 0 24px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	color: #8e6532;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0;
	cursor: pointer;
	font-family: var(--font-ff-heading);
}
.m_join:hover {
	background-image: url(/assets/images/content/btn_header_bg_hover.png?v=2026);
	color: #e1983f;
}

@media screen and (max-width:767px) {
	#header.scroll {
		box-shadow: none;
		background-color: transparent
	}
	.theme_logo_img {
		left: 8px;
		top: 0;
		transform: initial;
	}
}
.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;
}
.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;
	font-size: 1.3rem;
	color: #fff;
	font-weight: 600
}
.myMenu_info span strong {
	display: inline-block;
	margin-left: 5px;
	color: #fac936;
	font-size: 1.3rem;
	text-shadow: 1px 1px 1px #000000;
	font-weight: 700
}
.myMenu_info .myMenuId {
	color: #fac936;
	text-shadow: 1px 1px 1px #000000;
	font-size: 1.3rem;
	font-weight: 600
}
.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: fit-content;
	border-radius: 8px;
	border: 1px solid #a37420;
	background: linear-gradient(90deg, rgba(65, 35, 0, 0.8) 0%, rgba(81, 38, 4, 0.8));
}
.login #header .mem_menu {
	display: none
}

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

@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 {}
	.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 {
		/* margin-top: 10%;	margin-bottom: 2%; */
		width: 92%;
		padding: 8px;
		height: auto;
		border-top: solid 1px rgba(0, 0, 0, 0.99);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		flex-direction: row;
		justify-content: center;
		align-items: center;
		background-color: rgba(30, 30, 30, 0.85)
	}
	.myMenu_info {
		flex-direction: inherit;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		width: 500px;
		max-width: 100%;
		letter-spacing: -0.025rem;
	}
	.myMenu_info span {
		width: 25%;
		text-align: center;
		justify-content: center;
		margin-right: 0;
		margin-bottom: 0;
		flex: 1 1 20%;
	}
	.myMenu_info .myMenuId {font-size: 1.3rem;}
	.login .theme_myMenu {
		height: 33px !important;
		max-width: 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 !important;
	    padding: 0 2px !important;
	}
	.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 #a47520 !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: fit-content; min-width: max-content;}
	.outside_slide {padding-top: 113px !important;} 
}


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

/* gnb */
.site_gnb {
	/*position:relative;*/
	height: 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	border-bottom: 3px solid transparent;
	border-top: 3px solid transparent;
	border-image: linear-gradient(90deg, rgb(168, 115, 0) 10%, rgb(255, 226, 163) 50%, rgb(255, 235, 192) 50.1%, rgb(168, 115, 0) 60%, rgb(168, 115, 0) 90%) 1;
	background: linear-gradient(90deg, rgb(43, 25, 0) 0%, rgb(71 52 27) 50%, rgb(43, 25, 0) 100%);
}
.gnb_menu {
	/*position:relative;*/
	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_menu li+li {
	margin-left: 5px
}
.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
}
.gnb_right li {
	margin: 0 25px
}
.gnb_right li a {
	display: block;
	color: #ffffe9;
	font-size: 1.5rem;
	letter-spacing: 0;
	font-weight: 600;
	font-family: var(--font-ff-heading);
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9);
}
.gnb_right li a:hover {
	color: #eacf68
}
.mobGnb .gnb_login {
	display: none
}
.mobGnb .gnb_tab {
	display: none
}
.mobGnb .menu_type {
	display: none
}

/* panel */
.panel {
	width: 100%
}
.panel_logo {
	display: none
}

/* media */
@media screen and (max-width:1190px) {
	.gnb {
		top: 20px
	}
}

@media all and (max-width:767px) {
	#wrap {
		overflow: hidden;
		max-width: 100%
	}
	.gnb_right li a {
		color: #8e6532;
	}
	.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;/* safari */
		position: fixed;
		top: -34px;
		bottom: 0;
		left: 0;
		width: 0;
		padding-top: 26px;
		/*
		background-image: url("/assets/images/content/bg.jpg");
		background-position: center top;
		background-repeat: repeat-y
		*/
	}
	.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;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-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%);
		-webkit-transition: all 0.3s ease-in-out;
		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);
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg)
	}
	.login .panel.active .btn_panel_toggle span:after {
		-webkit-transition-delay: 0.09s;
		-moz-transition-delay: 0.09s;
		-o-transition-delay: 0.09s;
		-ms-transition-delay: 0.09s;
		transition-delay: 0.09s;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg)
	}

	/* panel fix */
	.panel-overlay {
		z-index: 999;
		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: fit-content; */
		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;
		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: 9998;
	}
	.theme_logo_img a {
		height: 100%;
		justify-content: flex-start;
	}
	.theme_logo_img a img {
		height: 80% !important;
		width: auto !important;
		max-width: 160px;
	}
	.login .theme_logo_img a {
		height: 56px;
		margin-top: 5%;
	}
	
	.before_login ul.mem_menu {
		position: absolute;
		top: 62px;
		left: -10px;
		width: calc(100% + 20px);
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.before_login ul.mem_menu li {
		width: 50%;
	}
	.before_login ul.mem_menu li a {
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 1.3rem;
		background-image: url('/assets/images/content/main_con3_title_550_bin.png');
		background-size: 100% 100%;
		margin: unset;
	}
	.m_login,
	.m_join {
		width: fit-content;
		padding: 0 12px;
		height: 30px;
		line-height: 30px;
		font-size: 1.2rem;
		background-size: 100% 100%;
	}
	.m_join {
		margin-left: 5px
	}
	.gnb_right {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: stretch;
		padding: 0 20px;
		gap: 4px;
	}
	.gnb_right li {
		background: url('/assets/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 {
		font-size: 1.45rem
	}
	.gnb_right li a:hover {
		color: #ffb60b
	}
}

/* section */
.section {
	z-index: 10;
	position: relative;
	padding: 222px 0 0
}

@media screen and (max-width:767px) {
	.section {
		position: relative;
		padding: 110px 0 0;
	}
}
.main_contents_box {
	background: url('/assets/images/content/bg_con.jpg') center center no-repeat;
	padding: 10px 0 100px;
	background-size: cover;
	border-bottom: 2px solid transparent;
	border-top: 3px solid transparent;
	border-image: linear-gradient(90deg, rgb(168, 115, 0) 10%, rgb(255, 226, 163) 50%, rgb(255, 235, 192) 50.1%, rgb(168, 115, 0) 60%, rgb(168, 115, 0) 90%) 1;
}
.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(/assets/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
}

@keyframes con2 {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	50% {
		transform: scale(1.04);
		opacity: 1;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@media screen and (max-width:767px) {
	.main_contents_box {
		padding: 0 0 40px
	}
	.main_contents_box .main_game_menu {
		background-image: url(/assets/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;
	}
	.site_menu {
		margin: 24px 0 8px
	}
	.site_menu ul {
		flex-wrap: wrap;
		flex-direction: inherit;
		padding: 0.5rem;
		gap: 0.5rem;
	}
	.site_menu li {
		width: calc(100% / 5 - 5px);
	}
	.site_menu li > span {
		display: block;
	}
	.site_menu li img {
		max-width: 100%;
	}
	.site_menu li:after {
		display: none
	}
}

/* footer */
.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 {
	width: 100%;
	padding: 30px 0 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}
.footer_comp span {
	display: block
}
.footer_comp span+span {
	margin-top: 0px
}
.footer_comp img {
	width: 100%
}
.footer_copyright {
	width: 100%;
	text-align: center;
	margin: 20px 0 40px 0;
	line-height: 50px;
	color: #ffffff;
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 0px
}

@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_copyright {
		font-size: 1.1rem;
		margin: 0 0 10px 0;
		line-height: 1;
		font-weight: normal;
	}
	.footer_comp span {
		width: calc(100% / 2);
	}
	.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 .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(/assets/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%
}
.main_side {
	padding: 0;
	margin-top: 0
}
.main_side .swiper-slide a {
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: 447px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top
}
.main_side .swiper-pagination-bullet {
	display: none
}
.main_side .swiper-slide a.pc {
	display: block
}
.main_side .swiper-slide a.mob {
	display: none
}

@media screen and (min-width:2080px) {
	.main_side .swiper-slide a.pc {
		background-position-y: top;
	}
}
.slidetext {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;


	top: 60%;
	width: 50%;
	max-width: 80%;
	border: 0px solid #fff000;
	font-size: 2.0rem;
	line-height: 4rem;
	text-align: center;
	color: #7e592a;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%);
	font-weight: 1000;
	height: 110px;
	padding-top: 0px;
	border-bottom: 3px solid transparent;
	border-top: 3px solid transparent;
	border-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 10%, rgb(168, 115, 0) 50%, rgb(255, 235, 192) 50.1%, rgb(168, 115, 0) 60%, rgba(0, 0, 0, 0) 90%) 1;
}
.slidetext h4 {
	font-size: 3rem;
	background: linear-gradient(to bottom, rgb(168, 115, 0) 0%, rgb(255, 207, 103) 50%, rgb(168, 115, 0) 51%, rgb(89, 61, 0) 100%);
	background-clip: inherit;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(-1px 1px 1px rgba(68, 45, 13, 0.75));
	font-weight: 700;
}

@media screen and (min-width:2380px) {
	.slidetext {
		width: 100%;
		max-width: 70%;
	}
}



@media screen and (max-width:1190px) {
	.main_side .swiper-slide a {
		height: auto;
		padding-bottom: 62%
	}
	.main_side .swiper-slide a.pc {
		display: block
	}
	.main_side .swiper-slide a.mob {
		display: none
	}
	.slide_wrap .swiper-button-next,
	.slide_wrap .swiper-button-prev {
		height: 26px;
		width: 15px
	}
	.main_side .swiper-pagination-bullet {
		display: inline-block
	}
	.slidetext {
		top: 55%;
		text-align: center;
		padding: 14px 0px 15px;
		line-height: 1.2;
		/* word-break: keep-all; */
		font-size: 1.5rem;
		background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%);
		/* transform: scale(0.6); */
		width: 60%;
		/* border: 1px solid #000; */
		height: 86px;

	}
	.slidetext h4 {
		font-size: 3rem;
	}
}

@media screen and (max-width:768px) {
	.slidetext h4 {
		font-size: 2rem;
		line-height: 1;
		margin: 6px 0;
		letter-spacing: normal;
	}
	.slidetext {
		padding: 1rem 0;
		height: fit-content;
		top: unset;
		bottom: 15%;
		width: 80%;
		font-size: 1.25rem;
	}


}


/* 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;
}

@media screen and (max-width:1506px) {
	.main_game_menu .mgm {
		width: 28% !important;
	}
}


.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: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_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: block; */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	
	margin: 0 auto;
	flex-wrap: wrap;
	}
.box_notice .box {
	overflow: hidden;
	position: relative;
	/* width: 550px; */
	width: calc(100% / 2);
	display: flex;
	flex-direction: column;
	padding: 0 20px;
}
.box_notice .box .tt {
	width: 550px;
	height: 60px;
	background: url(/assets/images/content/main_con3_title_550.png);
	background-repeat: no-repeat;
	background-position-x: 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: 2rem;
	font-weight: bold;
	color: #74490b;

}
.box_notice .box .list {
	padding: 25px 20px;
	height: auto;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	background-color: rgba(80 48 5 / 75%);
	border-radius: 12px;
	margin: 10px auto;
}
.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: 1.6rem;
	width: 100%;
	cursor: pointer
}
.box_notice .box .list a span:last-child {
	color: #c4b670;
	text-align: right
}

@media screen and (max-width:1190px) {
	.box_notice {
		max-width: 100%
	}
	.box_notice .box {
		width: calc(100% / 1);
	}
	.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: 38px;
		background: url(/assets/images/content/main_con3_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: 16px;
		height: auto;
		gap: 8px;
	}
	.box_notice .box .list a {
		position: relative;
		font-size: 1.2rem;
		height: auto;
		line-height: 1.15;
		word-break: break-all;
		padding-top: 13px;
	}
	.box_notice .box .list a span:last-child {
		color: #c4b670;
		text-align: left;
		font-size: 10px;
		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(/assets/images/content/bg2.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center top;
	border-radius: 10px
}
.popup_box.view {
	z-index: 9997;
	display: block
}
.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(/assets/images/content/popup_close.png) no-repeat;
	background-size: cover;
	transform: translate(-50%, -50%) scale(0.5);
}
.layer_content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 30px
}
.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 {
	font-size: 1.6rem;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
	color: #8e6532;
}
.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: #9e721f;
	font-size: 1.4rem;
	text-align: center;
	border-radius: 4px;
	word-break: keep-all;
	font-weight: bold;
	font-family: var(--font-ff-heading);
}
.popup_button .basic {
	background: linear-gradient(to right, #ffffff 0%, #c5c5c5 100%);
	box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px -1px
}
.popup_button .basic:hover {
	background: linear-gradient(#fac936 0%, #e1983f 100%)
}
.popup_button .primary {
	background: linear-gradient(to right, #ffffff 0%, #c5c5c5 100%);
	box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px -1px
}
.popup_button .primary:hover {
	background: linear-gradient(#fac936 0%, #e1983f 100%)
}
.popup_button.bg .basic {
	background: url(/assets/images/content/btn1.jpg) center no-repeat;
	background-size: 100% 100%
}
.popup_button.bg .basic:hover {
	background: url(/assets/images/content/btn1over.jpg) center no-repeat;
	background-size: 100% 100%
}


/* 팝업 타이틀 */
.bg_title {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: rgb(71 52 27);
	font-size: 2rem;
	font-weight: 700;
	/*
	margin-bottom: 15px; */
	margin-top: 5px; /* */
    margin-bottom: 5px; /* */
	
	padding: 0 15px 0 15px;
	border-bottom: 0px solid rgba(255, 255, 255, 0.2);
	font-family: var(--font-ff-heading);
}
.img_title {
	height: 100px;
	display: flex;
	justify-content: center;
	width: 100%;
	border-bottom: 0px solid rgba(255, 255, 255, 0.2);
	transform: scale(0.9);
	margin-bottom: 20px;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 1));
}
.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;
	background-image: url(/assets/images/content/bg1.jpg)
}
.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%;
	/* max-height: 360px; */
	/* overflow: auto; */
}
.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: #8e6532;
	border-bottom: 1px solid #6c470054;
}
.popup_table .table .td a {
	color: #8e6532;
	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;
	transform: all .2s;
	width: 100%;
	padding: 10px 13% 10px 13%;
	font-size: 1.4rem;
	line-height: 26px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	color: #5a3b13; 
	font-weight: 600; 
}
.noticeCont.open {
	display: block
}

.notice_tag {
	/* font-size: 1.6rem !important; */
	font-weight: bold;
	filter: drop-shadow(0px 0px 5px black);
	background: #b75300;
	background: linear-gradient(to left, #ff4c00 0%, #FFFF00 50%, #ff5b00 100%);
	background-clip: inherit;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold !important;
	}

.m_memo_date {display:none;}
.m_hiding {display:block;}
.m_cs_date {display: none;}
.m_ans_title {display: none;}


@media screen and (max-width:767px) {
	.popup_box {
		width: 95%;
		top: clamp(40px, 8vh, 80px) !important;
		top: clamp(40px, 8dvh, 80px) !important;
        position: fixed;
	}
	.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 {
		transform: scale(3);
		height: auto;
	}
	.img_title_category {
		height: 38px;
		margin-top: unset;
	}
	.img_title img {
		height: 20px
	}
	.pop_tt {
		font-size: 2.2rem
	}
	.pop_logo {
		height: 40px
	}
	.layer_head {
		height: 50px;
	}
	.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%
	}
	.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;
		word-break: auto-phrase;
		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;}

}

@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;} 

}

/* 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;
	font-weight: 400
}
.form .form_title h3 {
	font-weight: 400
}
.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: 5px 0 0 0;
	padding-left: 20px;
	font-size: 1.3rem;
	font-weight: 400
}
.form .form_text {
	position: relative;
	width: 100%
}
.form .input {
	overflow: hidden;
	position: relative;
	display: block;
	padding: 0 10px 0 10px;
	width: 100%;
	height: 46px;
	font-size: 1.4rem;
	border: 1px solid #e1983f;
	background-color: rgb(255 255 255);
	border-radius: 4px
}
.form .input input {
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	font-size: 1.4rem;
	color: #a87300;
	text-align: left;
	background-color: transparent;
	font-weight: 700
}
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: 10px 0;
	width: 100%;
	padding: 0 10px
}
.btn_money .money_button {
	height: 32px;
	width: calc(100% / 7 - 6px);
	margin: 0 3px;
	display: inline-block;
	color: rgb(71 52 27);
	font-size: 1.3rem;
	font-weight: 600;
	border-radius: 4px;
	background: url(/assets/images/content/btn2.jpg) center no-repeat;
	background-size: 100% 100%;
	font-family: var(--font-ff-heading);
}
.btn_money .money_button:hover {
	background: url(/assets/images/content/btn2over.jpg) center no-repeat;
	background-size: 100% 100%
}
.btn_money .money_button.primary {
	background: url(/assets/images/content/btn1.jpg) center no-repeat;
	background-size: 100% 100%
}
.btn_money .money_button.primary:hover {
	background: url(/assets/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(/assets/images/content/btn1.jpg) center no-repeat;
	background-size: cover
}
.btn_deposit:hover {
	background: url(/assets/images/content/btn1over.jpg) center no-repeat;
	background-size: 100% 100%
}
.row_form .form .form_title {
	width: 20%;
	height: 60px;
	background: rgba(71 52 27 / 60%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 0 20px
}
.row_form .form .form_text {
	width: 80%;
	height: 60px;
	background: rgba(71 52 27 / 50%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
.row_form .form+.form {
	margin-top: 0
}
.row_form .form .input {
	height: 60px;
	display: flex;
	align-items: center;
	background-color: transparent;
	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(/assets/images/content/btn1.jpg) center no-repeat;
	background-size: cover
}
.row_form .form .form_text_btn .btn button:hover {
	background: url(/assets/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
	}
	.btn_money .money_button {
		width: calc(100% / 3 - 6px);
		margin-bottom: 5px;
		font-size: 1.2rem
	}
	.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: 70px
	}
	.row_form .depositName.form .form_text {
		height: 70px
	}
	.row_form .depositName.form .input {
		height: 70px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start
	}
	.row_form .depositName.form .input input {
		width: 100%
	}
	.row_form .depositName .desc {
		padding-left: 8px;
		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 {
	z-index: 999;
	display: none;
	background: #000000a1;
	border: 0;
	border-radius: 35px;
	width: 48px;
	height: 48px;
	box-shadow: 0 0 5px 0 #000, 0 5px 5px 0 rgba(245, 243, 197, 0.5);
	color: #afafaf;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	right: 20px;
	bottom: 20px;
	transition: opacity 0.3s;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	cursor: pointer
}
.scrollTop.show {
	display: flex
}
.scrollTop svg {
	width: 30px;
	height: 30px
}
.scrollTop:active {
	box-shadow: -2px -2px 10px 0 rgba(0, 0, 0, .9), 2px 2px 4px 0 hsla(0, 0%, 100%, .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);/* safari */
}
.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: scale-down;
	object-fit: cover;
	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
}

@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);}
}

@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) {
	.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
}

.slot_game_list {
    background-image: url(/assets/images/content/main_con3_title_550.png);
    background-repeat: no-repeat;
    background-position: center;
    color: #000000;
    align-items: center;
    font-size: 2rem;
    font-weight: bold;
    font-family: var(--font-ff-heading);
}

@media screen and (max-width:767px) {
	.panel_site_menu {	}
	.panel_site_menu .sm_item {	}
	.panel_site_menu .sm_item img {	}
	.slot_game_list {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 575px) {
	.game_slot_detail_wrap .game-title-txt {
		font-size: 13px;
	}
}




/* --------------------------------  */


.slot_game_list {
    background-image: url(/assets/images/content/main_con3_title_550_bin.png);
    background-repeat: no-repeat;
    background-position: center;
    color: #000000;
    align-items: center;
    font-size: 2rem;
    font-weight: bold;
    font-family: var(--font-ff-heading);
    margin: 0 auto;
    width: 550px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

@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%
	}
	.slot_game_list {
		margin-bottom: 30px;
	}
}



@media screen and (max-width: 575px) {
	.game_slot_detail_wrap .game-title-txt {
		font-size: 13px;
	}
}

.slot_game_list {
    background-image: url(/assets/images/content/main_con3_title_550_bin.png);
    margin: 0 auto;
    width: 550px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 10px;
    height: 60px;
}
.slot_d_title {
    width: 50%;
    padding: 0px 0px 0px 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: 0px 2px 4px 0px #00000042;
}
.slot_searchbox {
    background: #fff;
    border: 1px solid #c9c9c9;
    padding: 2px;
    border-radius: 3px;
}
.searchbox-txt {
    border: 0px;
    width: 78%;
    font-size: 1.6rem;
    padding: 4px 0px 0px 5px;
}
.searchbox-bt {
    float: right;
    border: 0px;
    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-bottom: 30px;
		/* height: 60px; */
		margin-top: 37px;
	}
}
@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: 0px 0px 0px 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) {
		width: 18%;
		}
	.popup_table.notice .table .td:nth-child(1) {
		width: 18%;
		}
	.popup_table.notice .table .th:nth-child(2) {
		width: 44%;
		}
	.popup_table.notice .table .td:nth-child(2) {
		width: 44%;
		}
	.popup_table.notice .table .th:nth-child(3) {
		width: 14%;}
	.popup_table.notice .table .td:nth-child(3) {
		width: 14%;
		}
	.popup_table.notice .table .th:nth-child(4) {
		width: 24%;
	}
	.popup_table.notice .table .td:nth-child(4) {
		width: 24%;
	}
}

.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: #2b2b2b;
	--tb-tx-color: #fff;
	--tb-point-color: #000000;
	--tb-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}
.table_list	{
	overflow: auto;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 60vh;
	max-height: 60dvh;
	/* padding: 18px; */
	/* background: linear-gradient(171deg, #494949 0%, #404040 13%, #393939 33%, #232323 83%, #181818 100%); */
	/* border-radius: 5px; */
	/* margin-top: 10px; */
}
.table_list .tb_common	{
	width: 100%;
	min-width: fit-content;
	border-collapse: initial;
	border-bottom: 1px solid rgb(255 255 255 / 10%);
	box-shadow: var(--tb-shadow);
}
.table_list .tb_common thead	{
	position: sticky;
	top: 0;
}
.tb_common th	{
	padding: clamp(8px, 1vw, 10px);
	color: var(--tb-tx-color);
	border-right: 1px solid #6c470054;
	border-bottom: 1px solid;
	box-shadow: inset 0 0 0px rgb(255 255 255 / 25%);
	word-break: keep-all;
	font-size: clamp(11px, 2vw, 13px);
	text-align: center;
	border-color: #6c470054;
	background: #a88960;
}
.tb_common th + th	{
	/* border-left: 0px solid; */
	/* border-bottom: 1px solid; */
	/* border-color: rgb(255 255 255 / 25%); */
}
.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);
	/* border-top: 1px solid rgba(255, 255, 255, 0.1); */
	/* border-right: 1px solid rgba(255, 255, 255, 0.1); */
	vertical-align: middle;
	font-size: clamp(1.1rem, 1.75vw, 1.3rem);
	word-break: keep-all;
	text-align: center;
	font-weight: normal;
	color: #8e6532;
	text-shadow: 0px 0px 2px #ffffffab;
	font-weight: bold;
	border-bottom: 1px solid #6c470054;
}
.tb_common td:last-child	{
	border-right: none;
}
.tb_common td a	{
	color:#8e6632;
}
.tb_common tr	{
	background-color: #00000012;
	transition: background-color 0.2s;
}
.tb_common tr:nth-child(even)	{
	background-color: rgba(255, 255, 255, 0.075);
}

.tb_common .subject	{
	text-align: left;
	font-size: clamp(1.2rem, 1.75vw, 1.4rem);
}

.tb_common .subject	a{
	color: #8e6532;
	font-weight: bold;
}
.tb_common .none-article	{
	width: 100%;
	padding: 4rem 0 !important;
	text-align: center;
	font-size: 1.4rem;
}
.tb_common .read-article td	{
	padding: clamp(8px, 5vw, 24px);
	padding-right: clamp(4px, 2vw, 8px);
	text-align: left;
	line-height: 1.75;
	background: #0000000a;
}
.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, rgb(0 0 0 / 25%) 0%, rgb(133 89 16 / 85%) 50%, rgb(50 30 5 / 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);
}

.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	animation: heartbeat 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
	from	{	-webkit-transform: scale(1);	transform: scale(1);	-webkit-transform-origin: center center;	transform-origin: center center;	-webkit-animation-timing-function: ease-out;	animation-timing-function: ease-out;}
	10%	{	-webkit-transform: scale(0.91);	transform: scale(0.91);	-webkit-animation-timing-function: ease-in;	animation-timing-function: ease-in;}
	17%	{	-webkit-transform: scale(0.98);	transform: scale(0.98);	-webkit-animation-timing-function: ease-out;	animation-timing-function: ease-out;}
	33%	{	-webkit-transform: scale(0.87);	transform: scale(0.87);	-webkit-animation-timing-function: ease-in;	animation-timing-function: ease-in;}
	45%	{	-webkit-transform: scale(1);	transform: scale(1);	-webkit-animation-timing-function: ease-out;	animation-timing-function: ease-out;}
}
@keyframes heartbeat {
	from	{	-webkit-transform: scale(1);	transform: scale(1);	-webkit-transform-origin: center center;	transform-origin: center center;	-webkit-animation-timing-function: ease-out;	animation-timing-function: ease-out;}
	10%	{	-webkit-transform: scale(0.91);	transform: scale(0.91);	-webkit-animation-timing-function: ease-in;	animation-timing-function: ease-in;}
	17%	{	-webkit-transform: scale(0.98);	transform: scale(0.98);	-webkit-animation-timing-function: ease-out;	animation-timing-function: ease-out;}
	33%	{	-webkit-transform: scale(0.87);	transform: scale(0.87);	-webkit-animation-timing-function: ease-in;	animation-timing-function: ease-in;}
	45%	{	-webkit-transform: scale(1);	transform: scale(1);	-webkit-animation-timing-function: ease-out;	animation-timing-function: ease-out;}
}