@charset "UTF-8";
/*	****		****	*/
@import url('base.css?v=202508');
@import url('fonts.css?v=202508');


/*	************************************
	COMMON;
************************************	*/
:root	{
	/*	****	Fonts	****	*/
	--font-ff-body: "Paperlogy", Noto Sans KR, Open Sans, Arial, sans-serif;
	--font-ff-mono: "Chivo Mono", Paperlogy, monospace;
	--font-ff-stylish: "YouandiModernTR", Open Sans, sans-serif;
	--font-ff-heading: "SBAggro", YouandiModernTR, Noto Sans KR, Open Sans, sans-serif;
	--font-fw-heading: 400;

	/*	****	Layout	****	*/
	--layout-maxwidth: 1480px;
	--layout-pop-maxwidth: 800px;
	--layout-sidebar-width: 70px;
	
	/*	****	Color:Skin	****	*/
	--color-primary: #0db9b7;
	--color-primary-sub: #058583;
	--color-primary-dark: #25505d;
	--color-primary02: #24d5c9;
	--color-primary03: #3bcbc6;
	--color-primary04: #6adbd9;
	--color-primary05: #91dcdb;
	--color-primary06: #c6e6e6;
	--color-primary-border: #d2dbdb;
	--color-default-border: rgba(180, 190, 200, 0.275);

	--color-point: #42f4c1;
	--color-point2: #50cbff;
	--color-point3: #329bc8;
	--color-dark-border: #19546e;
	--color-dark-bg: #0c2834;
	--color-dark-bg2: #323638;
	--color-bg-body: #222222;
	--color-bg-content: #141414;
	
	/*	****	Color System	****	*/
	--color-txt-body: #4c6368;
	--color-txt-bodylight: #8fabb0;
	--color-txt-bodydark: #132123;
	--color-slate: #768592;
	--color-point-yellow: #f8d84a;
	--color-point-orange: #ff8900;
	--color-point-red: #ed453e;
	--color-point-gray: #a2a2a2;
	--color-point-graydark: #373737;
	--color-point-graylight: #eaeaea;
	--color-point-white: #ffffff;
	
	/*	****	Table System	****	*/
	--tb-color-th: #acb6be;
	--tb-color-td: #c4cacf;
	--tb-color-bg-th: #49515957;
	--tb-color-border-th: #7685927d;
	--tb-color-border-td: #535f697d;
	--tb-fs: clamp(11px, 1.425vw, 14px);
	--tb-pd-x: 12px;
	--tb-pd-y: 16px;
}

@media screen and (max-width:1190px)	{
	:root	{
		--tb-fs: 13px;
		--tb-pd-x: 8px;
		--tb-pd-y: 12px;
	}
}
@media screen and (max-width:767px)	{
	:root	{
		--tb-fs: 12px;
		--tb-pd-x: 8px;
		--tb-pd-y: 10px;
		--layout-pop-maxwidth: 90%;
	}
}
@media screen and (max-width:475px)	{
	:root	{
		--tb-fs: 11px;
		--tb-pd-x: 8px;
		--tb-pd-y: 8px;
		--layout-pop-maxwidth: 94%;
	}
}


#wrap	{
	position: relative;
	display: inline-flex;	justify-content: center;	flex-direction: column;
	width: 100%;	margin: 0 auto;	word-break: keep-all;
}

/*	****	header	****	*/
header	{
	position: fixed;	z-index: 999;	top: 0;	width: 100%;
	background-color: var(--color-bg-content);	border-bottom: 1px solid var(--color-point2);
}
.header	{
	position: relative;	width: 100%;	height: 100%;
}
.header_wrap	{
	display: flex;	flex-direction: row;	justify-content: space-between;
	width: 100%;	max-width: var(--layout-maxwidth);	height: 89px;	margin: 0 auto;
}
.theme_login	{
	display: flex;	flex-direction: column;
}
.quick_menu_wrapper	{
	display: flex;	flex-direction: column;
	margin-top: 10px;
}
.mem_menu	{
	display: flex;	flex-direction: row;	justify-content: flex-end;
}
.mem_menu li	{
	padding: 0 15px;	border-left: 1px solid #666;
}
.mem_menu li:first-child	{
	border: 0;
}
.mem_menu li a	{
	font-size: 1.2rem;
}
.mem_menu li:hover a	{
	color: var(--color-point2);
}
.theme_login .mem_menu li.afterLogin	{
	display: none;
}
.quick_menu	{
	display: flex;	flex-direction: row;	align-items: center;	justify-content: flex-end;
	margin-top: 8px;	gap: 8px;
}
.quick_menu li	{
	display: flex;	flex-direction: row;	position: relative;	gap: 4px;
}
.quick_menu li a	{
	transition: all 0.3s ease-in-out;
}
.theme_login .quick_menu li.afterLogin	{
	display: none;
}

/*	****	로그인후	****	*/
.theme_login.login .mem_menu li.afterLogin		{	display: inline-block;}
.theme_login.login .quick_menu li.afterLogin	{	display: block;}
.theme_login.login .quick_menu li.beforeLogin	{	display: none;}
.quick_menu .bt	{
	display: flex;	flex-direction: row;	align-items: center;	justify-content: center;
	box-sizing: border-box;	width: auto;	height: 32px;	padding: 0 20px;
	border: 1px solid var(--color-dark-border);	border-radius: 3px;	background: var(--color-dark-bg);	color: var(--color-point2);
	font-size: 1.3rem;	text-indent: 0;	text-align: center;	line-height: 30px;	white-space: nowrap;
}
.quick_menu .bt:hover	{
	background: var(--color-point2);	color: #000;
}
.quick_menu .bt:hover .ico_login img	{
	filter: hue-rotate(45deg);
}
.quick_menu .bt.bt_black	{
	background: #000;
}
.quick_menu .bt.bt_black:hover	{
	background: #000;	color: var(--color-point2);
}
.quick_menu .bt.bt_ani	{
	position: relative;	z-index: 2;	width: auto;
	background: var(--color-point2);	color: #021822;	font-weight: 600;
}
.quick_menu .bt.bt_ani:before	{
	content: '';
	position: absolute;	top: 0;	left: 0;	z-index: -1;
	display: block;
	width: 100%;	height: 100%;
	border-radius: 1px;
	animation: pulse 2s infinite;
}
.quick_menu .bt.bt_ani:hover	{
	background: #fff;
}
.quick_menu .ico_login	{
	display: inline-block;
	width: 14px;	height: 14px;	margin-right: 5px;
}
.quick_menu .ico_login img	{
	width: 100%;	height: 100%;
	filter: invert(71%) sepia(71%) saturate(398%) hue-rotate(106deg) brightness(94%) contrast(95%);
}
.btn_sns	{
	display: inline-block;	width: 32px;	height: 32px;
}
.btn_sns img	{
	width: 100%;	height: 100%;
}
.count_alarm	{
	position: absolute;
	display: flex;	align-items: center;	justify-content: center;
	top: -4px;	right: -4px;	width: 18px;	height: 18px;
	background: #ff008f;	color: #fff;	border-radius: 50%;
	text-align: center;	line-height: 1;	font-size: 1.1rem;	font-family: var(--font-ff-mono);
}
.layer_list	{
	display: none;
	position: absolute;	z-index: 2007;	right: 0;	top: 31px;
	border: 1px solid #9dacb945;	background: #385365;	border-radius: 6px;
}
.quick_menu li:hover .layer_list	{
	display: block;
}
.quick_menu li .layer_list ul	{
	width: 100%;
}
.quick_menu li .layer_list ul li	{
	width: 100%;	min-width: 160px;	height: 40px;
	border-bottom: 1px solid #9dacb945;
}
.quick_menu li .layer_list ul li:hover a	{
	background: #2888b0;
}
.quick_menu li .layer_list ul li:last-child	{
	border-bottom: 0;
}
.quick_menu li .layer_list ul li a	{
	position: relative;
	display: flex;	flex-direction: row;	align-items: center;
	width: 100%;	height: 100%;	padding: 0 32px 0 0px;
	color: #ffffff;	line-height: 1;
}
.quick_menu li .layer_list ul li a:after	{
	content: '';
	position: absolute;
	display: inline-block;
	right: 12px;	top: 50%;	width: 8px;	height: 8px;
	margin-top: -5px;	transform: rotate(45deg);
	border-top: 1px solid #ffffff;	border-right: 1px solid #ffffff;
	vertical-align: top;
}
.quick_menu li .layer_list ul li a span	{
	display: inline-flex;	align-items: center;	justify-content: center;
	width: 40px;	height: 100%;	line-height: 1;
}
.quick_menu li .layer_list ul li a span>*	{
	width: 64%;	height: auto;	filter: grayscale(1);
}
.quick_menu li .layer_list ul li a p	{
	width: max-content;	line-height: 1;	font-size: 1.3rem;
}
.quick_menu li .layer_list ul li .point_amount 	{
	display: flex;	align-items: center;	gap: 4px;	font-weight: bold;
}
.quick_menu li .layer_list ul li .point_amount em	{
	opacity: 0.75;	font-size: 85%;
}
.quick_menu li .layer_list ul li a .count	{
	display: inline-block;	font-size: 1.4rem;	color: #222;
}

/*	****	LOGO	****	*/
.theme_logo	{
	display: flex;	align-items: center;	flex-direction: column;	justify-content: center;	height: 100%;
}
.theme_logo_img a	{
	display: block;	width: auto;	height: 75px;	margin: 0 auto;
}
.theme_logo_img img	{
	width: auto;	height: 100%;
}
.mypage_panel	{
	display: none;
}
@media screen and (min-width: 1190px) and (max-width: 1720px)	{
	#wrap	{
		padding-right: var(--layout-sidebar-width);
		min-width: 1480px;	overflow: auto;
	}
	#wrap.join_area	{
		padding-right: unset;	min-width: unset;
	}
}
@media screen and (max-width:1190px)	{
	.header_wrap	{
		max-width: 100%;	padding: 0 20px;
	}
	.theme_logo_img a	{
		height: 69px;
	}
}
@media screen and (max-width:767px)	{
	.theme_login.login .quick_menu	{
		display: none;
	}
	/* mypage panel */
	.theme_login.login .mypage_panel	{
		display: block;	position: absolute;	right: 10px;	top: 12px;
	}
	.mypage_mn_wrap	{
		display: flex;	flex-direction: row;	gap: 8px;
	}
	.mypage_mn_wrap .my_info	{
		display: flex;	flex-direction: row;
	}
	.mypage_mn_wrap .my_info .info	{
		display: flex;	flex-direction: column;	margin-right: 8px;
		text-align: right;	font-size: 1.2rem;
	}
	.mypage_mn_wrap .my_info .info .user_name	{
		color: var(--color-point2);
	}
	.mypage_mn_wrap .my_info .info .user_name img	{
		width: 12px;	height: 12px;	margin-right: 4px;	margin-top: 2px;	vertical-align: top;
	}
	.user_pic	{
		width: 26px;	height: 26px;
	}
	.user_pic img	{
		width: 100%;	height: 100%;	filter: hue-rotate(175deg);
	}
	.panel-overlay-2	{
		display: none;	cursor: pointer;	position: fixed;	z-index: 2007;
		top: 0;	width: 100%;	height: 100%;	background-color: rgba(0, 0, 0, 0.5);	backdrop-filter: blur(10px);
	}
	.my_panel	{
		display: none;
	}
	.my_panel.active	{
		display: block;	z-index: 2008;	position: fixed;	top: 0;	right: 0;	bottom: 0;
		width: 80%;	height: 100%;	background: linear-gradient(125deg, #18242c, #262937);
	}
	.btnPanelClose	{
		position: absolute;	display: block;
		top: 50%;	left: -54px;	width: 35px;	height: 35px;	margin-top: -25px;	transform: rotate(180deg);
		background: url(../images/icons/m_menu_prev.png) no-repeat;	background-size: cover;
	}
	.my_panel_cont	{
		height: calc(100% - 100px);	overflow-y: auto;
	}
	.my_top	{
		position: absolute;	left: 0;	top: 0;
		display: flex;	flex-direction: column;	align-items: center;	justify-content: center;
		height: 50px;	width: 100%;	background-color: #14141b;	padding-left: 20px;
	}
	.my_top a	{
		display: block;	height: 45px;	text-align: center;
	}
	.my_top a img	{
		height: 100%;
	}
	.mypage_bottom	{
		display: block;	position: absolute;
		bottom: 0;	left: 0;	width: 100%;	padding: 15px 20px;	background: #14141c;
	}
	.mypage_bottom .mypage_link	{
		display: flex;	flex-wrap: wrap;	justify-content: space-between;	align-items: center;	gap: 4px;
	}
	.mypage_bottom .mypage_link a	{
		gap: 6px;	padding: 12px 16px;
	}
	.mypage_bottom .mypage_link a img	{
		width: 18px;	height: 18px;
	}
	.mypage_bottom .mypage_link a span	{
		display: block;	font-size: 1.2rem;	color: #929399;
	}
	.myinfo_label	{
		display: flex;	justify-content: space-between;	align-items: center;	padding: 12px 14px;
	}
	.myinfo_label .currency_label_wrap	{
		position: relative;
		display: flex;
		gap: 4px;
		align-items: center;
	}
	.myinfo_label .currency_label_wrap span	{
		display: block;
	}
	.myinfo_label .currency_label_wrap .currency_icon	{
		width: 18px;	height: 18px;	background: #333;	font-size: 1.2rem;	text-align: center;	color: var(--color-point2);	border-radius: 50%;
	}
	.myinfo_label .currency_label_wrap .currency_label	{
		font-size: 1.2rem;
		color: #a3a3a6;
		white-space: nowrap;
		position: absolute;
		top: 50%;
		left: 24px;
		transform: translateY(-50%);
	}
	.myinfo_label .wallet_wrap	{
		position: relative;
		display: flex;
		gap: 4px;
		align-items: center;
		background: #1a252d;
	}
	.myinfo_label .wallet_wrap .money	{
		font-weight: 600;
		font-size: 1.6rem;
		color: var(--color-point2);
	}
	.myinfo_label .wallet_wrap span	{
		color: #fff;	font-size: 1.4rem;
	}
	.user_info	{
		background-color: #000;
	}
	.user_info_cont .user_top	{
		display: flex;	flex-direction: row;	justify-content: space-between;	align-items: center;	padding: 10px 20px;
	}
	.user_info_cont .user_info_detail	{
		display: flex;	flex-direction: column;
	}
	.user_info_cont .user_info_detail .id	{
		color: var(--color-point2);	font-size: 1.8rem;	font-weight: 600;
	}
	.user_info_cont .user_info_detail .my_level	{
		display: flex;	align-items: center;	margin-top: 3px;
		font-size: 1.4rem;	font-weight: 600;
	}
	.user_info_cont .user_info_detail .my_level img	{
		margin-right: 5px;
		width: 20px;	height: 20px;
	}
	.user_info_cont .user_info_detail em	{
		color: #fff;
	}
	.user_levelbox p	{
		color: #888;	font-size: 1.1rem;	white-space: nowrap;
	}
	.user_levelbox .levelname	{
		color: #fd7200;	font-weight: 600;
	}
	.user_levelbox .registday	{
		color: #00c5ff;	font-weight: 600;
	}
	.user_levelbox .deposit_sum_min	{
		color: #fee735;	font-weight: 600;
	}
	.logined_bts ul	{
		position: relative;
		display: flex;
		flex-direction: row;
		padding: 12px;
		gap: 4px;
	}
	.logined_bts li	{
		flex: 1 1 0;
	}
	.logined_bts .bt_mypage	{
		display: inline-flex;
		width: 100%;
		height: 40px;
		line-height: 1.1;
		font-size: 1.2rem;
		text-align: center;
		background: var(--color-point2);
		border-radius: 8px;
		color: #000;
		border: 1px solid var(--color-point2);
		font-weight: 600;
		align-items: center;
		justify-content: center;
	}
	.logined_bts .bt_mypage.sub	{
		background: #063246;
		color: var(--color-point2);
		border: 1px solid var(--color-point2);
	}
	.my_menu .points	{
		padding: 12px 16px;
		background: #00000030;
	}
	.my_menu .points li	{
		display: flex;
		width: 100%;
		background: #fff2;
		padding: 5px;
		border-radius: 24px;
		margin: 0 0 10px;
	}
	.my_menu .points li:last-child	{
		margin: 0;
	}
	.my_menu .points li a	{
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.my_menu .points li a .left,
	.my_menu .points li a .right	{
		width: 50%;
		display: flex;
		align-items: center;
	}
	.my_menu .points li a .left	{
		gap: 8px;
	}
	.my_menu .points li a .right	{
		justify-content: end;
		padding: 0 24px 0 0;
		position: relative;
	}
	.my_menu .points li a .right:after	{
		content: '';
		position: absolute;
		width: 12px;
		height: 12px;
		right: 0;
		top: 50%;
		margin-top: -6px;
		background: url(../images/icons/m_menu_small_arrow.png) 0 0 no-repeat;
	}
	.my_menu .points li span	{
		font-size: 1.4rem;
		color: #fff;
	}
	.my_menu .points li span.ico_bg	{
		border-radius: 50%;
		background-color: #333;
		width: 30px;
		height: 30px;
	}
	.my_menu .points li span.ico	{
		position: relative;
		width: 30px;
		height: 30px;
		display: block;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 12px;
	}
	.my_menu .points li.point_bg span.ico	{
		background-image: url(../images/icons/icon_point.svg);
	}
	.my_menu .points li.comp_bg span.ico	{
		background-image: url(../images/icons/icon_comp.svg);
	}
	.my_menu .points li.coupon_bg span.ico	{
		background-image: url(../images/icons/icon_coupon.svg);
		background-size: 28px;
	}
	.my_menu .points li p	{
		color: var(--color-point2);
		font-size: 1.4rem;
		font-weight: 600;
		padding: 0 5px 0 0;
		background-color: #42464d8c;
	}
	.my_menu .points li.coupon .bt_coupon	{
		color: #a3a3a6;
		height: 30px;
		line-height: 30px;
		font-size: 1.2rem;
	}
}

/* gnb */
.site_gnb	{
	position: relative;
	z-index: 2006;
	width: 100%;
	background-color: #000;
}
.gnb_menu	{
	position: relative;
	width: 100%;
	height: 50px;
	max-width: var(--layout-maxwidth);
	margin: 0 auto;
}
.gnb_in	{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.gnb_menu li	{
	position: relative;
	display: inline-block;
	padding: 0;
}
.gnb_menu .has-sub-menu.menuon a,
.gnb_menu .gnb > li:hover a	{
	background-color: var(--color-point3);
	color: var(--color-point-white);
}
.gnb	{
	height: 50px;
	display: flex;
	flex-direction: row;
}
.gnb li a	{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 32px;
	height: 50px;
	line-height: 1;
	color: #fff;
	font-size: 1.6rem;
	transition: all 0.3s;
}
.gnb li a i.menuicon	{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	transition: all 0.35s ease-in-out;
}
.gnb li span	{
	display: inline-block;
	font-family: var(--font-ff-heading);
	font-weight: var(--font-fw-heading);
	line-height: 1;
	margin-top: 3px;
}
.gnb li.active a,
.gnb li:hover a	{
	color: var(--color-point2);
}
.gnb_menu .has-sub-menu.menuon i.menuicon,
.gnb li:hover i.menuicon {
	filter: brightness(1.45) sepia(1) hue-rotate(145deg);
}
.gnb_menu li.all_menu	{
	width: 50px;
	height: 50px;
}
.gnb_menu li.all_menu .btn_all	{
	position: absolute;
	left: 0;
	top: -3px;
}
.ico_new	{
	display: flex;
	align-items: center;
	justify-content: center;
}
.ico_new img	{
	width: 15px;
	height: 15px;
}
.all_menu .btn_all	{
	z-index: 2;
	display: inline-block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
.all_menu .btn_all span,
.all_menu .btn_all span:before,
.all_menu .btn_all span:after	{
	width: 16px;
	height: 2px;
	background-color: #fff;
	transition: all 0.3s ease-in-out;
}
.all_menu .btn_all span	{
	display: inline-block;
	position: relative;
}
.all_menu .btn_all span:before,
.all_menu .btn_all span:after	{	content: '';	position: absolute;	left: 0;}
.all_menu .btn_all span:before	{	top: -6px;}
.all_menu .btn_all span:after	{	top: 6px;}
.all_menu_layer	{
	position: absolute;
	z-index: -1;
	top: 138px;
	transform: translateY(-20%);
	width: 100%;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--color-point3);
	background-image: linear-gradient(to bottom, var(--color-point3) 8%, var(--color-dark-bg) 40%);
	pointer-events: none;
	opacity: 0;
	transition: all 0.35s ease-in-out;
}
.all_menu_layer.visibleon	{
	z-index: 1;
	top: 138px;
	transform: translateY(0);
	pointer-events: auto;
	opacity: 1;
	transition: all 0.35s ease-in-out;
}
.all_menu_layer .inner	{
	overflow: hidden;
	width: var(--layout-maxwidth);
	width: 100%;
	margin: 0 auto;
	box-shadow: 0 30px 20px 0px #0d3c4f;
}
.all_menu_layer .menu	{
	display: none;
}
.all_menu_layer .menu_list	{
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin: auto;
	max-height: 44vh;
	padding: 16px 0 24px;
}
.all_menu_layer .menu_list:after	{
	content:'';
	pointer-events: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	margin-left: -50%;
	height: 80px;
	box-shadow: inset 0 -24px 16px -8px var(--color-point3);
	opacity: 0.75;
}
.all_menu_layer .menu.sub01 .menu_list	{	padding: 30px 0;}
.all_menu_layer .menu_list .row	{	width: calc(100% / 8);}
.all_menu_layer .menu_list .row:first-child	{	margin-left: 0;}
.all_menu_layer .menu_list .row p	{	font-size: 1.6rem;	color: var(--color-point2);	margin-bottom: 20px;	font-weight: 600;}
.all_menu_layer .menu_list .row ul li	{	font-size: 1.3rem;	color: #fff;	margin-top: 10px}
.all_menu_layer .menu_list .row ul li:hover	{	color: var(--color-point2);}
.all_menu_layer .menu_list .row ul li a	{	font-size: 1.3rem;	color: #fff}
.all_menu_layer .menu_list .row ul li a:hover	{	color: var(--color-point2);}
.all_menu_layer .menu_list .row ul li a.cs	{	opacity: .5}
.all_menu_layer .menu_list .row_img	{	width: 100%;}
.all_menu_layer .menu_list .row_img ul	{
	display: flex;
	width: 100%;
	gap: 6px 10px;
	padding: 0 8px;
	box-sizing: border-box;
	max-width: 90vw;
	margin: 0 auto;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.all_menu_layer .menu_list .row_img ul li a	{
	display: block;
	width: 100%;
	position: relative;
}
.all_menu_layer .menu_list .row_img .menu_img	{
	position: relative;
	overflow: hidden;
	display: block;
	width: 128px;
	height: 128px;
	border: 2px solid var(--color-dark-bg);
	border-radius: 8px;
	transition: all 0.45s;
}
.all_menu_layer .sub03 .menu_list .row_img .menu_img	{
	/*	 카지노 리스트만 이미즈사이즈 크게	*/
	width: 160px;
	height: 160px;
}
.all_menu_layer .menu_list .row_img .menu_img img	{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform-origin: center;
	transition: transform 1.75s ease-in-out;
}
.all_menu_layer .menu_list .row_img .menu_tit	{
	display: block;
	width: 120px;
	max-width: 100%;
	min-width: 100%;
	text-align: center;
	font-size: clamp(12px, 1.3vw, 13px);
	line-height: 1;
	padding: 6px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.45s;
}
.all_menu_layer .menu_list .row_img ul li:hover .menu_img	{
	border-color: var(--color-point2);
	filter: brightness(1.25);
	box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.5);
}
.all_menu_layer .menu_list .row_img ul li:hover .menu_img img	{
	transform: scale(1.25);
}
.all_menu_layer .menu_list .row_img ul li:hover .menu_tit	{
	color: var(--color-point2);
	font-weight: bold;
	filter: brightness(1.5);
}
.all_menu_layer .menu_list .ico_flag	{
	position: absolute;
	left: 0;
	top: 0;
	width: 40%;
	display: block;
	transform: scale(0.8);
}
.all_menu_layer .menu_list .ico_flag img	{
	height: 43px;
	position: absolute;
	left: 0;
	top: 0;
}
.fixed	{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}
.mobGnb .gnb_top,
.mobGnb .gnb_bottom,
.mobGnb .menu_type	{	display: none;}

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

/*	****	media	****	*/
@media screen and (max-width:1190px)	{
	.gnb li a	{
		font-size: 1.4rem;
		padding: 0 15px;
	}
	.all_menu_layer .inner	{
		max-width: 100%;
	}
	.all_menu_layer .menu.sub01 .menu_list	{
		padding: 24px 16px;
		max-height: 60vh;
		overflow: auto;
	}
	.all_menu_layer .menu_list .row	{
		width: 98%;
	}
	.all_menu_layer .menu_list .row p	{
		font-size: 1.5rem;
		margin-bottom: 6px;
	}
	.all_menu_layer .menu_list .row ul	{
		display: flex;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-bottom: 16px;
		row-gap: 4px;
		column-gap: 8px;
	}
	.all_menu_layer .menu_list .row ul li	{
		margin: 0 0;
		font-size: inherit;
	}
	.all_menu_layer .menu_list .row ul li a	{
		font-size: 1.2rem;
		word-break: keep-all;
	}
}

@media all and (max-width:767px)	{
	#wrap	{	overflow: hidden;	max-width: 100%;}
	.site_gnb	{
		align-items: center;
		justify-content: center;
		background: transparent;
	}
	header	{
		z-index: 1001;
	}
	.header	{
		width: 100%;
		border-bottom: 0;
	}
	.panel	{
		z-index: 2006;
		position: fixed;
		top: 0;
		bottom: 0;
		width: 0;
		height: 100%;
		background: linear-gradient(125deg, #18242c, #262937);
	}
	.panel .btn_panel_toggle	{
		z-index: 9;
		display: inline-block;
		position: absolute;
		top: 2px;
		width: 48px;
		height: 48px;
		margin: 0;
		transition: all 0.2s ease-in-out;
		cursor: pointer;
	}
	.panel .btn_panel_toggle span,
	.panel .btn_panel_toggle span:before,
	.panel .btn_panel_toggle span:after	{
		background-color: #6098b0;
		border-radius: 8px;
		width: 18px;
		height: 2px;
	}
	.panel .btn_panel_toggle span {	/* 가운데 선 */
		display: inline-block;
		position: relative;
		margin: 0;
	}
	.panel .btn_panel_toggle span:before {	/* 위쪽 선 */
		content: '';
		position: absolute;
		left: 0;
		top: -6px;
	}
	.panel .btn_panel_toggle span:after {	/* 아래쪽 선 */
		content: '';
		position: absolute;
		left: 0;
		top: 6px;
	}
	/* 패널이 열렸을 때 (X로 변환) */
	.panel.left.active .btn_panel_toggle	{
		top: 0;
		width: 45px;
		height: 45px;
	}
	.panel.left.active .btn_panel_toggle span {
		background-color: transparent;
	}
	.panel.left.active .btn_panel_toggle span:before {
		top: 0;
		transform: rotate(45deg);
	}
	.panel.left.active .btn_panel_toggle span:after {
		top: 0;
		transform: rotate(-45deg);
	}

	.panel-overlay	{
		z-index: 2005;
		display: none;
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		cursor: pointer;
		backdrop-filter: blur(10px);
	}
	.panel.left	{
		left: 0;
	}
	.panel.left .btn_panel_toggle	{
		display: flex;
		align-items: center;
		justify-content: center;
		left: 0;
		/* filter: hue-rotate(175deg); */
	}
	.panel.left.active	{
		left: 0;
		overflow-y: auto;
		width: 80%;
		z-index: 10001;
	}
	.panel.active	{
		scrollbar-arrow-color: #222;
		scrollbar-face-color: #222;
		scrollbar-base-color: rgba(0, 0, 0, 0.1);
		scrollbar-3dlight-color: rgba(0, 0, 0, 0.1);
		scrollbar-darkshadow-color: rgba(0, 0, 0, 0.1);
		scrollbar-highlight-color: rgba(0, 0, 0, 0.1);
		scrollbar-shadow-color: rgba(0, 0, 0, 0.1);
		scrollbar-track-color: rgba(0, 0, 0, 0.1);
	}
	.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: var(--color-bg-body);
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}
	.panel .bpClose	{
		display: none;
		z-index: 2007;
		position: fixed;
		top: 50%;
		left: 85%;
		width: 35px;
		height: 35px;
		margin-top: -25px;
		background: url(../images/icons/m_menu_prev.png) no-repeat;
		background-size: cover;
	}
	.panel.active .bpClose	{
		display: block;
	}
	.gnb_menu	{
		position: relative;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		z-index: 3;
		height: 100%;
		right: inherit;
		bottom: inherit;
		background-color: transparent;
	}
	.gnb_in	{
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
	.gnb_in ul	{
		width: 100%;
	}
	.gnb	{
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		padding: 0 16px;
		height: auto;
		margin-top: 16px;
	}
	.gnb li	{
		display: block;
		text-align: center;
		border-radius: 4px;
		background-color: #ffffff08;
		flex: 1 1 0;
		min-width: max-content;
	}
	.gnb li a	{
		padding: 12px 6px;
		font-size: clamp(12px, 2vw, 16px);
		height: auto;
		line-height: inherit;
	}
	/* .gnb li a span:before	{
		content: '';
		display: block;
		margin: 0 auto 8px;
		width: 30px;
		height: 30px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.gnb li:nth-child(1) a span:before	{	background-image: url(../images/m_menu_02.png);	}
	.gnb li:nth-child(2) a span:before	{	background-image: url(../images/m_menu_03.png);	}
	.gnb li:nth-child(3) a span:before	{	background-image: url(../images/m_menu_04.png);	}
	.gnb li:nth-child(4) a span:before	{	background-image: url(../images/m_menu_05.png);	}
	.gnb li:nth-child(5) a span:before	{	background-image: url(../images/m_menu_06.png);	}
	.gnb li:nth-child(6) a span:before	{	background-image: url(../images/m_menu_07.png);	}
	.gnb li:nth-child(7) a span:before	{	background-image: url(../images/m_menu_08.png);	}
	.gnb li:nth-child(8) a span:before	{	background-image: url(../images/m_menu_09.png);	}
	 */
	.gnb li.active:after,
	.gnb li:hover:after,
	.panel.left .gnb_menu	{	display: none;}
	.panel.left.active .gnb_menu	{	display: flex;}
	.all_menu_layer,
	.gnb_menu li.all_menu	{	display: none !important;}
	.header_wrap	{
		height: 52px;
		padding: 0 8px 0 52px;
		align-items: center;
		max-width: 100%;
	}
	.theme_logo_img a	{
		height: 38px;
	}
	.quick_menu_wrapper	{
		margin-top: 0;
	}
	.quick_menu	{
		flex-direction: row-reverse;
		margin-top: 0;
		gap: 4px;
	}
	.mem_menu	{
		display: none;
	}
	.quick_menu .bt	{
		font-size: 1.2rem;
		width: 48px;
		padding: 0 10px;
	}
	.quick_menu .bt.bt_ani	{	width: 48px;}
	.quick_menu .ico_login	{	display: none;}
	.quick_menu li:nth-child(1)	{	display: flex;	flex-direction: row-reverse;}
	.mobGnb .gnb_top	{	display: flex;}
	.gnb_top	{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 50px;
		width: 100%;
		background-color: #14141b;
	}
	.gnb_top a	{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 45px;
	}
	.gnb_top a img	{
		height: 94%;
	}
	.mobGnb .gnb_bottom	{
		display: block;
		padding: 16px;
		margin-top: 16px;
		width: 100%;
		flex: 1;
		background: #14141c;
	}
	/* .mobGnb .gnb_bottom .channel {} */
	.mobGnb .gnb_bottom span	{
		display: block;
		font-size: 1.3rem;
		font-weight: 500;
		padding: 0;
		margin-bottom: 12px;
	}
	.mobGnb .gnb_bottom a+a	{
		margin-left: 10px;
	}
	.mobGnb .gnb_bottom a img	{
		width: 46px;
		height: 46px;
	}
	.mobGnb .menu_type	{
		display: flex;
	}
	.menu_type	{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin: 16px 0;
		padding: 0 16px;
	}
	.menu_type li	{
		position: relative;
		display: flex;
		background: #063246;
		border: 1px solid var(--color-point2);
		flex-wrap: wrap;
		border-radius: 8px;
		flex: 1 1 0;
		min-width: fit-content;
	}
	.menu_type li a	{
		order: 2;
		color: var(--color-point2);
		text-align: center;
		width: 100%;
		padding: 12px 12px 10px;
		font-size: 1.275rem;
		font-weight: 500;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 8px;
	}
	.menu_type li.menu_box .menu_ico	{
		display: block;
		line-height: 1;
		width: 24px;
		height: 24px;
	}
	.menu_type li.signbox	{
		width: calc(100% / 2 - 4px);
		flex: unset;
		background: #1a516b;
		border: 1px solid var(--color-dark-border);
	}
	.menu_type li.signbox a	{		
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 4px;
		font-size: clamp(12px, 2vw, 16px);
		color: #FFF;
	}
	.ico_new	{
		position: absolute;
		right: 4px;
		top: 4px;
	}
	.my_panel_cont .menu_type	{
		margin: 15px 0 30px;
	}
}

@media all and (max-width:476px)	{
	.gnb_menu .gnb li {
		flex: 1 1 30%;
		max-width: 50%;
		min-width: max-content;
	}
	.gnb_menu .gnb li a {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.gnb_menu .gnb li a i.menuicon {
		width: 24px;
		height: 24px;
	}
}


/* section */
section	{
	position: relative;
	padding: 142px 0 60px;
	background-color: var(--color-bg-content);
}

@media screen and (max-width:767px)	{
	section	{
		position: relative;
		padding: 117px 0 20px;
	}
}

/* game_list */
.game_list_inner	{
	max-width: var(--layout-maxwidth);
	margin: 0 auto;
}
.list_title	{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
	border-left: 4px solid var(--color-point2);
	font-size: clamp(16px, 2.4vw, 24px);
	padding: 8px 0 6px 24px;
	font-weight: 600;
	line-height: 1;
}
.list_item ul.game_list	{
	margin-top: 12px;
}
.list_item ul	{
	position: relative;
	width: 100%;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px;
}
.list_item li	{
	overflow: hidden;
	position: relative;
	display: block;
	width: calc(100% / 6 - 10px);
	height: clamp(160px, 20vw, 240px);
	margin: 0;
	border: 1px solid transparent;
	cursor: pointer;
}
.list_item li a	{
	position: relative;
	display: block;
	width: 100%;
	height: calc(100% - 32px);
	transition: all 0.45s;
}
.list_item li .thumbnail	{
	overflow: hidden;
	position: absolute;
	z-index: 8;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.85;
	transition: all 1.75s ease-in-out;
}
.list_item li .thumbnail img	{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: top right;
	transform-origin: center;
	transition: transform 1.75s ease-in-out;
}
.ico_flag	{
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 4px 10px;
	min-width: 40px;
	height: auto;
	line-height: 1.2;
	color: #fff !important;
	font-size: 13px;
	font-weight: bold;
	border-radius: 2px;
	z-index: 10;
	animation: pulse 1.5s infinite ease-in-out;
	display: inline-block;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
	pointer-events: none;
	white-space: nowrap;
	transform: scale(1);
	transform-origin: top left;
}
.ico_flag.hot	{
	background-color: #d40000;
	box-shadow: 0 0 8px rgba(255, 0, 0, 0.4);
}
.ico_flag.best	{
	background-color: #0055aa;
	box-shadow: 0 0 8px rgba(0, 85, 170, 0.4);
}
.ico_flag.new	{
	background-color: #00aacd;
	box-shadow: 0 0 8px rgba(0, 170, 205, 0.4);
}
.layer_item_set:before,
.layer_item_set:after,
.game_list li:after,
.game_list li:before	{
	transition: all .3s ease;
	display: block;
	content: '';
	position: absolute;
	background: linear-gradient(243deg, #00fff3 0%, rgb(0 0 0 / 0%) 50%, #00ebff 100%);
	z-index: 100;
}
.layer_item_set:before,
.layer_item_set.active:before	{
	top: 0;
	left: 0;
	right: 100%;
	height: 2px;
}
.layer_item_set:after,
.layer_item_set.active:after	{
	top: 0;
	right: 0;
	bottom: 100%;
	width: 2px;
}
.layer_item_set:hover:before,
.layer_item_set.active:before	{
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	right: 0;
}
.layer_item_set:hover:after,
.layer_item_set.active:after	{
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	bottom: 0;
}
.game_list li:after	{
	bottom: 32px;
	right: 0;
	left: 100%;
	height: 2px;
}
.game_list li:before	{
	bottom: 32px;
	left: 0;
	top: 100%;
	width: 2px;
}
.game_list li:hover:after	{
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	left: 0;
}
.game_list li:hover:before	{
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	top: 0;
}
.game_list li:hover button.tit	{
	background-color: var(--color-primary-dark);
}
.game_list li a:hover .thumbnail	{
	filter: brightness(1.15);	opacity: 1;
}
.game_list li a:hover .thumbnail img	{
	transform: scale(1.15);
}
.alignLeft	{
	display: flex;	flex-direction: row;	justify-content: space-between;	gap: 12px;
}
.alignLeft .game_list	{
	width: 956px;
}
.alignRight	{
	display: flex;	flex-direction: row-reverse;	justify-content: space-between;	gap: 12px;
}
.alignRight .game_list	{
	width: 956px;
}

.bg-overType .list_item .thumbnail > img	{
	object-fit: contain;	object-position: center;
}
.bg-overType .list_item .thumb-bg-over	{
	position: absolute;	z-index: 1;
	height: 100%;	width: 100%;
	background-size: cover;	background-position: center;	background-repeat: no-repeat;
	opacity: 0.5;	filter: blur(12px);
}
/* .bg-overType .list_item .thumb-bg-over {
	position: absolute;
	z-index: 1;
	top: -10%;
	left: -10%;
	height: 120%;
	width: 120%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.5;
	filter: blur(12px);
} */


/* s: 슬롯게임 업체 리스트 */
.vendorList	{
	position: relative;
	width: 100%;
	max-width: var(--layout-maxwidth);
	min-height: 240px;
	margin: 32px auto;
	padding: clamp(8px, 2.4vw, 24px);
	z-index: 1;
	border: 1px solid #3c3f43;
	border-radius: 12px;
	background: #262728;
	box-shadow: 2px 4px 5px 1px #00000059, inset 0 0 6px 1px #000000bf;
}
.vendorList .tags	{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	max-height: 22vh;
	max-height: 22dvh;
	min-height: 220px;
	overflow-y: auto;
	transition: max-height 0.3s ease;
}
.vendorList.expanded .tags	{	/* 펼침 상태 클래스 */
	max-height: none;
	overflow: visible;
}
.expand-toggle-wrap	{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	z-index: 98;
}
.expand-toggle-wrap .btn	{
	background: #535c6b;
	color: #FFF;
	padding: 8px 16px;
	border-radius: 8px;
}
.vendorList.searching,
.vendorList.searching .tags	{
	min-height: unset;
}
.vendorList .tags a	{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	background-color: #35373a;
	border-radius: 4px;
	border: 1px solid #7d868f3b;
	padding: 8px 4px;
	width: calc(100% / 7 - 8px);
	max-width: 190px;
	min-width: 96px;
	font-size: 1.25rem;
	line-height: 100%;
	text-shadow: 1px 1px 3px rgba(20, 10, 5, .65);
	transition: all .2s ease-in-out;
}
.vendorList .tags a span	{
	overflow: hidden;
	letter-spacing: normal;
	font-weight: 500;
	text-overflow: ellipsis;
	text-align: center;	text-align: left;
	white-space: normal;
	height: auto;
	word-wrap: break-word;
	color: rgba(251, 251, 251, .87);
	max-width: 120px;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: keep-all;
	line-height: 125%;
	letter-spacing: .025rem;
	transition: all .3s;
}
@media (hover:hover)	{
	.vendorList .tags a:hover	{	border: 1px solid #000000;	background: #4e5961;	filter: drop-shadow(0 1px 4px #000000a0);}
	.vendorList .tags a:hover span	{	font-weight: 600;	transition: all .3s;}
	.vendorList .tags a:hover i	{	filter: drop-shadow(-1px 1px 4px rgba(20, 10, 5, .75));}
}
.vendorList .tags a.active	{
	border: 1px solid #000000;
	filter: drop-shadow(0 1px 4px #000000a0);
}
.vendorList .tags a.active i	{
	filter: drop-shadow(-1px 1px 4px rgba(20, 10, 5, .75));
}
.vendorList .tags a.active span	{
	font-weight: 600;
}
.vendorList .tags a i	{
	display: inherit;
	justify-content: center;
	align-items: center;
	width: 42px;
	height: 42px;
	padding: 2px;
	background: transparent;
	border-radius: 0;
	border: none;
}
.vendorList .tags a i>*	{
	width: 100%;
	height: auto;
}

@media screen and (min-width:1850px)	{
	.vendorList .tags a	{
		gap: 8px;
		width: 100%;
		padding: 8px 8px 12px;
		font-size: 1.6rem;
		max-width: 190px;
	}
	.vendorList .tags a span	{
		max-width: 100%;
	}
	.vendorList .tags a i	{
		width: 64px;
		height: 64px;
	}
}
@media screen and (max-width: 1190px)	{
	.vendorList .tags a	{
		width: calc(100% / 5 - 8px);
		max-width: unset;
	}
}
@media screen and (max-width: 767px)	{
	.vendorList .tags	{
		justify-content: center;
		padding: 0 0 10px 0px;
	}
	.vendorList .tags a	{
		width: calc(100% / 4 - 8px);
		padding: 6px 10px;
		font-size: 1.2rem;
	}
	.vendorList .tags a span	{
		font-size: 1.25rem;
	}
	.game_list_inner.nest-vendorlist	{
		display: flex;
		flex-direction: column-reverse;
	}
}
@media screen and (max-width:576px)	{
	.vendorList	{
		width: calc(100% - 0px);
		margin: 12px auto;
		padding: 4px;
		border-radius: 8px;
	}
	.vendorList .box-bg-inline	{
		display: none;
	}
	.vendorList .tags	{
		gap: 3px;
	}
	.vendorList .tags a	{
		width: calc(100% / 4 - 5px);
		min-width: initial;
		padding: 4px 3px 6px;
		gap: 2px;
		border-width: 1px;
		flex-direction: column;
	}
	.vendorList .tags a i	{
		padding: 0 0;
		width: 32px;
		height: 32px;
	}
	.vendorList .tags a span	{
		font-size: 1.2rem;
		max-width: 98%;
	}
}
@media screen and (max-width: 476px)	{
	.vendorList .tags a	{
		width: calc(100% / 2 - 2px);
	}
	.vendorList .tags a span	{
		font-weight: 600;
	}
	.vendorList .tags a i	{
		padding: 0 0;
		width: 32px;
		height: 32px;
	}
}
@media screen and (max-width: 326px)	{
	.vendorList .tags a	{
		width: calc(100% / 2 - 2px);
	}
}
/* e: 슬롯게임 업체 리스트 */


.btnShowAll	{
	cursor: pointer;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 1;
	padding: 8px 16px;
	margin-right: 10px;
	font-size: 1.35rem;
	font-weight: 600;
	border: 2px solid var(--color-slate);
	color: var(--color-slate);
	background: none;
	border-radius: 4px;
	text-align: center;
	transition: all 0.3s;
}
.btnShowAll:hover	{
	color: #fff;
	border: 2px solid #fff;
}
.game_list .tit	{
	position: relative;
	height: 32px;
	background-color: var(--color-bg-body);
	display: block;
	width: 100%;
	text-align: left;
	transition: all 0.45s ease-in-out;
}
.game_list .tit span	{
	width: 100%;
	text-align:center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	padding: 8px 8px;
	font-size: 1.4rem;
	color: #fff;
	font-weight: 500;
}

/* main_game_list */
.main_game_list .layer_item_set .thumb_wrap	{
	width: 181px;
	height: 181px;
}
.list_item.other	{
	display: none;
}
.list_item.other.show	{
	display: flex;
}

@media screen and (max-width:1190px)	{
	.game_list_inner	{
		padding: 0 20px;
		max-width: 100%;
	}
	.list_item ul	{
		gap: 8px;
	}
	.list_item li	{
		display: inline-block;
		width: calc(100% / 5 - 7px);
	}
	.list_item li a	{
		overflow: hidden;
	}
	.ico_flag	{
		transform: scale(0.8);
	}
	.main_game_list .list_item li	{
		width: calc(100% / 6 - 7px);
		display: inline-block;
	}
	.main_game_list .list_item li a	{
		width: 100%;
		height: calc(100% - 32px);
		/* padding-bottom: 100%; */
		overflow: hidden;
		position: relative;
	}
	.main_game_list .list_item li .thumbnail	{
		width: 100%;
		height: 100%;
	}
	.list_title	{
		margin-top: 16px;
		height: auto;
		line-height: 1;
		border-width: 4px;
		padding: 8px 0 6px 16px;
	}
	.layer_item_set:hover:after,
	.layer_item_set.active:after	{
		bottom: 0;
	}
	.btnShowAll	{
		font-size: 1.4rem;
		padding: 0 10px;
		margin-right: 0;
		height: 30px;
		line-height: 28px;
		border-width: 1px;
	}
	.alignLeft .game_list	{
		width: 100%;
	}
	.alignRight .game_list	{
		width: 100%;
	}
}

@media screen and (max-width:767px)	{
	.alignLeft .game_list	{
		width: 100%;
	}
	.list_item	{
		width: calc(100% + 30px);
		width: 100%;
		margin-left: -10px;
		padding-right: 20px;
		margin: 0 auto;
		padding: 0 0;
		overflow: hidden;
	}
	.list_item ul	{
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100%;
		margin-left: 0;
		white-space: nowrap;
	}
	.list_item li	{
		width: calc(100% / 3 - 6px);
		height: clamp(80px, 30vw, 160px);
		/* float: none; */
	}
	.main_game_list .list_item ul	{
		margin-left: 0;
		width: 100%;
	}
	.main_game_list .list_item li	{
		width: calc(100% / 3 - 6px);
	}
	.list_title	{
		color: var(--color-point2);
		padding: 8px 8px 6px 16px;
	}
	.game_list_inner	{
		width: 100%;
		padding: 0 12px;
	}
	.game_list .tit {}
	.game_list .tit span	{
		font-size: 1.2rem;
		padding: 3px 0;
	}
	.btnShowAll	{
		font-size: 1.2rem;
		border: 0 !important;
		padding: 0;
		margin-right: 0;
	}
	.btnShowAll:hover	{
		border: none;
	}
	.list_item.onScroll ul	{
		white-space: normal;
		width: 100%;
	}
	.list_item ul::-webkit-scrollbar	{
		width: 5px;
		height: 4px;
	}
	.list_item ul::-webkit-scrollbar-track	{
		background: transparent;
	}
	.list_item ul::-webkit-scrollbar-thumb	{
		background: var(--color-bg-body);
		border-radius: 5px;
	}
	.list_item ul::-webkit-scrollbar-thumb:hover	{
		background: #222;
	}
}

@media screen and (max-width:425px)	{
	.game_list .tit span	{
		font-size: 1.1rem;
		font-weight: 500;
	}
}

/* notice */
.head_noti	{
	position: relative;
	width: 100%;
	height: 42px;
	border-bottom: 1px solid #444;
	background: var(--color-bg-body);
}
.head_noti .head_noti_inner	{
	display: flex;
	flex-direction: row;
	align-items: center;
	max-width: var(--layout-maxwidth);
	margin: 0 auto;
	height: 100%;
}

.head_noti .i_noti {
	z-index: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: var(--color-point-orange);
	line-height: 1;
	border-radius: 8px;
	background-color: #000;
	padding: 0 8px;
	height: 24px;
	min-width: 64px;
	width: auto;
	white-space: nowrap;
}
.head_noti .i_noti img	{
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
}
.head_noti .i_noti em	{
	display: inline-block;
	font-size: 1.2rem;
}
.notice-wrapper	{
	width: calc(100% - 70px);
	position: relative;
	overflow: hidden;
	padding: 9px 0;
	font-size: 1.3rem;
	color: #f3bb2b;
}
.notice-content	{
	display: flex;
	white-space: nowrap;
	animation: scroll 20s linear infinite;
	transform: translateX(100%);
}
.notice-content p	{
	margin: 0 100px;
	color: rgba(255, 255, 255, 0.9);
}

@media screen and (max-width:1190px)	{
	.head_noti .head_noti_inner	{
		max-width: 100%;
	}
}

@media screen and (max-width:767px)	{
	.head_noti .head_noti_inner	{
		max-width: 100%;
	}
	.head_noti	{
		background-color: #14141b;
		height: 30px;
	}
	.notice-wrapper	{
		padding: 0;
		width: calc(100% - 32px);
		font-size: 1.3rem;
	}
	.head_noti .i_noti img	{
		width: 18px;
		height: 18px;
		margin-right: 0;
	}
	.head_noti .i_noti	{
		background-color: transparent;
		width: 32px;
		margin: 0;
	}
	.head_noti .i_noti em	{
		display: none;
	}
}

/* footer */
.footer	{
	width: 100%;
	padding: 30px 0 60px;
	background: #262626;
	overflow: hidden;
}
.footer .inner	{
	max-width: var(--layout-maxwidth);
	margin: 0 auto;
}
.footer .footer_top	{
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	align-items: flex-start;
}
.footer .sitemap	{
	display: flex;
	flex-direction: row;
	width: fit-content;
	gap: clamp(16px, 8vw, 80px);
}
.footer .sitemap .map	{
	width: 100%;
	max-width: max-content;
	font-size: 1.3rem;
	color: #ccc;
	line-height: 24px;
}
.footer .sitemap .map h4	{
	font-size: 1.6rem;
	color: #fff;
	margin-bottom: 8px;
}
.footer .sitemap .map a	{
	color: #ccc;
	display: block;
}
.footer .sitemap .map a:hover	{
	color: #fff;
}
.footer .cs_link	{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
.footer .cs_info	{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 16px;
	padding-right: 40px;
}
.footer .cs_info .txt1	{
	display: block;
	font-size: 1.6rem;
	font-family: var(--font-ff-heading);
	font-weight: var(--font-fw-heading);
}
.footer .cs_info .txt3	{
	font-size: 1.3rem;
	color: #ccc;
	line-height: 1;
}
.footer .cs_info a	{
	color: #FFF;
}
.footer .cs_info .txt3 em	{
	border-bottom: 1px solid;	color: #FFF;
}
.footer .cs_info a em	{
	color: var(--color-point2);
	font-weight: bold;
}
.footer .cs_img	{
	width: 120px;
	height: auto;
}
.footer .cs_img img	{
	width: 100%;
	height: 100%;
}
.footer .ico_cs	{
	font-size: 1.475rem;
	display: flex;
	align-items: center;
	gap: 8px;
	line-height: 1;
}
.footer .ico_cs img	{
	width: 24px;
	height: 24px;
}
.footer .footer_mid	{
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
}
.footer .tit	{
	color: #ccc;
	font-size: 1.6rem;
	margin-bottom: 18px;
}
.footer .connectus.type_02	{
	display: none;
}
.footer .connectus .noti	{
	font-size: 1.2rem;
	color: #ccc;
}
.footer .connectus img	{
	width: 43px;
	margin-bottom: 10px;
}
.footer .channel_wrap a	{
	margin-right: 15px;
}
.footer .channel_wrap img	{
	width: 45px;
}
.footer .anniversary img	{
	width: 100px;
}
.footer .channel_wrap .m_tit	{
	display: none;
}
.footer_bottom	{
	display: flex;
	flex-direction: column;
	width: 100%;
	border-top: 1px solid #444;
	margin-top: 30px;
	padding-top: 30px;
}
.footer .copy	{
	font-size: 1.2rem;
	color: #ccc;
	text-align: center;
}
.footer .foot_logo	{
	margin-top: 30px;
	text-align: center;
}
.footer .foot_logo img	{
	width: 200px;
	margin: 0 auto;
}
.partners	{
	display: flex;
	flex-direction: row;
	align-items: center;
	max-width: var(--layout-maxwidth);
	margin: 30px auto 0;
}
.partners .tit	{
	width: 170px;
	color: #888;
	font-size: 2rem;
	height: 30px;
	margin-bottom: 0;
}
.partners .swiper-container	{
	width: calc(100% - 170px);
	height: 30px;
	overflow: hidden;
}
.partners .swiper-wrapper	{
	display: flex;
	transition-timing-function: linear;
	width: fit-content;
}
.partners .swiper-slide	{
	width: auto !important;
	height: 30px;
	flex-shrink: 0;
	margin-right: 40px;
}
.partners .swiper-slide img	{
	height: 30px;
	width: auto;
}
.footer_nav	{
	display: none;
}

@media screen and (max-width:1190px)	{
	.footer .inner	{
		max-width: 100%;
		padding: 0 20px;
	}
	.footer .sitemap, .footer .cs	{
		width: 100%;
	}
	.footer_bottom	{
		padding: 30px 20px 0;
	}
}

@media screen and (max-width:767px)	{
	.footer	{
		width: 100%;
		padding: 12px 0 40px;
		background: linear-gradient(125deg, #18242c, #262937);
	}
	.footer .sitemap,
	footer .cs_img,
	.footer .footer_mid .connectus,
	.anniversary	{display: none;	}
	.footer .inner	{
		max-width: 100%;
		padding: 0 12px;
	}
	.footer .footer_top	{
		flex-direction: column;
		margin-bottom: 8px;
	}
	.footer .footer_mid	{
		flex-direction: column;
	}
	.footer .sitemap,
	.footer .cs	{
		margin-bottom: 0;
	}
	.footer .cs	{
		width: 100%;
	}
	.footer .cs_link	{
		padding: 24px 12px 12px 12px;
		flex-direction: column;
		border: 1px solid var(--color-point2);
		border-radius: 12px;
		background-color: #063246;
	}
	.footer .cs_info	{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: row;
		gap: 6px;
		padding: 0;
		text-align: center;
	}
	.footer .cs_info .txt1	{
		font-size: 1.4rem;
		color: var(--color-point2);
		width: 100%;
	}
	.footer .cs_info .txt3	{
		color: rgba(255, 255, 255, 0.5);
		font-size: 1.2rem;
		width: 100%;
		line-height: 1.4;
	}
	.footer .ico_cs	{
		margin-top: 15px;
		display: inline-block;
		width: 46%;
		font-size: 1.2rem;
		line-height: 30px;
	}
	.footer .ico_cs img	{
		width: 30px;
		height: 30px;
		margin: 0 0 8px 0;
	}
	.footer .cs_info a	{
		color: #fff;
		margin: 8px 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		line-height: 1;
		gap: 6px;
		width: auto;
		flex: 1 1 0;
	}
	.footer_bottom	{
		flex-direction: column-reverse;
		border: 0;
		padding: 0;
		margin-top: 0;
		width: 100%;
	}
	.footer .foot_logo img	{
		width: 100px;
		margin-bottom: 10px;
	}
	.footer .copy	{
		color: #86919f;
		font-size: 1rem;
	}
	.footer .footer_notice_channel .content_wrap	{
		display: none;
	}
	.footer .footer_notice_channel	{
		width: 100%;
		margin-top: 0;
	}
	.footer .channel_wrap	{
		text-align: center;
		padding: 20px;
		border: 1px solid var(--color-point2);
		border-radius: 12px;
		background-color: #063246;
	}
	.footer .channel_wrap .m_tit	{
		margin-bottom: 10px;
		display: block;
		color: rgba(255, 255, 255, 0.5);
		font-size: 1.2rem;
	}
	.footer .channel_wrap .m_tit p	{
		font-size: 1.4rem;
		color: var(--color-point2);
		margin-bottom: 10px;
	}
	.partners	{
		max-width: 100%;
		width: 100%;
		margin: 8px 0 0 0;
		padding: 16px 8px 12px 8px;
		flex-direction: column;
		background-color: rgba(255, 255, 255, 0.1);
	}
	.partners .tit	{
		width: 100%;
		text-align: center;
		font-size: 1.45rem;
		color: #ffffff8c;
	}
	.partners .tit:after	{
		content: '';
		display: block;
		width: 96%;
		height: 1px;
		background-color: #ffffff2e;
		margin: 10px auto;
	}
	.partners .swiper-container	{
		width: 100%;
		margin-top: 16px;
	}
	.partners .swiper-slide,
	.partners .swiper-slide img	{
		height: 22px;
	}
	.footer .connectus.type_02	{
		display: flex;
		text-align: center;
		flex-direction: column-reverse;
		padding-bottom: 60px;
	}
	.footer .connectus.type_02 .tit	{
		display: none;
	}
	.footer .connectus.type_02 .noti	{
		margin: 12px 0 8px;
		font-size: 1.3rem;
	}
	.footer .connectus.type_02 .noti span	{
		text-decoration: underline;
		display: inline-block;
	}
	.footer_nav	{
		z-index: 1000;
		display: block;
		position: fixed;
		width: 100%;
		bottom: 0;	left: 0;	right: 0;
		background: #1d1e20;
	}
	.footer_nav ul	{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap;
		width: 100%;
		height: 68px;
		border-top: 1px solid var(--color-default-border);
		box-shadow: 0px -4px 8px 2px #000;
	}
	.footer_nav ul li	{
		width: 100%;
		height: 100%;
		text-align: center;
		font-size: clamp(11px, 2.6vw, 13px);
	}
	.footer_nav ul li + li	{
		border-left: 1px solid var(--color-default-border);
	}
	.footer_nav ul li a	{
		display: flex;
		flex-direction: column;
		align-items: center;
		height: 100%;
		padding: 2px;
		gap: 6px;
		justify-content: center;
	}
	.footer_nav ul li a span {
		display: -webkit-box;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		text-align: center; 
		line-height: 1.15; 
		max-width: 100%;
	}

	.footer_nav ul li a i	{
		font-size: 24px;
		line-height: 0;
	}
}
.mob_menu	{	display: none;}

@media screen and (max-width:767px)	{
	/* sale_list */
	.mob_menu	{
		display: block;
		padding-top: 8px;
		width: 100%;
		height: 64px;
		background: #18242c;
		position: relative;
	}
	.mob_menu .swiper-wrapper	{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.mob_menu .swiper-slide	{
		padding: 0 2%;
	}
	.mob_menu .swiper-slide a	{
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 1.2rem;
		font-weight: 600;
		font-family: var(--font-ff-heading);
		font-weight: var(--font-fw-heading);
		gap: 5px;
	}
	.mob_menu .swiper-slide a img	{
		width: 28px;
		height: 28px;
	}
	.mob_menu .swiper-slide a i.menuicon img {
		width: 100%;	height: 100%;
	}
	.mob_menu .swiper-slide a i.menuicon {
		background-color: transparent;
		width: 28px;
		height: 28px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 3px;
		border-radius: 4px;
	}
	.mob_menu .swiper-slide a.active i.menuicon {
		background-color: var(--color-point3);
	}
	.mob_menu .swiper-slide a.active i.menuicon > * {
		filter: brightness(1.45) sepia(1) hue-rotate(145deg);
	}
	.mob_menu .swiper-slide a.active span	{
		color: var(--color-point2);
	}
	.mob_menu .swiper-button-prev	{
		background: url(../images/icons/m_gamelistrow_arrow.png) 50% 50% no-repeat, linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #18242c 30%);
	}
	.mob_menu .swiper-button-next	{
		transform: rotate(-180deg);
		background: url(../images/icons/m_gamelistrow_arrow.png) 50% 50% no-repeat, linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #18242c 30%);
	}
	.mob_menu .swiper-button-next,
	.mob_menu .swiper-button-prev	{
		height: 64px;
		margin-top: 0;
		top: -5px;
	}
	.mob_menu .swiper-button-prev	{	left: 0;}
	.mob_menu .swiper-button-next	{	right: 0;}
}
.second_menu	{
	z-index: 99;
	position: relative;
	width: 100%;
	height: 80px;
	background-color: rgba(34, 34, 34, 0.8);
}
.second_menu.menuFixed	{	position: fixed;}
.sc_mn_back	{	height: 80px;}
.sc_mn_list	{
	max-width: var(--layout-maxwidth);
	margin: 0 auto;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.sc_mn_list .list_title	{
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
}
.sc_mn_list .list_title:before	{
	content: '';
	height: 40%;
	width: 4px;
	background: var(--color-point2);
	margin-right: 24px;
}
.sc_mn_list.game_detail .list_title:before	{
	display: none;
}
.sc_mn_list.game_detail .list_title h3	{
	display: inline-flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 16px;
}
.sc_mn_list.game_detail .list_title h3 > div	{
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	gap: 6px;
}
.sc_mn_list.game_detail .list_title h3 > div em	{font-family: var(--font-ff-body);font-size: clamp(11px, 1.3vw, 13px);color: #b2ced6;}
.sc_mn_list.game_detail .ico_vender	{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: var(--color-primary-dark);
	border: 1px solid rgb(255 255 255 / 15%);
	border-radius: 6px;
	padding: 4px;
}
.sc_mn_list ul	{
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	align-items: center;
	justify-content: center;
	gap: clamp(8px, 2.4vw, 24px);
}
.sc_mn_list ul li	{
	height: 100%;
}
.sc_mn_list ul li a	{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	gap: 6px;
	padding-left: var(--tb-pd-y);
	padding-right: var(--tb-pd-y);
	font-size: clamp(13px, 1.6vw, 16px);
	font-weight: 600;
	border-bottom: 2px solid transparent;
}
.sc_mn_list ul li a.active	{
	border-color: var(--color-point2);
}
.sc_mn_list ul li a.active .name	{
	color: var(--color-point2);
}
.sc_mn_list ul li a.active img	{
	filter: brightness(2);
}
.sc_mn_list ul li .item img	{
	width: 28px;
	height: 28px;
}
.searchboxArea	{	width: 240px;}
.searchbox	{
	width: 240px;
	padding: 5px 0 7px 38px;
	height: 40px;
	border: 1px solid var(--color-point2);
	border-radius: 0;
	background: #222 url(../images/icons/search.png) no-repeat;
	background-size: 22px 22px;
	background-position: left 10px top 6px;
}
.searchbox input	{
	border: 0;
	width: 160px;
	height: 26px;
	background: transparent;
	color: #ccc;
	font-size: 1.4rem;
}
.btn_sch	{	display: none;}
.bt_close_search_area	{	display: none;}

@media screen and (max-width:1190px)	{
	.sc_mn_list	{
		max-width: 100%;
		padding: 0 20px;
	}
	.searchboxArea	{	width: auto;}
	.searchbox	{	width: 100%;}
	.sc_mn_list ul li	{
		margin-right: 6px;
	}
}

@media screen and (max-width:767px)	{
	.searchboxArea	{
		display: none;
	}
	.sc_mn_back	{	height: 40px;}
	.sc_mn_list	{
		width: calc(100% - 40px);
		display: block;
		overflow: hidden;
		padding: 0;
	}
	.sc_mn_list .list_title	{
		padding: 3px 0 0 14px;
	}
	.sc_mn_list .list_title:before	{
		display: none;
	}
	.sc_mn_list.game_detail .list_title	{
		padding: 0 0 0 14px;
	}
	.sc_mn_list.game_detail .list_title h3	{
		gap: unset;
		font-family: var(--font-ff-body);
		font-weight: bold;
	}
	.sc_mn_list.game_detail .list_title h3 > div	{
		justify-content: space-between;
		flex-direction: row-reverse;
		align-items: center;
	}
	.sc_mn_list.game_detail .ico_vender	{
		display: none;
	}
	.sc_mn_list ul	{
		width: 100%;
		padding-left: 10px;
		overflow-y: hidden;
		overflow-x: scroll;
		white-space: nowrap;
		display: block;
		flex-wrap: inherit;
	}
	.sc_mn_list ul li	{
		display: inline-block;
		height: 40px;
	}
	.sc_mn_list ul li .item	{
		display: none;
	}
	.second_menu	{
		height: 40px;
		background-color: #000;
		display: flex;
		flex-direction: row;
	}
	.sc_mn_list ul li a	{
		height: 40px;
		line-height: 40px;
		font-size: 1.3rem;
		display: block;
		font-weight: 500;
		letter-spacing: -0.5px;
	}
	.btn_sch	{
		display: inline-block;
		width: 40px;
		height: 40px;
		background-size: 20px 20px;
		background-color: var(--color-point2);
		background-repeat: no-repeat;
		background-image: url(../images/icons/ico_search.png);
		background-position: center;
	}
	.searchboxArea.show	{
		display: block;
		position: absolute;
		z-index: 1000;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		padding: 12px;
		width: 100%;
		height: 64px;
		background: var(--color-bg-body);
	}
	.sc_mn_back.show	{
		height: auto;
	}
	.sc_mn_back.show .second_menu	{
		height: auto;
	}
	.sc_mn_back.show .sc_mn_list	{
		width: 100%;
	}
	.sc_mn_back.show .searchbox	{
		position: relative;
		width: 100%;
		border: 1px solid #444;
		border-radius: 22px;
		background: #222 url(../images/icons/ico_search_grey.png) no-repeat;
		background-size: 20px;
		background-position: left 14px top 8px;
	}
	.bt_close_search_area	{
		position: absolute;
		top: -1px;
		right: 5px;
		display: block;
		width: 40px;
		height: 40px;
		background: url(../images/icons/bt_close_ban.png) 50% 50% no-repeat;
		background-size: 30px;
		font-size: 0;
		text-indent: -999px;
		border-left: 1px solid #444;
	}
	.sc_mn_list ul::-webkit-scrollbar	{
		width: 5px;
		height: 4px;
	}
	.sc_mn_list ul::-webkit-scrollbar-track	{
		background: transparent;
	}
	.sc_mn_list ul::-webkit-scrollbar-thumb	{
		background: var(--color-bg-body);
		border-radius: 5px;
	}
	.sc_mn_list ul::-webkit-scrollbar-thumb:hover	{
		background: #222;
	}
}
.side_bar	{
	z-index: 1001;
	z-index: 998;
	display: flex;
	justify-content: center;
	position: fixed;
	right: 0;
	top: 0;
	width: var(--layout-sidebar-width);
	height: 100%;
	background-color: #323232;
	border-left: 1px solid rgba(0, 0, 0, 0.4);
}
.side_bar ul	{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.side_bar li	{
	position: relative;
	height: 70px;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.side_bar li a	{
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.side_bar .title	{
	display: none;
	min-width: 78px;
	width: auto;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 22px;
	right: 79px;
	color: #000;
	border-radius: 5px;
	font-size: 1.4rem;
	font-weight:500;
	text-align: center;
	background: #ffe500;
	justify-content: center;
	align-items: center;
}
.side_bar .title:before	{
	content: '';
	position: absolute;
	right: -8px;
	top: 10px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 8px solid #ffe500;
	border-bottom: 6px solid transparent;
}
.side_bar li:hover .title	{	display: flex;}
.side_bar li .img_wrap img	{	width: 45px;}
.side_bar li .img_wrap .img_on,
.side_bar li:hover .img_wrap .img	{	display: none;}
.side_bar li:hover .img_wrap .img_on	{	display: block;}
.btn_top_down	{	position: absolute;	bottom: 0;}
.btn_top_down li:nth-child(1)	{	border-top: 1px solid rgba(0, 0, 0, 0.4);}
.btn_top_down .btn button	{
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.btn_top_down .btn button	{
	background-image: url(../images/icons/ico_arrow_basic.png);
}
.btn_top_down .btn:hover button	{
	background-image: url(../images/icons/ico_arrow_hover.png);
}
.btn_top_down .btn.down button	{
	transform: rotate(-180deg);
}
.slide_wrap	{
	width: 100%;
	position: relative;
}
.slide_wrap .add_nav	{
	z-index: 1005;
}
.slide_wrap .add_nav .swiper-button-next, 
.slide_wrap .add_nav .swiper-button-prev { 
	 background-image: url(../images/slide/slide_arrow.svg); 
	 color: var(--color-point2); 
} 
.slide_wrap .add_nav .swiper-button-prev { left: -35px; transform: rotate(-180deg);} 
.slide_wrap .add_nav .swiper-button-next {right: -35px;transform: rotate(0deg);}
.slide_inner	{
	overflow: hidden;
	background-color: var(--color-bg-content);
}
.mainSlide	{
	position: relative;
	width: var(--layout-maxwidth);
	margin: 0 auto;
	height: 100%;
}
.main_slide_wrap .swiper-wrapper	{
	width: 100%;
}
.main_slide_wrap .swiper-slide	{
	width: 100%;
	transition: filter 0.3s ease;
	filter: blur(24px);
}
.main_slide_wrap .swiper-slide a	{
	width: 100%;
	display: block;
}
.main_slide_wrap .swiper-slide a img	{
	width: 100%;
}
.main_slide_wrap .swiper-slide a img.pc	{
	display: block;
}
.main_slide_wrap .swiper-slide a img.mob,
.main_slide_wrap .swiper-pagination	{
	display: none;
}
.main_slide_wrap .swiper-slide.swiper-slide-active	{
	filter: none;
}

@media screen and (max-width:1190px)	{
	.mainSlide	{
		width: 100%;
	}
	.main_slide_wrap .swiper-slide	{
		width: 100% !important;
		filter: none;
	}
	.main_slide_wrap .swiper-pagination	{
		display: block;
	}
	.main_slide_wrap .swiper-pagination-bullet	{
		background: #ccc;
	}
	.main_slide_wrap .swiper-pagination-bullet-active	{
		background: #fff;
	}
	.side_bar,
	.slide_wrap .add_nav	{
		display: none;
	}
}

@media screen and (max-width:767px)	{
	.side_bar	{
		display: none;
	}
	.main_slide_wrap .swiper-slide	{
		width: 100% !important;
		filter: none;
	}
	.main_slide_wrap .swiper-slide a	{
		position: relative;
		padding-bottom: 44%;
	}
	.main_slide_wrap .swiper-slide a img	{
		height: 100%;
		object-fit: cover;
		position: absolute;
		left: 0;
		top: 0;
	}
	.main_slide_wrap .swiper-slide a img.mob	{
		display: block;
	}
}

/* popup */
.bg_mask	{
	z-index: 8000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.65);
}
.popup_box	{
	display: none;
	position: absolute;
	background: var(--color-bg-body);
	width: 100%;
	max-width: var(--layout-pop-maxwidth);
	height: auto;
	border-radius: 12px;
	padding: 12px;
}
.popup_box.view	{
	z-index: 99998;
	position: fixed;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.popup_multi	{
	display: none;
	overflow: hidden;
	position: absolute;
	background: radial-gradient(100% 100% at 50% 0, #2667c0 0, #031f46 100%), linear-gradient(90deg, #bf9b30, #ffecb1 50.93%, #bf9b30);
	width: 280px;
	border-radius: 13px;
	border: 0;
}
.popup_multi.view	{
	z-index: 9998;
	display: block;
}
.popup_box .close	{
	z-index: 9999;
	position: absolute;
	top: 25px;
	right: 25px;
	width: 32px;
	height: 32px;
	background: url(../images/icons/bt_close.png) no-repeat center;
	background-size: 100% 100%;
}
.popup_box table	{	table-layout: initial;}

/* popup :all_popup */
.popup_box.all_popup	{
	max-width: 750px;
	height: 100%;
	width: 100%;
	margin: 0 auto;
}
.layer_content	{
	position: relative;
	width: 100%;
}
.layer_content .greeting2	{
	margin: 0;
	border-radius: 12px 12px 0 0;
	padding: 20px 12px 12px 20px;
}
.layer_content .greeting2 h3	{
	font-size: 2.45rem;
}
.layer_content .greeting2 p	{
	font-size: 1.2rem;
}
.layer_head	{
	text-align: center;
	margin-bottom: 20px;
}
.layer_head p	{
	display: block;
	font-size: 2rem;
	font-family: var(--font-ff-heading);
	font-weight: var(--font-fw-heading);
	letter-spacing: 0;
}
.layer_body	{
	width: 100%;
	height: fit-content;
	max-height: calc(100vh - 140px);
	max-height: calc(100dvh - 140px);
	overflow: auto;
}
.mypageLayer	{
	width: 1100px;
	min-height: 465px;
}
.mypageLayer .layer_content	{	height: 100%;}
.mypageLayer .layer_body	{	height: 100%;}
/* popup : Notice popup */





/* tab */
.menu_tab	{
	position: relative;
	width: 180px;
	min-height: 100%;
}
.menu_tab ul	{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #292929;
}
.menu_tab li	{
	background-color: #292929;
	width: 100%;
	height: 54px;
	cursor: pointer;
	position: relative;
}
.menu_tab li button	{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
}
.menu_tab li button	{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.menu_tab li.active button	{
	color: var(--color-point2);
	background: var(--color-bg-body);
}
.menu_tab li img	{
	width: 32px;
	height: 32px;
	margin-right: 10px;
}
.menu_tab li .img	{
	display: inline-block;
}
.menu_tab li .img_on	{
	display: none;
}
.menu_tab li:hover .img,
.menu_tab li.active .img	{
	display: none;
}
.menu_tab li:hover .img_on,
.menu_tab li.active .img_on	{
	display: inline-block;
}
.cont_tab	{
	width: calc(100% - 110px);
	padding: 4px;
}

/* tab */
.my_tab	{
	position: relative;
	width: 100%;
}
.my_tab ul	{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
}
.my_tab li	{
	overflow: hidden;
	width: auto;
	height: 48px;
	padding: 0 20px;
	cursor: pointer;
	position: relative;
	border: 2px solid #262626;
	border-radius: 5px 5px 0 0;
	border-bottom: 0px;
}
.my_tab li button	{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 1.6rem;
	color: #777;
	text-align: center;
	background: transparent;
	line-height: 48px;
	cursor: pointer;
}
.my_tab li.active	{
	border-color: #222;
	background: #333;
	color: #fff;
}
.my_tab li:hover button,
.my_tab li.active button	{
	color: #fff;
}
.my_cont_tab	{
	position: relative;
	width: 100%;
	padding: 10px 8px;
	background: #333;
	border: 2px solid #262626;
	border-top: 0;
	border-radius: 0px 12px 12px 12px;
}
.my_tab.inc_txt	{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.my_tab.inc_txt ul	{
	width: auto;
}

/* tab */
.basic_tab	{
	position: relative;
	width: 100%;
}
.basic_tab ul	{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
}
.basic_tab li	{
	width: auto;
	height: 40px;
	padding: 0 15px;
	cursor: pointer;
	position: relative;
}
.basic_tab li button	{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 1.6rem;
	color: #ccc;
	text-align: center;
}
.basic_tab li button	{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.basic_tab li.active	{
	border-bottom: 2px solid var(--color-point2);
}
.basic_tab li:hover button,
.basic_tab li.active button	{
	color: #fff;
}
.basic_cont_tab	{
	width: 100%;
	padding: 4px;
}
.event_slide .basic_tab	{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 14px;
}
.event_slide .basic_tab .list_title	{
	width: auto;
	margin-top: 0;
	margin-right: 20px;
}
.event_slide .basic_tab ul	{
	width: calc(100% - 100px);
}
.tab_wrap.type_02 .basic_tab	{
	width: 100%;
	margin-top: 30px;
}
.tab_wrap.type_02 .basic_tab li	{
	width: calc(100% / 2);
	background-color: #333;
}
.tab_wrap.type_02 .basic_tab li button	{
	color: #fff;
	font-size: 1.3rem;
	font-weight: 600;
}
.tab_wrap.type_02 .basic_tab li.active	{
	background-color: var(--color-point2);
}
.tab_wrap.type_02 .basic_tab li.active button	{
	color: #222;
}
.tab_wrap.type_02 .basic_cont_tab	{
	border: 1px solid var(--color-point2);
	padding-bottom: 10px;
}
.main_side_modal	{
	display: flex;
	flex-direction: row;
}
.event_slide	{
	max-width: var(--layout-maxwidth);
	margin: 0 auto;
	padding: 40px 0 56px;
}
.event_slide_wrap	{
	position: relative;
	width: var(--layout-maxwidth);
	margin: 0 auto;
	height: 100%;
}
.event_slide .eventSlide	{
	overflow: hidden;
}
.event_slide_wrap .swiper-wrapper	{
	width: 100%;
	gap: 2px;
}
.event_slide_wrap .swiper-slide	{
	width: 382px !important;
	transition: filter 0.3s ease;
	display: flex;
	flex-direction: row;
}
.event_slide_wrap .swiper-slide a	{
	display: block;
	width: 100%;
	height: 185px;
}
.event_slide_wrap .swiper-slide a img	{
	width: 100%;
	display: block;
	height: 100%;
}
.event_slide_wrap .swiper-slide.swiper-slide-active	{
	filter: none;
}
.event_slide_wrap .swiper-button-next,
.event_slide_wrap .swiper-button-prev	{
	margin-top: -42px;
}
.event_slide .basic_tab .list_title .event_more	{
	display: none;
}
.slide_info	{
	min-height: 38px;
}
.slide_info .tt	{
	color: var(--color-point2);
}
.slide_info .tt,
.slide_info .st	{
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 1.4rem;
}
.promoSl	{
	display: none;
}
.mob_category_title	{
	display: none;
}
.cont_bottom	{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: var(--layout-maxwidth);
	margin: 0 auto;
	margin-top: 48px;
}
.event_slide + .cont_bottom	{
	margin-top: unset;
}
.cont_bottom .box	{
	background-color: #222;
	height: 280px;
	width: calc(100% / 3 - 8px);
	display: flex;
	flex-direction: column;
}
.cont_bottom .box .title	{
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 56px;
	padding: 0 20px;
	padding-left: clamp(12px, 2vw, 20px);
	border-bottom: 1px solid #000;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
}
.cont_bottom .box .cont	{
	overflow: auto;
	height: calc(100% - 56px);
}
.slide_close	{	display: none;}

/* 공지사항 */
.main_notice	{
	width: 100%;
	padding: 12px 16px;
}
.main_notice li	{
	height: 35px;
	line-height: 35px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.main_notice a	{
	font-size: 1.3rem;
	display: inline-block;
}
.main_notice a:hover	{
	text-decoration: underline;
}
.main_notice a em	{
	display: inline-block;
	font-size: 1.2rem;
	margin-right: 5px;
}
.main_notice .import	{
	height: 20px;
	line-height: 18px;
	font-size: 1.3rem;
	background: red;
	padding: 0 3px;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	min-width: 55px;
}
.t_green	{
	color: var(--color-point2);
}
.main_notice .tt	{
	text-align: left;
	display: block;
	width: calc(100% - 80px);
	padding-right: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.main_notice .date	{
	color: #afafaf;
	font-size: 1.15rem;
	text-align: right;
	line-height: 1.15;
	width: 80px;
	display: inline-block;
}

/* 실시간 출금 현황 */
.realtime	{
	padding: 16px 8px 8px 8px;
	height: 195px;
}
.realtime .swiper-container	{
	width: 100%;
	height: auto;
	max-height: 175px;
	overflow: hidden;
}
.realtime .swiper-wrapper	{
	width: 100%;
	height: 100%;
}
.realtime .swiper-slide	{
	height: 35px;
}
.realtime .normal:hover	{
	background-color: rgba(0, 0, 0, 0.3);	
}
.realtime .normal	{
	width: 100%;
	position: relative;
	height: 35px;
	padding: 0 16px;
	line-height: 35px;
	background: var(--color-bg-body);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}
.realtime .normal .time	{
	width: 60px;
	font-size: 1.2rem;
	display: inline-block;
}
.realtime .normal .name	{
	width: calc(100% - 60px);
	font-size: 1.3rem;
	color: var(--color-point);
	text-align: left;
	padding-right: 100px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.realtime .money	{
	position: absolute;
	right: 16px;
	top: 0;
	font-size: 1.3rem;
	color: #d2c86e;
	text-align: right;
	font-weight: 600;
}
.jackpot,
.jackpot .swiper-container	{
	width: 100%;
	height: 100%;
}
.jackpot .swiper-slide	{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	height: 100%;
}
.jackpot_box	{
	width: 100%;
	display: flex;
	flex-direction: row;
	padding: 20px;
}
.jackpot_box .jackpot_info	{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 1.4rem;
	padding-left: 20px;
}
.jackpot_box .jackpot_info .money,
.jackpot_box .jackpot_info .money2	{
	color: var(--color-point2);
}
.jackpot_thumb	{
	border-radius: 5px;
	width: 140px;
	height: 140px;
	overflow: hidden;
}
.jackpot_thumb img	{
	width: 100%;
	height: 100%;
}
.btn_play	{
	margin-top: 10px;
}
.btn_play button	{
	display: block;
	width: 80px;
	height: 28px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	line-height: 26px;
}
.btn_play button:hover	{
	border: 1px solid #fff;
	background: #fff;
	color: #222;
}

@media screen and (max-width:1190px)	{
	.event_slide	{
		max-width: 100%;
		padding: 40px 20px 60px 20px;
	}
	.event_slide .basic_tab .list_title	{
		font-size: 1.6rem;
		padding: 4px 0 0 10px;
	}
	.event_slide_wrap	{
		width: 100%;
	}
	.event_slide_wrap .swiper-slide	{
		width: 94% !important;
		margin: 0;
		flex-direction: column;
	}
	.event_slide_wrap .swiper-slide a	{
		height: auto;
		padding-bottom: 40%;
		position: relative;
		margin: 0;
	}
	.event_slide_wrap .swiper-slide a img	{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border: 2px solid #73889f;
		border-radius: 10px;
	}
	.promoSl	{
		display: block;
		bottom: -25px;
		font-size: 1.2rem;
	}
	.promoSl .swiper-pagination-total	{
		color: #73889f;
	}
	.mob_category_title {
		display: block;
		margin-top: 8px;
		margin-bottom: 8px;
		padding: 4px 12px;
		border-radius: 4px;
		color: #fff;
		background-color: var(--color-dark-border);
		font-size: 1.3rem;
	}
	.cont_bottom	{
		flex-direction: column;
		max-width: 100%;
		padding: 0 20px;
		gap: 16px;
	}
	.cont_bottom .box	{	width: 100%;}
}

@media screen and (max-width:767px)	{
	.cont_bottom	{
		padding: 0;	margin-top: 16px;
	}
	.cont_bottom .box:nth-child(3)	{
		display: none;
	}
	.cont_bottom .box:nth-child(1)	{
		display: block;
		width: 100%;	height: auto;	padding: 15px 0;
	}
	.cont_bottom .box .cont	{
		overflow: auto;
		height: 100%;
	}
	.cont_bottom .box .title	{
		font-size: 1.4rem;
		border-bottom: unset;
		color: var(--color-point2);
		position: relative;
		height: 40px;
	}
	.cont_bottom .box .more	{
		position: absolute;
		right: 0;	top: 50%;	transform: translate(-8px, -50%);
		display: inline-flex;	align-items: center;	justify-content: center;
		padding: 6px 8px 5px;
		height: auto;
		background-color: var(--color-dark-bg);
		border: 1px solid var(--color-dark-border);	border-radius: 8px;
		line-height: 1;	font-size: 1rem;	font-weight: 500;
	}
	.main_notice	{
		padding: 5px 12px;
	}
	.main_notice a	{
		font-size: 1.2rem;
	}
	.main_notice .import	{
		min-width: 30px;
		font-size: 1.2rem;
	}
	.main_notice .date	{
		width: 70px;
		font-size: 1rem;
	}
	.event_slide	{
		padding: 10px 0 40px;
		margin-top: 5px;
		background: linear-gradient(125deg, #18242c, #262937);
	}
	.event_slide .basic_tab .list_title	{
		position: relative;
		width: 100%;
		color: var(--color-point2);
	}
	.event_slide .basic_tab ul	{
		display: none;
	}
	.event_slide .basic_tab	{
		padding: 0 20px;
	}
	.basic_cont_tab	{
		width: 100%;
		padding: 0 0 0 20px;
	}
	.slide_wrap .add_nav	{
		display: none;
	}
	.event_slide .basic_tab .list_title .event_more	{
		display: inline-block;
		color: #73889f;
		font-size: 1.2rem;	font-weight: 500;
	}
	.cont_bottom .box:nth-child(2)	{
		position: fixed;
		z-index: 100;
		bottom: 70px;
		width: 100%;
		height: 35px;
	}
	.cont_bottom .box:nth-child(2) .cont	{
		overflow: hidden;
		position: relative;
		padding-right: 24px;
		border-top: 1px solid #0000007a;
	}
	.cont_bottom .box:nth-child(2) .title	{
		display: none;
	}
	.realtime	{
		padding: 0 20px;
	}
	.slide_close	{
		display: block;
		position: absolute;
		z-index: 1;
		right: 0;	bottom: 3px;
		width: 35px;	height: 33px;
		color: #fff;
		border: 0;
		font-weight: 600;	font-size: 1.6rem;	line-height: 33px;
	}
}

/* from to */
.transfer_area	{
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: row;	justify-content: space-between;
	margin-bottom: 10px;
}
.transfer_area .mybox	{
	background-color: #333;
	width: calc(100% / 2 - 25px);
	padding-bottom: 15px;
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.transfer_area .mybox .tit	{
	position: relative;
	height: 50px;
	line-height: 50px;
	width: 100%;
	text-align: center;
	border-bottom: 2px solid #222;
	position: relative;
	font-size: 2rem;
	font-weight: 600;
}
.transfer_area .mybox .txt	{
	width: calc(100% - 150px);
	font-size: 1.4rem;
}
.transfer_area .mybox .txt em	{
	color: var(--color-point2);
}
.transfer_area .mybox .img	{
	width: 150px;
}
.transfer_area .mybox .img img	{
	width: 100%;
}
.transfer_area .transfer_arrow	{
	width: 22px;
	height: 36px;
	background: url(../images/icons/transfer_blank.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -18px;
	margin-left: -11px;
}
.transfer_area .mybox .select	{
	width: 100%;
}
.transfer_area .mybox .mbox	{
	width: 100%;
	padding: 0 15px;
}
.transfer_area .mybox .mbox_tit	{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.my_cont	{
	background-color: var(--color-dark-bg2);
	padding: 8px 8px;
	position: relative;
}
.my_cont .myboxTitle	{
	color: #fff;
	font-size: 2rem;
	margin-bottom: 15px;
	padding: 0 18px;
}
.deposit_form	{
	margin-top: 8px;
	padding: 0 8px 8px;
}
.deposit_inp li:not(.money_sel li)	{
	margin-top: 4px;
	position: relative;
}
.deposit_inp li:first-child	{
	margin-top: 0;
}
.input_wrap	{
	position: relative;
	height: 100%;
	background: #2a2b2c;
	border: 1px solid;
	border-color: rgba(20, 20, 20, 0.25);
	padding: 0 20px;
	padding-left: clamp(8px, 2.2vw, 20px);
	padding-right: clamp(8px, 2.2vw, 20px);
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 8px;
	font-size: 1.25rem;
	line-height: 1;
}
.input_wrap .tt	{
	color: var(--color-point2);
	width: 20%;
	font-weight: 500;
}
.input_wrap .moneybox	{
	width: 80%;
	position: relative;
}
.input_wrap #ip_amount,
.input_wrap #ic_amount,
.input_wrap #ie_amount	{	font-weight: bold;}
.input_wrap #ip_amount::placeholder,
.input_wrap #ic_amount::placeholder,
.input_wrap #ie_amount::placeholder	{	font-weight: normal;}
.input_wrap input	{
	display: inline-block;
	background: transparent;
	width: 100%;
	border: 0;
	color: #fff;
	font-size: clamp(12px, 3.75vw, 1.475rem);
	height: 40px;
	line-height: 40px;
	padding: 0;
	cursor: auto;
}
.input_wrap .button	{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: max-content;
	height: auto;
	margin: 0;
	padding: 8px 8px 6px;
	line-height: 1;
	border: 1px solid var(--color-point2);
	color: var(--color-point2);
	font-size: 1.245rem;
	border-radius: 4px;
}
.input_wrap .button:hover	{
	background-color: var(--color-point2);
	color: #222;
}
.input_wrap .button.btnClear	{
	width: 24px;
	height: 24px;
	padding: 0;
	background-color: var(--color-point2);
	color: #222;
	font-size: 1.425rem;
}
.input_wrap .button.toggle-pw	{
	background-color: rgb(68, 72, 73);
	border-color: rgb(83, 90, 92);
	color: #9dc3ce;
}
.input_wrap .button.toggle-pw.active	{
	background-color: transparent;
	border-color: var(--color-point2);
	color: var(--color-point2);
}
.input_wrap .button.btnClear:hover	{
	background-color: #222;
	color: var(--color-point2);
}
.input_wrap .button span	{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	height: 100%;
	width: 100%;
}
.input_wrap .button span>i	{
	line-height: 0;
}
.input_wrap .inp_wrap.flex	{
	display: flex;
}
.money_cal	{	margin: 8px auto;}
.deposit_form li:last-child .money_cal	{	margin-bottom: 0;}
.money_sel	{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 4px;
}
.money_sel li	{
	flex: 1 1 0;
	min-width: max-content;
}
.money_sel a	{
	background: var(--color-slate);
	border-radius: 8px;
	color: #ffffff;
	font-size: 1.5rem;
	height: 40px;
	padding: 0 8px;
	width: 100%;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 4px;
}
.money_sel a:hover	{
	background: #4e5d6c;	
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.money_sel a:active	{
	background: #3a4754;	
	transform: scale(0.97);
}
.money_sel a em	{
	color: var(--color-point2);
}
.money_sel.col_6 li	{
	width: calc(100% / 6 - 6px);
}
.real_time_rate	{
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	padding: 15px 0 10px;
}
.gameSel	{
	display: flex;
	flex-direction: row;
}
.gameSel .input_wrap	{
	width: calc(100% / 2 - 10px);
	margin: 0 5px;
}
.gameSel .input_wrap .form.select	{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.gameSel .input_wrap .form.select .form_title	{
	width: 100px;
	color: var(--color-point2);
}
.gameSel .input_wrap .form.select .select_basic	{
	width: calc(100% - 100px);
}
.gameSel.row_1 .input_wrap	{
	width: 100%;
}
.gameSel.row_1 .input_wrap .form.select	{
	width: 100%;
}
.account_btns	{
	display: flex;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.account_btns .btn	{
	min-height: clamp(38px, 2.75vw, 48px);
	font-size: clamp(13px, 1.6vw, 16px);
}
.moneybox .input_wrap	{
	padding-left: 0;
}
.border_divide	{
	border-top: 10px solid #222;
}
.deposit_form.border_divide	{
	padding-top: 20px;
	width: calc(100% + 16px);
	margin-left: -8px;
	margin-top: 10px;
}
.rolling_status	{
	width: 100%;
	position: relative;
	background: #333;
	margin-bottom: 10px;
}
.rolling_status .rolling_main_title	{
	color: #bfbfbf;
	text-align: left;
	font-weight: 600;
	font-size: 1.8rem;
	padding: 18px;
	min-height: 27px;
	display: flex;
	justify-content: space-between;
}
.rolling_status .rolling_main_title .title_part	{
	width: 33.333%;
}
.title_select	{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.withdraw_txt	{
	text-align: center;
	font-size: 1.4rem;
	margin-bottom: 10px;
}
.withdraw_txt p,
.withdraw_txt p span	{
	color: #CCC;
}
.withdraw_txt em	{
	font-size: 2rem;
	color: var(--color-point2);
	font-weight: 600;
}
.info_box	{
	background-color: #333;
	padding: 30px 18px;
	margin-top: 5px;
}
.info_title	{
	font-size: 2rem;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 15px;
}
.info_content p	{
	font-size: 1.2rem;
	color: #888;
	width: 100%;
	line-height: 23px;
}
.btn_change	{
	position: absolute;
	top: 10px;
	right: 20px;
	display: inline-block;
	width: 35px;
	height: 30px;
	background: url(../images/icons/exchange.png) no-repeat;
}
.form.select	{
	text-align: left;
	width: 100%;
}
.form.select .select_box	{
	display: inline-block;
	position: relative;
	width: 100%;
	height: 40px;
	border: 1px solid #2a2b2c;
	background-color: #2a2b2c;
}
.form.select .select_box label	{
	position: absolute;
	font-size: 1.6rem;
	top: 0;
	left: 0;
	color: #fff;
	line-height: 38px;
}
.form.select .select_box:after	{
	content: '';
	display: inline-block;
	position: absolute;
	right: 0;
	top: 12px;
	margin-left: 8px;
	width: 0;
	height: 0;
	border-style: solid;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	vertical-align: top;
}
.form.select .select_box .select	{
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: #40474f;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 1.6rem;
}
.form.select .select_box label.on	{	color: #fff;}
.main_color	{	color: var(--color-point2) !important;}

/* login */
.join_area header	{
	border: 1px solid #333;
	background-color: #222;
}
.join_area header .header_wrap	{
	justify-content: center;
}
.join_area header.fix_top	{
	box-shadow: 0 1px 10px #000;
}
.join_area section	{
	padding: 90px 0 60px;
	background-color: transparent;
}
.join_area .section	{
	padding: 100px 0 0;
}
.login_wrap	{
	position: relative;
}
.login_wrap .anniversary	{
	margin: 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.login_wrap .title	{
	position: relative;
	text-align: center;
	color: #ccc;
	font-size: 2rem;
	margin-bottom: 30px;
	font-weight: 600;
}
.icon_mem	{
	display: block;
	text-align: center;
	position: absolute;
	top: -28px;
	left: 50%;
	margin-left: -27px;
}
.icon_mem img	{
	display: inline-block;
	width: 56px;
	height: 56px;
}
.loginbox	{
	position: relative;
	max-width: 360px;
	margin: 0 auto;
	padding: 45px 30px 20px;
	box-shadow: 1px 5px 10px #0c0c0c;
	background-color: #222;
	border-radius: 10px;
}
.loginbox .inp_login	{
	width: 100%;
}
.loginbox .inp_login>li	{
	position: relative;
	border: 1px solid #444;
	border-radius: 10px;
	overflow: hidden;
}
.loginbox .inp_login>li>input	{
	width: 100%;
	border: 0;
	padding: 0 50px;
	background: 0 0;
	height: 48px;
	line-height: 48px;
	color: #fff;
	font-size: 1.4rem;
	background-color: #171717;
	box-shadow: -1px 3px 5px 1px #000 inset;
	border-radius: 10px;
}
.loginbox .inp_login>li.pw	{
	margin-top: 10px;
}
.loginbox .inp_login>li::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 8px;
	transform: translate(0, -50%);
	width: 28px;
	height: 28px;
}
.loginbox .inp_login>li.id::after	{	background-image: url(../images/icons/ico_login_id.svg);}
.loginbox .inp_login>li.pw::after	{	background-image: url(../images/icons/ico_login_pw.svg);}
.loginbox .err_msg	{
	position: relative;
	color: rgb(223, 34, 34);
	margin: 5px 0 0;
	display: none;
}
.err_ico	{
	position: absolute;
	right: 10px;
	top: 14px;
	width: 20px;
	height: 20px;
	display: none;
	background: url(../images/icons/ico_err.png) 0 0 no-repeat;
}
.err_ico.show	{
	display: block;
}
.loginbox .btn_telegram	{
	display: block;
	width: 100%;
	height: 54px;
	line-height: 54px;
	background: #1e96c8;
	border-radius: 10px;
	font-size: clamp(15px, 2vw, 18px);
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px;
}
.loginbox .deviderOr	{
	margin: 30px auto 10px;
	position: relative;
}
.loginbox .deviderOr:before	{
	position: relative;
	content: '';
	display: block;
	background: #555;
	width: 100%;
	height: 1px;
	left: 0;
	top: 13px;
}
.loginbox .deviderOr div	{
	position: relative;
	display: inline-block;
	color: #888;
	font-size: clamp(14px, 2vw, 16px);
	background: var(--color-bg-body);
	z-index: 10;
	padding: 0 15px;
}
.loginbox .bot_btn	{
	margin-top: 30px;
	text-align: center;
}
.loginbox .bot_btn .bt_login,
.loginbox .bot_btn .bt_join	{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 10px;
	font-size: clamp(15px, 2vw, 18px);
	font-weight: 600;
	color: #222;
}
.loginbox .bot_btn .bt_login	{
	background: var(--color-point2);
}
.loginbox .bot_btn .bt_join	{
	background-color: #063246;
	color: var(--color-point2);
	border: 1px solid var(--color-point2);
	margin-top: 16px;
}
.loginbox .cs_box	{
	width: calc(100% + 60px);
	padding: 30px 0;
	margin: 30px -30px -20px;
	background: #1c1c1c;
	border-radius: 0 0 10px 10px;
}
.loginbox .cs_box ul	{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.loginbox .cs_box p	{
	font-size: 1.6rem;
	color: #888;
	text-align: center;
	margin-bottom: 20px;
}
.loginbox .cs_box li:nth-child(1)	{
	display: none;
	margin-right: 20px;
}
.loginbox .cs_box img	{
	width: 58px;
	height: 58px;
}
.join_area .sub_header	{
	display: none;
}
.btn_chat	{
	margin: 20px;
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	width: 58px;
	height: 58px;
	background-image: url(../images/icons/m_chat.png);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 100%;
}
.guidance	{
	font-size: clamp(11px, 1.3vw, 13px);
	font-weight: normal;
	color: var(--color-point-yellow);
}
.join_wrap .guidance	{
	margin-top: 2rem;
	width: 100%;
	padding: 0 5%;
	word-break: keep-all;
}

@media screen and (max-width:1190px)	{
	.mypageLayer	{
		width: 100%;
		letter-spacing: -1px;
		min-height: 100%;
	}
	.mypageLayer .layer_content	{
		padding: 40px 20px 10px;
	}
	.main_side_modal	{
		flex-direction: column;
	}
	.menu_tab	{
		width: 100%;
	}
	.menu_tab ul	{
		flex-direction: row;
	}
	.menu_tab li	{
		width: calc(100% / 3);
		height: 40px;
	}
	.menu_tab li button	{
		font-size: 1.3rem;
	}
	.menu_tab li img	{
		width: 20px;
		height: 20px;
	}
	.mypageLayer .cont_tab	{
		width: 100%;
		padding: 10px 0 0;
	}
	.mypageLayer .transfer_area .mybox	{
		padding: 0;
		width: calc(100% / 2 - 14px);
	}
	.mypageLayer .transfer_area .mybox .mbox	{
		padding: 10px;
	}
	.mypageLayer .transfer_area .mybox .tit	{
		font-size: 1.4rem;
		height: 30px;
		line-height: 30px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	}
	.mypageLayer .transfer_area .mybox .mbox_tit	{
		margin-bottom: 5px;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.mypageLayer .transfer_area .mybox .txt	{
		width: 100%;
		font-size: 1.2rem;
	}
	.mypageLayer .transfer_area .mybox .img	{
		width: 80px;
	}
	.mypageLayer .transfer_area .transfer_arrow	{
		width: 14px;
		height: 24px;
		background-size: cover;
		margin-left: -8px;
	}
	.mypageLayer .my_cont	{
		padding: 10px 0 0;
	}
	.mypageLayer .my_cont .myboxTitle	{
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
	.mypageLayer .deposit_form	{
		margin-top: 10px;
	}
	.mypageLayer .input_wrap .tt	{
		width: 30%;
	}
	.mypageLayer .input_wrap .moneybox	{
		width: 70%;
	}
	.mypageLayer .money_sel a	{
		font-size: 1.3rem;
		height: 30px;
		line-height: 30px;
	}
	.mypageLayer .input_wrap	{
		line-height: 35px;
	}
	.mypageLayer .input_wrap .button	{
		width: 70px;
		top: 5px;
		height: 24px;
		line-height: 22px;
	}
	.mypageLayer .input_wrap input	{
		font-size: 1.4rem;
		height: 35px;
		line-height: 35px;
	}
	.mypageLayer .gameSel	{
		flex-direction: column;
	}
	.mypageLayer .gameSel .input_wrap	{
		width: 100%;
	}
	.mypageLayer .gameSel .input_wrap+.input_wrap	{
		margin-top: 10px;
	}
	.mypageLayer .gameSel .input_wrap .form.select .form_title	{
		width: 80px;
		font-size: 1.2rem;
		line-height: 35px;
	}
	.mypageLayer .gameSel .input_wrap .form.select .select_basic	{
		width: calc(100% - 80px);
	}
	.mypageLayer .form.select .select_box label	{
		font-size: 1.2rem;
		line-height: 33px;
	}
	.mypageLayer .form.select .select_box .select	{
		font-size: 1.2rem;
		height: 35px;
		line-height: 35px;
	}
	.mypageLayer .form.select .select_box:after	{
		top: 10px;
	}
	.mypageLayer .form.select .select_box	{
		height: 35px;
	}
	.mypageLayer .account_btns	{
		margin: 10px 0;
	}
	.mypageLayer .account_btns a.bt_enter	{
		font-size: 1.4rem;
		height: 40px;
		line-height: 36px;
	}
	.mypageLayer .real_time_rate	{
		padding: 10px 0 5px;
	}
	.mypageLayer .my_cont .title_select	{
		padding: 0 10px;
	}
	.mypageLayer .my_cont .title_select .myboxTitle	{
		margin-bottom: 0;
		line-height: 35px;
		padding-left: 0;
	}
	.mypageLayer .rolling_status	{
		margin-bottom: 0;
	}
	.mypageLayer .rolling_status .rolling_main_title	{
		flex-wrap: wrap;
		font-size: 1.3rem;
		padding: 10px;
		min-height: 24px;
	}
	.mypageLayer .rolling_status .rolling_main_title .title_part	{
		width: 100%;
	}
	.mypageLayer .btn_change	{
		top: 5px;
		right: 10px;
		height: 20px;
		width: 25px;
		background-size: cover;
	}
}

@media screen and (max-width:767px)	{
	.popup_box .close	{
		top: 6px;
		right: 6px;
		width: 32px;
		height: 32px;
		background-size: 80% 80%;
	}
	.loginbox	{
		max-width: 100%;
		box-shadow: none;
	}
	.login_wrap .anniversary	{
		display: none;
	}
	.join_area section	{
		padding: 60px 0;
	}
	.join_area .section	{
		padding: 0;
	}
	.loginbox	{
		padding: 100px 40px 2000px;
	}
	.join_area .header_wrap	{
		padding: 0 15px;
	}
	.join_area .icon_mem	{
		display: none;
	}
	.loginbox .deviderOr	{
		margin: 20px auto 20px;
	}
	.loginbox .cs_box	{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: 0;
		border-radius: 0;
	}
	.loginbox .cs_box li:nth-child(1)	{
		display: block;
	}
	.join_area .login_wrap .title	{
		display: none;
	}
	.join_area .header	{
		display: none;
	}
	.join_area .sub_header	{
		display: block;
		background-color: #000;
		height: 60px;
		position: relative;
		text-align: center;
	}
	.join_area .sub_header h1	{
		font-size: 2rem;
		color: #fff;
		line-height: 60px;
		font-weight: 600;
	}
	.btn_prev	{
		position: absolute;
		left: 10px;
		top: 0;
		width: 40px;
		height: 60px;
		text-align: center;
	}
	.btn_prev img	{
		width: 25px;
		height: 25px;
		display: inline-block;
	}
	.btn_chat	{
		display: none;
	}
	.join_area .btn_chat_wrap	{
		display: none;
	}
	.transfer_area .mybox	{
		padding: 0;
		width: calc(100% / 2 - 14px);
	}
	.transfer_area .mybox .mbox	{
		padding: 10px;
	}
	.transfer_area .mybox .tit	{
		font-size: 1.4rem;
		height: 30px;
		line-height: 30px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	}
	.transfer_area .mybox .mbox_tit	{
		margin-bottom: 5px;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.transfer_area .mybox .txt	{
		width: 100%;
		font-size: 1.2rem;
	}
	.transfer_area .mybox .img	{
		width: 80px;
	}
	.transfer_area .transfer_arrow	{
		width: 14px;
		height: 24px;
		background-size: cover;
		margin-left: -8px;
	}
	.myAccountTab .gameSel	{
		flex-direction: column;
	}
	.myAccountTab .gameSel .input_wrap	{
		margin-bottom: 10px;
	}
	.myAccountTab .gameSel.row_1	{
		margin-top: 0;
	}
}

/* join */
.join_wrap	{
	max-width: 800px;
	margin: 0 auto;
}
.join_title	{
	display: block;
	font-size: 3rem;
	text-align: center;
	margin-bottom: 50px;
}
.join_tt	{
	text-align: left;
	width: 70%;
	margin: 20px auto 0;
	font-weight: 600;
	font-size: 2rem;
	color: var(--color-point2);
	height: auto;
}
.join_tt.private	{
	color: #008be4;
}
.join_index	{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
}
.normal_join	{
	border: 4px solid #404040;
	display: block;
	width: 40%;
	height: 400px;
}
.join_desc	{
	text-align: left;
	width: 70%;
	color: #fff;
	margin: 10px auto 0;
	font-size: 1.4rem;
	line-height: 1.8;
}
.private_join	{
	border: 4px solid #404040;
	display: block;
	width: 40%;
	height: 400px;
}
.join_index_normal_btn	{
	width: 100%;
	height: 44px;
	font-weight: 600;
	background: var(--color-point2);
	border: 0;
	color: #222;
	border-radius: 0;
	font-size: 1.5rem;
	position: relative;
}
.normal_join_img	{
	text-align: center;
	padding: 10px 0;
}
.normal_join_img img	{
	width: 120px;
	height: 120px;
}
.normal_join_btm_btn	{
	width: 70%;
	height: 76px;
	background: var(--color-point2);
	font-size: 2.5rem;
	border: 1px solid var(--color-point2);
	color: #222;
	margin: 20px auto;
	display: block;
	font-weight: 600;
}
.normal_join_btm_btn:hover	{
	background: 0 0;
	color: var(--color-point2);
}
.private_join_btm_btn	{
	width: 70%;
	height: 76px;
	background: #008be4;
	font-size: 2.5rem;
	border: 1px solid #008be4;
	color: #fff;
	margin: 20px auto;
	display: block;
	font-weight: 600;
}
.private_join_btm_btn:hover	{
	background: 0 0;
	color: #008be4;
}
.ani_event	{
	margin-top: 50px;
	position: relative;
}
.ani_event a	{
	display: block;
	width: 100%;
}
.ani_event img	{
	width: 100%;
	object-fit: cover;
}
.input_list_wrap	{
	background-color: #333333;
	padding: 12px 12px;
	position: relative;
	border-radius: 12px;
	gap: 8px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}
.input_list_wrap .input_wrap	{
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: space-between;
	height: 100%;
	width: 100%;
	gap: 8px;
	padding: 0 8px 0 20px;
	background-color: #2a2b2c;
}
.input_list_wrap .input_wrap .tt	{
	min-width: fit-content;
}
.input_list_wrap .input_wrap .inp_wrap	{
	position: relative;
	width: 100%;
}
.input_list_wrap .input_wrap .inp_wrap input	{
	width: 100%;
}
.join_wrap .input_list_wrap .input_wrap .inp_wrap input	{
	height: 56px;
	line-height: 1;
}

@media screen and (max-width:1190px)	{
	.join_wrap	{
		max-width: 100%;
	}
	.normal_join,
	.private_join	{
		height: 350px;
	}
	.normal_join_img img	{
		width: 80px;
		height: 80px;
	}
	.normal_join,
	.private_join	{
		width: 45%;
	}
	.join_desc,
	.join_tt	{
		width: 80%;
	}
	.private_join_btm_btn,
	.normal_join_btm_btn	{
		width: 80%;
		font-size: 1.8rem;
		height: 60px;
	}
	.ani_event	{
		margin: 0 auto;
		width: 90%;
		padding-bottom: 28.125%;
	}
	.ani_event img	{
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
	}
}

@media screen and (max-width:767px)	{
	.join_wrap	{
		padding: 30px 0;
	}
	.join_title	{
		display: none;
	}
	.join_index	{
		flex-direction: column;
	}
	.normal_join,
	.private_join	{
		width: 90%;
		margin-bottom: 20px;
	}
	.normal_join,
	.private_join	{
		height: auto;
	}
	.private_join_btm_btn,
	.normal_join_btm_btn	{
		width: 80%;
		font-size: 1.6rem;
		height: 50px;
	}
	.join_tt	{
		font-size: 1.6rem;
	}
	.join_desc	{
		font-size: 1.3rem;
		line-height: 1.6;
	}
	.normal_join_img	{
		padding: 20px 0 0;
	}
	.normal_join_img img	{
		width: 50px;
		height: 50px;
	}
	.join_desc, .join_tt	{
		width: 90%;
	}
}
@media screen and (max-width:576px)	{
	.input_list_wrap	{
		padding: 10px 8px;
		border-radius: 0;
		gap: 6px;
	}
	.input_list_wrap .input_wrap	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 0;
		padding: 10px 4px 4px;
	}
	.input_list_wrap .input_wrap .tt	{
		margin-left: 8px;
		margin-bottom: 6px;
		width: 100%;
	}
	.input_list_wrap .input_wrap .inp_wrap input,
	.input_list_wrap .input_wrap .form.select 	{
		width: 100%;
		background: rgba(170, 180, 180, 0.1);
		border-radius: 4px;
		padding: 0 8px;
		height: 36px;
		line-height: 1;
	}
	.join_wrap .input_list_wrap .input_wrap .inp_wrap input	{	height: 36px;}
	.input_list_wrap .input_wrap .form.select .select_box	{	background: transparent !important;}

}

/*	마이 페이지 */
.mypage_cont	{
	width: var(--layout-maxwidth);
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 40px 0;
}
.mypage_cont .lnb_wrap	{
	width: 200px;
	border-radius: 12px;
	overflow: auto;
}
.mypage_cont .lnb_wrap .top	{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	height: 160px;
	background: #44494c;
}
.mypage_cont .lnb_wrap .top i	{
	display: block;
	width: 48px;
	height: 48px;
}
.mypage_cont .lnb_wrap .top a	{
	display: inline-block;
	font-size: 2rem;
}
.mypage_cont .lnb_wrap .lnb li	{
	position: relative;
	background: #292929;
	border-top: 1px solid #1d1d1d;
}
.mypage_cont .lnb_wrap .lnb li a	{
	position: relative;
	display: block;
	width: 200px;
	height: 54px;
	padding: 0 0 0 14px;
	line-height: 54px;
	color: #aaa;
	font-size: 1.6rem;
	border-left: 4px solid #292929;
}
.mypage_cont .lnb_wrap .lnb li a:before,
.mypage_cont .lnb_wrap .lnb>li>a:after	{
	content: '';
	position: absolute;
	top: 18px;
	right: 22px;
	width: 2px;
	height: 17px;
	background: #444;
}
.mypage_cont .lnb_wrap .lnb>li>a:after	{	transform: rotate(90deg);}
.mypage_cont .lnb_wrap .lnb li:hover a:before	{	background: var(--color-point2);}
.mypage_cont .lnb_wrap .lnb li:hover a:after	{	background: var(--color-point2);}
.mypage_cont .lnb_wrap .lnb li a:hover	{
	border-left: 4px solid var(--color-point2);
	color: #e1e1e1;
	font-weight: 600;
}
.mypage_cont .lnb_wrap .lnb li span	{
	display: none;
	position: absolute;
	right: 22px;
	top: 17px;
	width: 13px;
	height: 13px;
	font-size: 0;
	cursor: pointer;
	z-index: 10;
}
.mypage_cont .lnb_wrap .lnb li span:before	{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 17px;
	background: var(--color-point2);
	transform: rotate(135deg);
}
.mypage_cont .lnb_wrap .lnb li span:after	{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 17px;
	background: var(--color-point2);
	transform: rotate(45deg);
}
.mypage_cont .lnb_wrap .lnb li.on>a	{
	border-left: 4px solid var(--color-point2);
	color: #e1e1e1;
	background-position: 165px -100px;
	font-weight: 600;
}
.mypage_cont .lnb_wrap .lnb li.on>a:before,
.mypage_cont .lnb_wrap .lnb li.on>a:after	{
	background: 0 0;
}
.mypage_cont .lnb_wrap .lnb li.on>span	{
	display: block;
}
.mypage_cont .lnb_wrap .lnb li.no_bg>a:before,
.mypage_cont .lnb_wrap .lnb li.no_bg>a:after	{
	background: 0 0;
}
.mypage_cont .lnb_wrap .lnb li .dep2	{
	position: relative;
	top: 0;
	display: none;
	background: #1a1a1a;
}
.mypage_cont .lnb_wrap .lnb li .dep2 ul li a	{
	display: block;
	position: relative;
	width: 200px;
	height: 44px;
	padding: 0 0 0 40px;
	line-height: 46px;
	font-size: 1.3rem;
	color: #777;
}
.mypage_cont .lnb_wrap .lnb li .dep2 ul li a:before	{
	content: '';
	position: absolute;
	top: 20px;
	left: 26px;
	background: #2a2a2a;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}
.mypage_cont .lnb_wrap .lnb li .dep2 ul li:hover a	{
	color: #e1e1e1;
}
.mypage_cont .lnb_wrap .lnb li .dep2 ul li:hover a:before	{
	background: var(--color-point2);
}
.mypage_cont .lnb_wrap .lnb li .dep2 ul li a.on	{
	color: #e1e1e1;
}
.mypage_cont .lnb_wrap .lnb li .dep2 ul li a.on:before	{
	background: var(--color-point2);
}




/* 마이페이지 컨텐츠 */
.mypage_cont .greeting.mypagebox	{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px;
}
.mypage_cont .greeting.mypagebox .usernm	{
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 12px 8px 8px;
	font-size: clamp(16px, 2.2vw, 22px);
}
.mypage_cont .mypagebox .infobox	{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	gap: clamp(8px, 1.2vw, 12px);
}
.mypage_cont .mypagebox .infobox .flexbox	{
	position: relative;
	display: flex;
	gap: 8px;
	padding: clamp(12px, 2.4vw, 24px);
	background: var(--color-bg-body);
	border-radius: 8px;
	flex: 1 1 0;
	flex-direction: column;
}
.mypage_cont .mypagebox .infobox .flexbox .btn	{
	flex: 1 1 0;
	font-size: clamp(13px, 1.6vw, 16px);
	min-height: 38px;
	text-align: center;
}
.mypage_cont .mypagebox .infobox .flexbox.btnlistset	{
	flex: none;
	flex-direction: row;
}
.mypage_cont .mypagebox .infobox .flexbox.btnlistset .btn	{
	text-align: center;
	line-height: 1.25;
	min-height: 56px;
}
.mypage_cont .mypagebox .infobox dl	{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.mypage_cont .mypagebox .infobox dl>dt	{
	font-size: clamp(12px, 1.6vw, 16px);
	font-weight: normal;
}
.mypage_cont .mypagebox .infobox dl>dd	{
	font-size: clamp(14px, 1.8vw, 18px);
	display: inline-flex;
	gap: 5px;
}
.mypage_cont .mypagebox .infobox .btnwrap	{
	display: inline-flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.mypage_cont .mypagebox .infobox dl + .btnwrap	{
	margin-top: 10px;
}
.mypage_cont .contents	{
	width: calc(100% - 200px);
	padding-left: 10px;
}
.mypage_cont .greeting	{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 8px;
	column-gap: 16px;
	padding: 24px;
	margin: 0 auto 10px;
	border-radius: 12px;
	background: #4a4f53;
	font-size: clamp(16px, 2.5vw, 24px);
	line-height: 1;
	font-weight: 500;
}
.mypage_cont .infobox	{
	overflow: hidden;
	display: flex;
	flex-direction: row;
}
.mypage_cont .contents .greeting em	{
	font-weight: 600;
}
.mypage_cont .greeting>em	{
	color: var(--color-point2);
	font-weight: normal !important;
	font-size: clamp(11px, 1.5vw, 14px);
}
.moneyText	{
	color: var(--color-point-yellow);
}
.pointText	{
	color: var(--color-point2);
}
.useridText	{
	color: var(--color-primary06);
}
.userNickText	{
	color: var(--color-primary02);
}
.mypage_cont .mybox	{
	position: relative;
	padding: 12px 12px;
	background: var(--color-dark-bg2);
	border-radius: 12px;
}
.mypage_cont .mybox .alarm	{
	display: none !important;
	position: absolute;
	top: 15px;
	right: 19px;
	display: block;
	width: 32px;
	height: 37px;
	background: url(../images/icons/header_ico_alrim.png) 0 0 no-repeat;
	background-size: 32px;
}
.mypage_cont .mybox .alarm .noticeCount	{
	position: absolute;
	top: -8px;
	right: -10px;
	display: block;
	min-width: 24px;
	height: 24px;
	background: var(--color-point2);
	border-radius: 12px;
	text-align: center;
	color: #222;
	font-size: 1.4rem;
	line-height: 24px;
}
.mypage_cont .mybox .m_info	{
	overflow: hidden;
	margin-top: 1px;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.4);
	border-radius: 7px;
}
.mypage_cont .mybox .m_info li	{
	float: left;
	height: 54px;
	width: 130px;
}
.mypage_cont .mybox .m_info li:first-child	{
	width: 133px;
	border-right: 1px solid rgba(0, 0, 0, 0.4);
}
.mypage_cont .mybox .m_info li a	{
	display: block;
}
.mypage_cont .mybox .m_info li span	{
	display: block;
	padding: 0 0 0 12px;
	height: 24px;
	line-height: 24px;
	color: #aaa;
	font-size: 1.2rem;
}
.mypage_cont .mybox .m_info li p	{
	display: block;
	padding: 0 0 0 12px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 1.4rem;
}
.mypage_cont .mybox .friend	{
	text-align: center;
	padding-top: 7px;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 600;
}
.mypage_cont .mybox .friend em	{
	color: var(--color-point2);
	font-size: 3rem;
	font-weight: 600;
	line-height: 1;
}
.mypage_cont .mybox .coupon	{
	text-align: center;
	padding: 32px 0 98px;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 600;
	background: url(../images/mypage/coupon.png) 50% bottom no-repeat;
}
.mypage_cont .mybox .coupon em	{
	color: var(--color-point2);
	font-size: 3rem;
	font-weight: 600;
}
.levelbox	{
	margin: 12px 0 0;
}
.levelbox .btn_check_progress	{
	margin: 0 0 0 10px;
	display: inline-block;
	width: 100px;
	height: 30px;
	border: 1px solid var(--color-point2);
	border-radius: 7px;
	background: var(--color-point2);
	text-align: center;
	color: #000;
	font-size: 1.4rem;
	line-height: 28px;
}
.levelbox .btn_check_progress:hover	{
	border: 1px solid var(--color-point2);
	color: var(--color-point2);
	background: #333;
}
.levelbox .lvl_img	{
	width: 25px;
	height: 25px;
	vertical-align: sub;
}
.levelbox .currentLevel	{
	color: #4aff4a;
}
.levelbox .nextLevel	{
	color: #c4c5c5;
}
.cont_title	{
	position: relative;
	color: #a9a9a9;
	font-weight: 600;
	font-size: 1.6rem;
	text-align: center;
	margin: 30px 0 0;
	text-decoration: underline;
	text-underline-offset: 8px;
}
.progress_wrap	{
	display: flex;
	justify-content: space-around;
	margin: 50px 0 30px;
}
.progress	{
	background-color: #fff;
	border-radius: 7px;
	width: 320px;
	height: 40px;
	padding: 10px;
	position: relative;
}
.progress.point	{
	background-color: var(--color-point2);
}
.progress h2	{
	position: absolute;
	top: -25px;
	left: 0;
	color: #fff;
	font-size: 1.4rem;
}
.progress p	{
	position: absolute;
	left: 20px;
	color: #000;
	top: 50%;
	font-size: 1.4rem;
	margin-top: -10px;
}
.progress h5	{
	position: absolute;
	right: 20px;
	color: #000;
	top: 50%;
	margin-top: -10px;
	font-size: 1.4rem;
	font-weight: 600;
}
.progress h5 em	{
	font-weight: 600;
}
.progress span	{
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 7px;
	height: 100%;
	background-color: var(--color-point2);
	display: block;
}

/* 계좌정보 */
.greeting2	{
	position: relative;
	text-align: left;
	background: #44494c;
	margin: 0 auto 10px;
	padding: 18px 24px;
	border-radius: 12px;
	display: flex;
	align-items: center;
}
.greeting2 h3	{
	display: inline-block;
	padding: 3px 24px 0 0;
	color: #fff;
	line-height: 1;
	font-size: 3rem;
	font-family: var(--font-ff-body);
	font-weight: 600;
}
.greeting2 p	{
	font-size: 1.375rem;
	color: #fff;
	line-height: 1.25;
	font-weight: 500;
	display: inline-block;
}
.greeting2 p em	{
	color: var(--color-point2);
	font-weight: inherit;
}
.greeting2.withBtn		{	justify-content: space-between;}
.greeting2.withBtn>div	{	display: inherit;	align-items: inherit;}
.greeting2.withBtn>.btn	{	font-size: clamp(14px, 1.22vw, 16px);	padding-top: 12px;	padding-bottom: 12px;}

.myAccountTab	{	width: 100%;}
.myAccountTab .myAccountTabUl	{	overflow: hidden;}
.myAccountTab .myAccountTabUl .btn_tab	{
	background: var(--color-bg-body);
	border: 2px solid #333;
	border-bottom: 0;
	border-radius: 12px 12px 0 0;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 2rem;
	line-height: 1.2;
	margin-right: 5px;
	padding: 10px 30px;
}
.myAccountTab .myAccountTabUl .btn_tab.on,
.myAccountTab .myAccountTabUl .btn_tab.active	{
	background: #333;
}
.mypage_cont .mybox.tab	{
	border-radius: 0 12px 12px 12px;
}
.account_info .account_regist	{
	display: flex;
	justify-content: space-between;
}
.account_info .account_regist_table	{
	padding: 20px 0 0 0;
}
.account_info .account_regist_table table	{
	width: 100%;
	background: 0 0;
	table-layout: fixed;
}
.account_info .account_regist_table table tr th	{
	width: 15%;
	color: #fff;
	height: 30px;
	background: 0 0;
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
}
.account_info .account_regist_table table tr td	{
	border-bottom: 1px solid #555;
}
.account_info .account_regist_table table tbody	{
	background: #333;
}
.account_info .account_regist .reset	{
	margin-top: 7px;
	float: right;
	display: none;
	background: var(--color-bg-body);
	color: var(--color-point2);
	border: 1px solid var(--color-point2);
	border-radius: 5px;
	width: 80px;
	height: 26px;
	text-align: center;
	cursor: pointer;
}
.account_info .account_radio	{
	appearance: none;
	background: var(--color-point2);
	width: 8px;
	height: 8px;
	border-radius: 999px;
}
.account_info.coin input	{
	width: 70%;
}
.account_info .account_regist_table	{
	padding: 20px 0 0 0;
}
.account_info .account_regist_table table	{
	width: 100%;
	background: 0 0;
}
.account_info .account_regist_table table tr th	{
	width: 15%;
	color: #fff;
	height: 30px;
	background: 0 0;
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	font-size: 1.3rem;
	vertical-align: middle;
}
.account_info .account_regist_table table tr td	{
	border-bottom: 1px solid #555;
	font-size: 1.3rem;
	vertical-align: middle;
	height: 30px;
	text-align: center;
}
.account_info .account_regist_table table tbody	{
	background: #333;
}
.account_info .info_box	{
	width: 100%;
	padding: 10px;
	margin: 0;
}
.account_info .info01	{
	width: 100%;
	margin-right: 16px;
	margin-top: 10px;
}
.deposit_wrap	{
	position: relative;
}
.deposit_wrap .deposit_inp li.gameSel	{
	display: flex;
	width: 100%;
	background: none;
	height: 40px;
	flex-direction: row;
	padding: 0;
}

.formbox-tit	{
	position: relative;
	display: flex;
	gap: 8px;
	padding: clamp(12px, 2.4vw, 24px);
	padding-bottom: clamp(4px, 1vw, 8px);
	border-radius: 8px;
	flex-direction: row;
	font-size: clamp(14px, 1.8vw, 20px);
	align-items: center;
	flex-wrap: wrap;
}
.formbox-tit .tit	{
	flex: 1 1 0;
	min-width: max-content;
	height: 100%;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.formbox-tit .tit em	{
	font-size: clamp(12px, 1.4vw, 14px);
	font-weight: normal;
	font-family: var(--font-ff-body);
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.formbox-tit .comp_txt	{
	flex: 1 1 0;
	font-size: clamp(13px, 1.6vw, 16px);
	background: var(--tb-color-border-td);
	border-radius: 8px;
	padding: clamp(8px, 1.6vw, 16px);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: max-content;
}

.deposit_wrap .deposit_form	{
	margin-top: 20px;
	padding: 0 10px 10px;
}
.deposit_wrap .deposit_inp li	{
	margin-top: 10px;
	position: relative;
	height: 40px;
}
.deposit_wrap .deposit_inp li:first-child	{
	margin-top: 0;
}
.deposit_wrap .deposit_inp li .input_wrap	{
	height: 100%;
	background: #2a2b2c;
	padding: 0 15px;
	display: flex;
	border-radius: 10px;
}
.deposit_wrap .deposit_inp li .title	{
	color: var(--color-point2);
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 18px;
	min-width: 120px;
}
.deposit_wrap .deposit_inp li .title em	{
	color: #aaa;
	font-weight: 600;
}
.deposit_wrap .moneybox	{
	width: 100%;
}
.deposit_wrap .moneybox .top .inp_wrap	{
	background: #2a2b2c;
	border-radius: 8px;
	height: 40px;
	padding: 5px 0 5px 20px;
	position: relative;
}
.deposit_wrap .moneybox .top .inp_wrap input	{
	background: 0 0;
	border: none;
	color: #fff;
	font-size: 1.8rem;
	height: 30px;
	width: 100%;
}
.my_page .info_box	{
	background: 0 0;
	padding: 0;
	margin-top: 50px;
	position: relative;
	overflow: hidden;
}
.my_page .info_box .info_title	{
	margin-bottom: 15px;
}
.my_page .info_box .info_title span	{
	font-size: 2rem;
	font-weight: 600;
	color: #fff;
	height: 24px;
	display: inline-block;
}
.my_page .info_box .info_content p	{
	font-size: 1.2rem;
	color: #ccc;
	width: 100%;
	line-height: 23px;
}
.my_page .rolling_status	{
	border-radius: 10px;
}
.withdraw_txt	{
	color: #777;
	font-size: 1.4rem;
	text-align: center;
	width: 100%;
	background: transparent;
}
.withdraw_txt em	{
	color: var(--color-point2);
	font-weight: 600;
	font-size: 2rem;
}

/* .deposit_wrap .moneybox{margin-top:9px} */
.deposit_wrap .moneybox .money_sel li a	{
	background: #555;
	border-radius: 5px;
	box-sizing: border-box;
	color: #cbcbcb;
	display: block;
	font-size: 1.6rem;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 100%;
}
.deposit_wrap .moneybox .money_sel li a em	{
	color: var(--color-point2);
}
.deposit_wrap .moneybox .money_sel li a:hover	{
	background: var(--color-bg-body);
	color: #fff;
}
.mypage_guide_steps	{
	display: flex;
	justify-content: start;
	font-size: 1.3rem;
}
.mypage_guide_steps .steps	{
	display: flex;
	width: 100%;
	flex-direction: column;
}
.mypage_guide_steps .steps .step-title	{
	background: rgba(140, 160, 180, 0.1);
	color: var(--color-point2);
	position: relative;
	width: 100%;
	padding: 12px 0;
	text-align: center;
	font-weight: 600;
	border-radius: 8px;
	font-size: 1.6rem;
}
.mypage_guide_steps .steps:last-child .step-title:before,
.mypage_guide_steps .steps:last-child .step-title:after	{
	display: none;
}
.mypage_guide_steps .steps .step-title:before	{
	content: "";
	position: absolute;
	right: -5px;
	top: 0;
	width: 6px;
	height: 50%;
	background: #333;
	transform: skew(30deg);
	z-index: 1;
}
.mypage_guide_steps .steps .step-title:after	{
	content: "";
	position: absolute;
	right: -5px;
	top: 50%;
	width: 6px;
	height: 50%;
	background: #333;
	transform: skew(-30deg);
	z-index: 1;
}
.mypage_guide_steps .steps .step-content	{
	background: var(--color-bg-body);
	width: 98%;
	height: 100%;
	padding: 10px;
	margin: 8px 0 0;
	border-radius: 8px;
	line-height: 1.1;
}
.mypage_guide_steps .steps:last-child .step-content	{
	width: 100%;
}
.mypage_guide_steps .steps .step-content ol	{
	list-style: decimal;
	padding: 8px 8px 8px 24px;
}
.mypage_guide_steps .steps .step-content ol li	{
	list-style: decimal;
	color: #fff;
	font-size: 1.3rem;
	text-align: left;
}
.mypage_guide_steps .steps .step-content ol li + li	{margin-top: 8px;}
.my_page .mypage_cont .mybox:nth-child(1)	{
	border-top-left-radius: 0;
}
.my_page .border-radius-12,
.border-radius-12	{
	border-radius: 12px;
}
.my_page .mypage_cont .levelbox .mybox:nth-child(1)	{
	border-top-left-radius: 12px;
}
.mobOnly	{
	display: none;
}

@media screen and (max-width:1190px)	{
	.mypage_cont	{
		width: 100%;
	}
	.mypage_cont .contents	{
		padding: 0 10px;
	}
	.levelbox .btn_check_progress	{
		margin: 0 0 10px 10px;
		font-size: 1.4rem;
		vertical-align: middle;
	}
	.mypage_cont .mybox .friend em	{
		font-size: 2.2rem;
	}
	.mypage_cont .mybox .coupon em	{
		font-size: 2.2rem;
	}
	.progress_wrap	{
		margin: 50px 0 20px;
	}
}

@media screen and (max-width:767px)	{
	.mypage_cont .mobOnly	{
		display: inline-block;
	}
	.my_page	{
		background: #000;
	}
	.mypage_cont .mybox	{
		border: 0;
		background: transparent;
		padding: 0;
		height: auto;
		margin-bottom: 16px;
	}
	.mypage_cont .greeting + hr	{
		margin: 20px auto !important;
	}
	.mypage_cont .mypagebox .infobox .flexbox.btnlistset	{
		width: 100%;
	}
	.mypage_cont .lnb_wrap .lnb li .dep2	{
		display: none !important;
	}
	.mypage_cont	{
		width: 100%;
		padding: 0;
	}
	.mypage_cont .lnb_contents	{
		width: 100%;
		position: fixed;
		top: 117px;
		z-index: 1000;
	}
	.mypage_cont .lnb_wrap	{
		width: 100%;
		overflow: hidden;
		border-radius: unset;
	}
	.mypage_cont .lnb_wrap .top	{
		display: none;
		height: 40px;
	}
	.mypage_cont .contents	{
		width: 100%;
		padding: 64px 12px 0;
	}
	.mypage_cont .lnb	{
		z-index: 100;
		width: auto;
		overflow-y: hidden;
		overflow-x: scroll;	overflow-x: auto;
		white-space: nowrap;
		background: #292929;
	}
	.mypage_cont .lnb:after	{
		content: '';
		display: block;
		clear: both;
	}
	.mypage_cont .lnb_wrap .lnb li	{
		display: inline-block;
		padding: 0;
		border-top: 0;
		height: 40px;
		cursor: pointer;
		vertical-align: top;
	}
	.mypage_cont .lnb_wrap .lnb li a	{
		padding: 0 14px;
		width: 100%;
		font-size: 1.3rem;
		height: 40px;
		border-left: 0;
		line-height: 40px;
	}
	.mypage_cont .lnb_wrap .lnb li a:hover	{
		border-left: unset;
	}
	.mypage_cont .lnb_wrap .lnb li a:before,
	.mypage_cont .lnb_wrap .lnb li a:after,
	.mypage_cont .lnb_wrap .lnb li span,
	.mypage_cont .lnb_wrap .lnb li.on span	{
		display: none;
	}
	.mypage_cont .lnb_wrap .lnb li span:before,
	.mypage_cont .lnb_wrap .lnb li span:after	{
		display: none !important;
	}
	.mypage_cont .lnb_wrap .lnb li.on a	{
		border-left: 0;
		color: var(--color-point2);
		border-bottom: 2px solid var(--color-point2);
	}
	.mypage_cont .lnb_wrap .lnb li .dep2 ul li a	{
		width: 100%;
	}
	.mypage_cont .contents .deposit_form	{
		margin: 0;
		padding: 0;
	}
	.mypage_cont .contents .my_cont	{
		padding: 8px;
	}
	.mypage_cont .contents .greeting	{
		background: none;
		padding: 0;
		border-radius: 0;
	}
	.formbox-tit	{
		padding-right: 0;
		padding-left: 0;
	}
	.formbox-tit .tit	{
		text-align: center;
		align-items: center;
	}
	.mypage_cont .mybox .alarm	{
		width: 26px;
		height: 29px;
		background-size: cover;
		right: 5px;
		top: 10px;
	}
	.mypage_cont .mybox .alarm .noticeCount	{
		min-width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 1rem;
		top: -5px;
		right: -5px;
		top: -10px;
	}
	.mypage_cont .mybox .m_info:after	{
		content: '';
		display: block;
		clear: both;
	}
	.mypage_cont .mybox .m_info li:first-child	{
		width: 50%;
	}
	.mypage_cont .mybox .m_info li	{
		width: 50%;
	}
	.mypage_cont .infobox .info04	{
		width: 100%;
		margin-left: 0;
	}
	.mypage_cont .mybox .friend em	{
		font-size: 2rem;
	}
	.mypage_cont .mybox.info04	{
		height: auto;
	}
	.mypage_cont .infobox .info04 .btnbox	{
		width: 100%;
	}
	.mypage_cont .mybox.info04 .btnbox	{
		margin-top: 0;
	}
	.mypage_cont .mybox.info04 .btnbox .bt_white	{
		width: 100%;
	}
	.mypage_cont .mybox .coupon	{
		background: none;
		padding: 20px 0;
	}
	.levelbox .btn_check_progress	{
		display: block;
		margin: 10px auto 0;
	}
	.progress_wrap	{
		flex-direction: column;
		justify-content: flex-start;
		margin: 20px 0;
	}
	.progress+.progress	{
		margin-top: 10px;
	}
	.progress	{
		width: 100%;
		height: auto;
		background: transparent;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0;
	}
	.progress h2	{
		top: inherit;
		position: relative;
		width: 100%;
		margin-bottom: 10px;
		color: var(--color-point2);
	}
	.progress p	{
		position: relative;
		width: 50%;
		margin-top: 0;
		background: #fff;
		left: inherit;
		top: inherit;
		border-radius: 7px 0 0 7px;
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
	}
	.progress h5	{
		position: relative;
		width: 50%;
		right: inherit;
		top: inherit;
		margin-top: 0;
		border-radius: 0 7px 7px 0;
		background: #fff;
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
		text-align: right;
	}
	.progress.point	{
		background: transparent;
	}
	.progress.point P	{
		background: var(--color-point2);
	}
	.progress.point h5	{
		background: var(--color-point2);
	}
	.mob_mp_menu	{
		display: flex !important;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
	}
	.mob_mp_menu a	{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 1 1 0;
		width: auto;
		color: #aaa;
		background: #2e2e2e;
		border: 1px solid #000;
		height: 40px;
		line-height: 1;
		text-align: center;
		font-size: 1.2rem;
		font-weight: 500;
		padding: 0 8px;
	}
	.mob_mp_menu a.active	{
		color: var(--color-point2);
		border: 1px solid var(--color-point2);
	}

	/* 계좌정보 */
	.greeting2	{
		display: flex;
		align-items: center;
		flex-direction: column;
		background: transparent;
		margin: 0 auto;
		padding: 24px 8px 16px 8px;
	}
	.greeting2 h3	{
		font-size: 2rem;
		padding-right: 0;
	}
	.greeting2 p	{
		font-size: 1.2rem;
		color: #a3a3a3;
		font-weight: 400;
		margin-top: 8px;
		line-height: 1.25;
		text-align: center;
	}
	.greeting2 p em	{	color: var(--color-point2);}
	.greeting2.withBtn>div	{	align-items: center;	flex-direction: column;}
	.deposit_wrap .deposit_inp li.gameSel	{	flex-direction: column;	height: auto;}
	.deposit_wrap .deposit_inp .gameSel+.gameSel	{	margin-top: 0;}
	.gameSel .input_wrap	{
		width: 100%;
		margin: 0;
	}
	.gameSel .input_wrap .form.select .form_title	{
		width: 90px;
	}
	.gameSel .input_wrap .form.select .select_basic	{
		width: calc(100% - 90px);
	}
	.deposit_wrap .moneybox	{
		margin-top: 0;
	}
	.myAccountTabUl	{
		display: none;
	}
	.account_info .account_regist	{
		align-items: center;
	}
	.form.select .select_box label,
	.form.select .select_box .select	{
		font-size: 1.2rem;
	}
	.deposit_wrap .deposit_inp li .title	{
		min-width: 90px;
	}
	.deposit_wrap .moneybox	{
		width: calc(100% - 90px);
	}
	.deposit_wrap .moneybox .top .inp_wrap	{
		padding: 0;
	}
	.account_info .account_regist .reset	{
		margin-top: 0;
	}
	.deposit_wrap .moneybox .top .inp_wrap input	{
		height: 40px;
		font-size: 1.3rem;
	}
	.account_btns	{
		margin: 20px 0;
		flex-wrap: wrap;
	}
	.account_btns a.bt_enter	{
		height: 40px;
		font-size: 1.456rem;
	}
	input::placeholder,
	input::-webkit-input-placeholder,
	input::-moz-placeholder,
	input:-ms-input-placeholder,
	input:-moz-placeholder,
	textarea::placeholder,
	textarea::-webkit-input-placeholder,
	textarea::-moz-placeholder,
	textarea:-ms-input-placeholder,
	textarea:-moz-placeholder	{	font-size: 1.3rem;}
	.mypage_cont .mybox.gray_box	{
		background: #333;
		padding: 16px;
	}
	.mypage_cont .mybox.gray_box .info_box	{
		margin-top: 0;
	}
	.my_page .info_box .info_title	{
		font-size: 1.6rem;
		margin-bottom: 5px;
	}
	.my_page .info_box .info_title span	{
		font-size: 1.6rem;
	}
	.my_page .info_box .info_content p	{
		line-height: 21px;
	}
	.my_page .info_box.gray_box	{
		background: #333;
		padding: 15px;
	}
	.account_regist_table	{
		border-left: 1px solid #555;
		border-right: 1px solid #555;
		margin-top: 10px;
	}
	.account_info .account_regist_table	{
		padding: 0;
	}
	.rolling_status .rolling_main_title	{
		flex-direction: column;
		text-align: center;
		font-size: 1.4rem;
	}
	.rolling_status .rolling_main_title .title_part	{
		width: 100%;
	}
	.withdraw_txt	{
		margin-bottom: 20px;
	}
	.money_sel a	{
		font-size: 1.275rem;
		height: 34px;
		padding: 0 4px;
		border-radius: 4px;
	}
	.input_wrap .tt	{
		width: 22%;
	}
	.input_wrap .moneybox	{
		width: 78%;
	}
	.form.select .select_box	{
		border: 0;
	}
	.form.select .select_box:after	{
		top: 13px;
	}
	.mypage_guide_steps .steps .step-content ol li	{
		font-size: 1.1rem;
	}
}

@media screen and (max-width:576px)	{
	.input_wrap .tt	{	width: 30%;	font-size: 1.145rem;}
	.input_wrap .moneybox	{	width: 70%;}
}

/* 콤프 */
.my_page .comp_area .mybox:first-child	{
	border-top-left-radius: 12px;
}
.comp_area	{
	margin-bottom: 10px;
}
.comp_area div .mbox	{
	width: 100%;
	text-align: right;
	margin-top: 25px;
}
.comp_area div .mbox p	{
	height: 44px;
	display: inline-block;
	padding-right: 55px;
	min-width: 260px;
	background: #2a2b2c url(../images/icons/ico_comp.png?qEv) 6px 6px no-repeat;
	border-radius: 22px;
	line-height: 44px;
	color: #fff;
	font-size: 3rem;
	font-weight: 600;
}
.comp_area div .mbox p em	{
	font-size: 1.6rem;
}
.comp_area div.sec2 .mbox	{
	margin-top: 6px;
	overflow: hidden;
}
.comp_area div.sec2 .mbox:first-child	{
	margin-top: 3px;
}
.comp_area div.sec2 .mbox span	{
	float: left;
	color: #fff;
	font-size: 1.2rem;
	padding: 15px 0 0 9px;
}
.comp_area div.sec2 .mbox p	{
	float: right;
}

/* 포인트 추가 0911 */
.inputbox_point	{
	height: 48px;
	display: flex;
	padding-right: 24px;
	width: 30%;
	min-width: 260px;
	background: var(--color-bg-content) url(../images/icons/ico_comp.png) 8px center no-repeat;
	border-radius: 32px;
	line-height: 1;
	color: #fff;
	font-size: 2.45rem;
	font-weight: 600;
	flex-direction: row-reverse;
	justify-content: flex-start;
	margin: 0 auto;
	align-items: center;
}
.inputbox_point em	{
	font-size: 1.6rem;
}
.comp_area div.sec2 .mbox2	{
	margin-top: 6px;
	overflow: hidden;
}
.comp_area div.sec2 .mbox2:first-child	{
	margin-top: 3px;
}
.comp_area div.sec2 .mbox2 span	{
	float: left;
	color: #fff;
	font-size: 1.2rem;
	padding: 15px 0 0 9px;
}
.deposit_wrap .deposit_inp li.comp_change	{
	height: auto;
}
.deposit_wrap .deposit_inp li.comp_change .money_sel li	{
	margin-top: 0;
}




/* 쿠폰 사용 안내 */
.my_page.guide section	{
	background-color: var(--color-bg-content);
}
.coupon_game_guide_wrap .banner,
.coupon_game_guide_wrap .banner img	{
	width: 100%;
}
.coupon_game_guide_title	{
	position: relative;
	background: var(--color-bg-body);
	color: #aaa;
	height: 40px;
	font-size: 1.6rem;
	padding: 0 0 0 20px;
	margin: 20px 0;
	display: flex;
	align-items: center;
}
.coupon_game_guide_title:after	{
	content: "";
	position: absolute;
	top: 5px;
	left: 4px;
	background: var(--color-point2);
	width: 3px;
	height: 30px;
	border-radius: 5px;
}
.coupon_game_guide_content p	{
	color: #aaa;
	margin: 5px 15px 10px;
	line-height: 1.5;
	font-size: 1.3rem;
}
.coupon_game_guide_content .badge_guide	{
	display: flex;
}
.coupon_game_guide_content .badge_guide .badge_icon	{
	display: block;
	width: 45px;
	height: 45px;
	background: url(../images/mypage/badge_coupongame.svg) 100% no-repeat;
	background-size: cover;
}
.coupon_game_guide_content .badge_guide .badge_info	{
	width: calc(100% - 45px);
}
.coupon_game_guide_wrap .guide_img	{
	margin-top: 20px;
}
.coupon_game_guide_wrap .guide_img img	{
	width: 100%;
}

/* 1:1 */
.my_list_wrap	{
	width: 100%;
	background: 0 0;
	border-radius: 12px;
	padding: 0;
}
.my_list_wrap .my_list_top	{
	position: relative;
	margin-bottom: 8px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.my_list_wrap .my_list_top p	{
	font-size: 1.4rem;
	padding: 8px 0 0 8px;
}
.my_list_wrap .my_list_top p em	{
	color: var(--color-point2);
}
.top_btns a,
.top_btns button	{
	display: inline-block;
	padding: 0 10px;
	height: 32px;
	background: var(--color-point2);
	border: 1px solid var(--color-point2);
	line-height: 32px;
	border-radius: 5px;
	color: #222;
	text-align: center;
	font-weight: 600;
	font-size: 1.3rem;
}
.top_btns a:hover,
.top_btns button:hover	{
	background: var(--color-bg-body);
	color: var(--color-point2);
}

/*	*****************************
	TABLE SET ------------- 922px;
*****************************	*/
.my_board th:nth-child(1), .my_board td:nth-child(1)	{width: 5%;	min-width: fit-content;}
.my_board th:nth-child(2), .my_board td:nth-child(2)	{width: 5%;	min-width: fit-content;}
.my_board th:nth-child(3), .my_board td:nth-child(3)	{	width: 15%;	min-width: fit-content;}
.my_board th:nth-child(4), .my_board td:nth-child(4)	{	width: 47%;	min-width: fit-content;}
.my_board th:nth-child(5), .my_board td:nth-child(5)	{	width: 10%;	min-width: fit-content;}
.my_board th:nth-child(6), .my_board td:nth-child(6)	{	width: 18%;	min-width: fit-content;}
.my_board .borderList td:nth-child(1)	{	width: 246px;}
.my_board .borderList td:nth-child(2)	{	width: 364px;	text-align: left !important;	line-height: 1.5;	color: #fff}
.my_board .borderList td:nth-child(3)	{	width: 106px}
.my_board .borderList td:nth-child(4)	{	width: 206px}
.my_board.msg_board th:nth-child(1),.my_board.msg_board td:nth-child(1)	{	width: 7%;}
.my_board.msg_board th:nth-child(2),.my_board.msg_board td:nth-child(2)	{	width: 10%;}
.my_board.msg_board th:nth-child(3),.my_board.msg_board td:nth-child(3)	{	width: 51%;}
.my_board.msg_board th:nth-child(4),.my_board.msg_board td:nth-child(4)	{	width: 20%;}
.my_board.msg_board th:nth-child(5),.my_board.msg_board td:nth-child(5)	{	width: 12%;}
.my_board.type_04 th:nth-child(1),.my_board.type_04 td:nth-child(1)	{width: 10%;}
.my_board.type_04 th:nth-child(2),.my_board.type_04 td:nth-child(2)	{width: 15%;}
.my_board.type_04 th:nth-child(3),.my_board.type_04 td:nth-child(3)	{	width: 55%;}
.my_board.type_04 th:nth-child(4),.my_board.type_04 td:nth-child(4)	{	width: 20%;}
.my_board.type_03 th:nth-child(1),.my_board.type_03 td:nth-child(1)	{	width: 10%;}
.my_board.type_03 th:nth-child(2),.my_board.type_03 td:nth-child(2)	{	width: 10%;}
.my_board.type_03 th:nth-child(3),.my_board.type_03 td:nth-child(3)	{	width: 80%;}
.my_board	{
	width: 100%;
	table-layout: fixed;
}
.my_board th	{
	position: relative;
	padding: var(--tb-pd-x);
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: var(--tb-color-border-th);
	color: var(--tb-color-th);
	background-color: var(--tb-color-bg-th);
	font-size: var(--tb-fs);
	font-weight: 500;
	vertical-align: middle;
}
.my_board th:after	{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 50%;
	background: rgba(150, 160, 165, 0.4);
}
.my_board th:last-child:after	{	display: none;}
.my_board tbody tr:hover,
.my_board tbody tr.on	{background: rgba(25, 25, 25, 0.75);}
.my_board tbody td	{
	padding: var(--tb-pd-y);
	padding-left: var(--tb-pd-x);
	padding-right: var(--tb-pd-x);
	border-bottom: 1px solid;
	border-color: var(--tb-color-border-td);
	background-color: var(--tb-color-bg-td);
	color: var(--tb-color-td);
	font-size: var(--tb-fs);
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
}
.my_board tbody td.title a	{
	display: block;
	overflow: hidden;
	width: 100%;
	padding: var(--tb-pd-y);
	padding-left: var(--tb-pd-x);
	padding-right: var(--tb-pd-x);
	margin-left: calc(var(--tb-pd-x) * -1);
	margin-right: calc(var(--tb-pd-x) * -1);
	margin-top: calc(var(--tb-pd-y) * -1);
	margin-bottom: calc(var(--tb-pd-y) * -1);
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 110%;
	text-align: left;
}
.my_board tbody tr.on	{
	box-shadow: inset 0 0 40px -8px rgba(0, 140, 250, 0.25), inset 0 0 0 1px rgba(0, 140, 250, 0.25);
}
.my_board th.date,
.my_board td.date	{
	width: 2%;
	min-width: fit-content;
}
.my_board td.date	{
	font-size: calc(var(--tb-fs) * 0.9);
}
.my_board tbody .no_list td	{
	padding: 10vh 0; padding: 10dvh 0;
	text-align: center;
}
.borderList	{
	display: none;
	width: 100%;
}
.borderList.on	{
	display: table-row;
}
.borderList .rate	{
	display: none;
}
.borderList.on+.rate	{
	display: table-row;
	background: #1a1a1a;
}
.borderList .answer	{
	width: 100%;
	padding: 16px 12px;
	color: #FFF;
	text-align: initial;
	word-break: initial;
	line-height: 1.45;
	font-size: clamp(12px, 2.425vw, 15px);
}
.borderList .answer img	{
	max-width: 100%;
}
.txt_point	{
	color: var(--color-point2);
	display: inline-block;
	margin-right: 5px;
	line-height: 1;
	vertical-align: top;
	margin-top: 1px;
}


@media screen and (max-width:1190px)	{}

@media screen and (max-width:767px)	{
	.borderList .answer	{padding: 10px 8px;}
	.my_board.type_04 th:nth-child(1), .my_board.type_04 td:nth-child(1)	{	width: 12%;}
	.my_board.type_04 th:nth-child(2), .my_board.type_04 td:nth-child(2)	{	width: 22%;}
	.my_board.type_04 th:nth-child(3), .my_board.type_04 td:nth-child(3)	{	width: 46%;}
	.my_board.type_04 th:nth-child(4), .my_board.type_04 td:nth-child(4)	{	width: 20%;}
	.my_board.type_03 th:nth-child(1), .my_board.type_03 td:nth-child(1)	{	width: 12%;}
	.my_board.type_03 th:nth-child(2), .my_board.type_03 td:nth-child(2)	{	width: 22%;}
	.my_board.type_03 th:nth-child(3), .my_board.type_03 td:nth-child(3)	{	width: 66%;}
	.my_board.msg_board th:nth-child(1), .my_board.msg_board td:nth-child(1)	{width: 8%;}
	.my_board.msg_board th:nth-child(2), .my_board.msg_board td:nth-child(2)	{width: 15%;}
	.my_board.msg_board th:nth-child(3), .my_board.msg_board td:nth-child(3)	{width: 42%;}
	.my_board.msg_board th:nth-child(4), .my_board.msg_board td:nth-child(4)	{width: 15%;}
	.my_board.msg_board th:nth-child(5), .my_board.msg_board td:nth-child(5)	{width: 20%;}
}

/* 문의 쓰기 */
.q_write_wrap	{
	width: 850px;
	margin: 0 auto;
	padding: 30px 0 80px;
}
.q_write_wrap .category_box	{
	overflow: hidden;
	display: flex;
}
.q_write_wrap .text_box .q_title_inp	{
	margin-top: 10px;
	width: 100%;
	height: 40px;
	padding: 0 20px;
	border: 1px solid;
	border-color: var(--color-default-border);
	border-radius: 8px;
	line-height: 1;
	background: var(--color-bg-body);
	box-sizing: border-box;
	font-size: 1.6rem;
	color: #fff;
}
.q_write_wrap .text_box textarea	{
	margin-top: 10px;
	width: 100%;
	height: 320px;
	padding: 20px;
	border: 1px solid;
	border-color: var(--color-default-border);
	border-radius: 8px;
	background: var(--color-bg-body);
	box-sizing: border-box;
	font-size: 1.6rem;
	color: #fff;
}
.q_write_wrap .bt_box	{
	text-align: right;
	margin-top: 16px;
}
.q_write_wrap .bt_box .btn	{	height: 48px;	font-size: clamp(16px, 1.22vw, 20px);	min-width: 160px;}
.q_write_wrap .bt_box .bt_q_submit:hover	{
	background: var(--color-point2);
	border: 2px solid var(--color-point2);
	color: #222;
}
.design_sel .form.select	{
	width: 180px;
}
.design_sel .form.select .select_box label	{
	font-size: 1.4rem;
	left: 20px;
}
.design_sel .form.select .select_box	{
	border: 1px solid #777;
	border-radius: 5px;
}
.design_sel .form.select .select_box:after	{
	right: 20px;
	top: 13px;
}
.design_sel .form.select .select_box .select	{
	height: 38px;
	line-height: 38px;
}
.q_write_wrap .category_box .design_sel+.design_sel	{
	margin-left: 10px;
}
.my_list_cont tr .checkcontainer	{
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 1.4rem;
	align-items: center;
	line-height: 1;
	border-radius: 5px;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	width: 25px;
	height: 25px;
	margin: 0 10px 0 5px;
	vertical-align: middle;
}
.my_list_cont tr .checkcontainer input:checked~.checkmark,
.checkcontainer:hover input~.checkmark,
.checkmark	{
	background-color: #fff;
}
.my_list_cont tr .checkcontainer.ticked	{
	background: var(--color-point2);
}
.my_list_cont tr .checkcontainer input	{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.my_list_cont tr .checkcontainer input:checked~.checkmark:after	{
	display: block;
	border-color: var(--color-point2);
}
.my_list_cont tr .checkcontainer .checkmark	{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	border-radius: 5px;
}
.my_list_cont tr .checkcontainer .checkmark:after,
.my_list_cont tr .checkcontainer input:checked .checkmark:after	{
	content: "";
	position: absolute;
	left: 7px;
	top: 3px;
	width: 7px;
	height: 12px;
	border: solid var(--color-point2);
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.my_list_cont tr .checkcontainer .checkmark:after	{	border: solid #fff;}
.list_click_btn	{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.list_click_btn .click_btn	{
	display: inline-block;
	margin: 0 10px 10px 0;
	height: 30px;
	padding: 0 10px;
	border: 1px solid #fff;
	background: 0 0;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	line-height: 28px;
	cursor: pointer;
}
.list_click_btn .click_btn:hover	{
	background: var(--color-point2);
	color: #000;
	border: 1px solid var(--color-point2);
}
.list_click_btn .click_desc	{
	font-size: 1.3rem;
	color: #aaa;
	display: block;
	width: 100%;
	margin-bottom: 10px;
	font-weight: 400;
}
.rating_inquiry_wrap	{
	text-align: left;
}
.rating_inquiry	{
	color: #fff;
	margin-bottom: 10px;
}
.rating_inquiry_wrap .starRev	{
	height: 30px;
	width: 150px;
}
.rate_grade	{
	height: 30px;
	line-height: 30px;
	color: #fff;
}
.starR1, 
.starR2	{
	background-size: auto 100%;
	width: 15px;
	height: 30px;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
}	
.starR1	{	background: url(../images/icons/ico_review.png) no-repeat -52px 0;}
.starR2	{	background: url(../images/icons/ico_review.png) no-repeat right 0;}
.starR1.on	{	background-position: 0 0;}
.starR2.on	{	background-position: -15px 0;}
.btnAddGrade	{
	width: 70px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	border: 1px solid #fff;
}
.btnAddGrade:hover	{
	background-color: #fff;
	color: #222;
}

@media screen and (max-width:1190px)	{
	.q_write_wrap	{
		width: 100%;
		padding: 0 0 16px;
	}
	.q_write_wrap .bt_box	{
		text-align: center;
	}
	.q_write_wrap .design_sel .form.select .select_box	{
		border-radius: 0;
	}
}

@media screen and (max-width:767px)	{
	.q_write_wrap .design_sel .form.select .select_box	{
		height: 40px;
		margin: 0;
	}
	.q_write_wrap .design_sel .form.select .select_box label	{
		line-height: 38px;
	}
	.q_write_wrap .design_sel .form.select .select_box:after	{
		top: 13px;
	}
	.q_write_wrap .text_box textarea	{
		font-size: 1.275rem;
		padding: 12px 12px;
		margin-top: 8px;
	}
	.q_write_wrap .text_box .q_title_inp	{
		font-size: 1.275rem;
		margin: 0;
		padding: 0 12px;
	}
	.my_list_wrap .my_list_top p	{
		font-size: 1.4rem;
	}
	.list_click_btn .click_btn	{
		font-size: 1.2rem;
	}
	.top_btns a,
	.top_btns button	{
		line-height: 30px;
	}
}

/* 친구초대 */
.mypage_cont .friend_top	{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mypage_cont .friend_top div.mybox	{
	width: 49%;
}
.mypage_cont .friend_top div.mybox:nth-child(1)	{
	border-top-left-radius: 12px;
}
.wrap_bts	{
	position: relative;
	width: 100%;
	background: #2a2b2c;
	border-radius: 6px;
	display: flex;
	justify-content: space-between;
}
.wrap_bts .bt_file	{
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	width: 90px;
	height: 35px;
	background: var(--color-point2);
	border: 1px solid var(--color-point2);
	color: #222;
	line-height: 33px;
	text-align: center;
	border-radius: 6px;
	font-size: 1.3rem;
}
.wrap_bts .bt_file+.bt_file	{
	margin-left: 5px;
}
.wrap_bts .bt_file.copy	{
	background: var(--color-bg-body);
	border: 1px solid #777;
	color: #ccc;
}
.wrap_bts .bt_file:hover	{
	background: var(--color-point2);
	color: #222;
}
.wrap_bts .wrap_bts_inp	{
	width: 100%;
}
.wrap_bts .wrap_bts_inp input[type=text]	{
	width: 100%;
	height: 35px;
	padding: 0 100px 0 15px;
	border: 0;
	font-size: 1.3rem;
	color: #fff;
	background: 0 0;
}
.wrap_bts .wrap_bts_inp input::-webkit-input-placeholder	{
	color: #ccc;
	font-size: 1.3rem;
}
.wrap_bts.bts_2 .wrap_bts_inp input[type=text]	{
	padding: 0 210px 0 15px;
}
.wrap_bts.bts_2 .wrap_bts_btn .bt_file:first-child	{
	right: 100px;
}
.my_list_wrap .search_area	{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.my_list_wrap .search_area .left	{
	width: 40%;
	display: flex;
	flex-direction: row;
}
.my_list_wrap .search_area .left .design_sel .form.select	{
	width: 150px;
}
.my_list_wrap .search_area .left input	{
	width: 180px;
	height: 40px;
	margin-left: 8px;
	padding: 0 10px;
	border: 1px solid #777;
	background: var(--color-bg-body);
	border-radius: 6px;
	color: #fff;
}
.my_list_wrap .search_area .left input::webkit-input-placeholder	{
	color: #ccc;
	font-size: 1.3rem;
}
.my_list_wrap .search_area .right	{
	width: 60%;
	display: flex;
	flex-direction: row;
	margin-bottom: 12px;
}
.mypage_cont .date_pick	{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.my_friend th:last-child:after	{
	background: 0 0;
}
.my_friend td	{
	padding: 12px 0;
	color: #aaa;
	font-size: 1.4rem;
	text-align: center;
	border-bottom: 1px solid #444;
	vertical-align: middle;
	font-weight: 500;
}
.my_friend td.id	{
	color: #fff;
}
.my_friend td.bonus	{
	color: #fff;
}
.my_friend .bt_send	{
	display: inline-block;
	width: 80px;
	height: 32px;
	background: var(--color-bg-body);
	border: 1px solid var(--color-point2);
	line-height: 32px;
	border-radius: 5px;
	font-size: 1.2rem;
	color: var(--color-point2);
	text-align: center;
	font-weight: 600;
	box-sizing: border-box;
}
.my_friend .bt_send:hover	{
	background: var(--color-point2);
	color: #222;
}
.my_friend th:nth-child(1), .my_friend td:nth-child(1)	{	width: 17%;}
.my_friend th:nth-child(2), .my_friend td:nth-child(2)	{	width: 16%;}
.my_friend th:nth-child(3), .my_friend td:nth-child(3)	{	width: 17%;}
.my_friend th:nth-child(4), .my_friend td:nth-child(4)	{	width: 17%;}
.my_friend th:nth-child(5), .my_friend td:nth-child(5)	{	width: 16%;}
.my_friend th:nth-child(6), .my_friend td:nth-child(6)	{	width: 17%;}
.my_friend.type_9 th:nth-child(1), .my_friend.type_9 td:nth-child(1)	{	width: 6%;}
.my_friend.type_9 th:nth-child(2), .my_friend.type_9 td:nth-child(2)	{	width: 6%;}
.my_friend.type_9 th:nth-child(3), .my_friend.type_9 td:nth-child(3)	{	width: 10%;}
.my_friend.type_9 th:nth-child(4), .my_friend.type_9 td:nth-child(4)	{	width: 12%;}
.my_friend.type_9 th:nth-child(5), .my_friend.type_9 td:nth-child(5)	{	width: 12%;}
.my_friend.type_9 th:nth-child(6), .my_friend.type_9 td:nth-child(6)	{	width: 10%;}
.my_friend.type_9 th:nth-child(7), .my_friend.type_9 td:nth-child(7)	{	width: 14%;}
.my_friend.type_9 th:nth-child(8), .my_friend.type_9 td:nth-child(8)	{	width: 10%;}
.my_friend.type_9 th:nth-child(9), .my_friend.type_9 td:nth-child(9)	{	width: 10%;}
.my_friend.type_10 th:nth-child(1), .my_friend.type_10 td:nth-child(1)	{	width: 10%;}
.my_friend.type_10 th:nth-child(2), .my_friend.type_10 td:nth-child(2)	{	width: 10%;}
.my_friend.type_10 th:nth-child(3), .my_friend.type_10 td:nth-child(3)	{	width: 10%;}
.my_friend.type_10 th:nth-child(4), .my_friend.type_10 td:nth-child(4)	{	width: 10%;}
.my_friend.type_10 th:nth-child(5), .my_friend.type_10 td:nth-child(5)	{	width: 10%;}
.my_friend.type_10 th:nth-child(6), .my_friend.type_10 td:nth-child(6)	{	width: 10%;}
.my_friend.type_10 th:nth-child(7), .my_friend.type_10 td:nth-child(7)	{	width: 10%;}
.my_friend.type_10 th:nth-child(8), .my_friend.type_10 td:nth-child(8)	{	width: 10%;}
.my_friend.type_10 th:nth-child(9), .my_friend.type_10 td:nth-child(9)	{	width: 10%;}
.my_friend.type_10 th:nth-child(9), .my_friend.type_10 td:nth-child(10)	{	width: 10%;}

@media screen and (max-width:1190px)	{
	.my_list_wrap .search_area	{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.my_list_wrap .search_area .left	{
		width: 100%;
	}
	.my_list_wrap .search_area .right	{
		width: 100%;
		justify-content: center;
	}
	.my_list_wrap .my_list_top p	{
		font-size: 1.3rem;
	}
	.friend_wrap .datepicker_area .tt	{
		font-size: 1.4rem;
	}
}

@media screen and (max-width:767px)	{
	.mypage_cont .friend_top	{
		flex-direction: column;
	}
	.mypage_cont .friend_top div.mybox	{
		width: 100%;
	}
	.friend_wrap .my_list_wrap .search_area .left	{
		align-items: center;
		justify-content: space-between;
	}
	.friend_wrap .my_list_wrap .search_area .left input	{
		height: 30px;
		border-radius: 0;
		width: 49%;
	}
	.friend_wrap .my_list_wrap .search_area .right .datepickerWrap	{
		width: calc(100% / 2 - 49px);
	}
	.my_friend td	{
		font-size: 1.2rem;
	}
	.my_friend .bt_send	{
		width: 100%;
		font-size: 1.2rem;
	}
	.eventAttendanceContTab .my_friend	{
		width: 100%;
	}
}

/* OTP */
.mypage_cont .mybox .titL	{
	padding: 10px 0 30px 10px;
	color: var(--color-point2);
	font-size: 2rem;
	line-height: 1.2;
}
.mypage_cont .mybox .titR	{
	padding: 10px 0 30px 10px;
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.5;
}
.account_info .info01 table	{
	width: 100%;
	margin: 20px auto;
}
.account_info .info01 table th	{
	width: 80px;
	color: var(--color-point2);
	font-size: 1.4rem;
}
.account_info .info01 table td	{
	height: 52px;
}
.account_info .info01 table td span	{
	color: #666;
	font-size: 1.4rem;
}
.account_info .info01 table td p	{
	width: 100%;
	height: 40px;
	padding: 0 0 0 20px;
	background: #2a2b2c;
	border-radius: 10px;
	color: #fff;
	font-size: 1.8rem;
	line-height: 40px;
}
.account_info .info01 table td #bank_alias	{
	width: 70%;
}
.account_info .info01 table td #bank_name	{
	width: 90%;
	height: 40px;
	background: #2a2b2c;
	border-radius: 10px;
	color: #fff;
	font-size: 1.6rem;
	box-sizing: border-box;
	padding: 0 0 0 27px;
}
.account_info .info01 table td #coin_type_code	{
	width: 90%;
	height: 40px;
	background: #2a2b2c;
	border-radius: 10px;
	color: #fff;
	font-size: 1.6rem;
	box-sizing: border-box;
}
.wrap_file	{
	position: relative;
	height: 40px;
	padding: 0 100px 0 40px;
	background: #2a2b2c;
	border-radius: 6px;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.wrap_file input[type=text]	{
	width: 300px;
	height: 30px;
	border: 0;
	line-height: 30px;
	font-size: 1.3rem;
	color: #aaa;
	background: 0 0;
}
.wrap_file .bt_file	{
	position: absolute;
	right: 5px;
	top: 5px;
	display: block;
	padding: 0 10px;
	height: 30px;
	background: var(--color-bg-body);
	border: 1px solid var(--color-point2);
	color: var(--color-point2);
	line-height: 30px;
	text-align: center;
	border-radius: 6px;
	font-size: 1.3rem;
}
.wrap_file .bt_file:hover	{
	background: var(--color-point2);
	color: #222;
}
.qrimg	{
	margin: 10px 0;
	width: 200px;
}
.securityManage td .wrap	{
	margin: 20px 0 30px;
	overflow: hidden;
}

/* 입금내역 */
.my_list_top	{
	position: relative;
	width: 100%;
	margin: 0 auto 8px;
	padding: 0;
}
.my_list_top>p	{
	font-size: 1.8rem;
	color: #fff;
	margin-right: 14px;
}
.my_list_top>p>em	{
	color: var(--color-point2);
}
.my_list_top .date_pick .design_sel	{
	border: none;
	background-color: #222;
}
.my_list_cont	{
	width: 100%;
	margin: 0 auto;
	padding-bottom: 12px;
}
.my_list_cont .my_list tbody td>em	{
	text-align: right;
	display: block;
	padding: 0 30px 0 0;
}
.my_list_cont .my_list tbody td>span	{
	display: inline-block;
	width: 11px;
	height: 11px;
}
.my_list th:nth-child(1), .my_list td:nth-child(1)	{	width: 4%;}
.my_list th:nth-child(2), .my_list td:nth-child(2)	{	width: 10%;}
.my_list th:nth-child(3), .my_list td:nth-child(3)	{	width: 10%;}
.my_list th:nth-child(4), .my_list td:nth-child(4)	{	width: 10%;}
.my_list th:nth-child(5), .my_list td:nth-child(5)	{	width: 10%;}
.my_list th:nth-child(6), .my_list td:nth-child(6)	{	width: 10%;}
.my_list th:nth-child(7), .my_list td:nth-child(7)	{	width: 16%;}
.my_list th:nth-child(8), .my_list td:nth-child(8)	{	width: 10%;}
.my_list th:nth-child(9), .my_list td:nth-child(9)	{	width: 10%;}
.my_list th:nth-child(10), .my_list td:nth-child(10)	{	width: 10%;}
.my_list.type_5 th:nth-child(1), .my_list.type_5 td:nth-child(1)	{	width: 20%;}
.my_list.type_5 th:nth-child(2), .my_list.type_5 td:nth-child(2)	{	width: 20%;}
.my_list.type_5 th:nth-child(3), .my_list.type_5 td:nth-child(3)	{	width: 20%;}
.my_list.type_5 th:nth-child(4), .my_list.type_5 td:nth-child(4)	{	width: 20%;}
.my_list.type_5 th:nth-child(5), .my_list.type_5 td:nth-child(5)	{	width: 20%;}
.total_top_cont	{
	display: flex;
	flex-direction: row;
	align-items: center;
	row-gap: 8px;
	column-gap: 8px;
	flex-wrap: wrap;
	justify-content: space-between;
}
.total_wrap	{
	display: flex;
	flex-direction: row;
	/* width: 30%;	*/
	align-items: center;
	flex-wrap: nowrap;
}
.total_money_area	{
	display: block;
	width: max-content;
	min-width: 96px;
	height: 38px;
	text-align: center;
	background: var(--color-point2);
	line-height: 1;
	border-radius: 6px 0 0 6px;
}
.total_money	{
	display: inline-flex;
	width: fit-content;
	min-width: 120px;
	height: 38px;
	border: 1px solid var(--color-point2);
	border-radius: 0 6px 6px 0;
	align-items: center;
}
.total_money>span	{
	display: block;
	padding: 0 12px 0 16px;
	color: var(--color-point2);
	font-weight: 600;
	text-align: right;
	font-size: clamp(16px, 2vw, 20px);
}
.total_money_area span {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 8px;
	height: 100%;
	font-size: clamp(12px, 1.5vw, 14px);
	color: #222;
	font-weight: 500;
}
.totalResultCnt	{
	display: inline-flex;
	text-align: right;
	font-size: 1.45rem;
	align-items: center;
	gap: 4px;
}
.totalResultCnt em	{
	color: var(--color-point2);
}

@media screen and (max-width:767px)	{
	.mypage_cont .mybox .titL	{
		font-size: 1.6rem;
		padding: 0;
	}
	.mypage_cont .mybox .titR	{
		padding: 10px 0 10px 0;
		font-size: 1.3rem;
	}
	.account_info .info01 table th	{
		width: 15%;
		vertical-align: top;
	}
	.account_info .info01 table td	{
		height: auto;
		width: 85%;
	}
	.account_info .info01 table td span	{
		display: inline-block;
		padding-left: 10px;
		font-size: 1.3rem;
	}
	.qrimg	{
		width: 120px;
	}
	.securityManage td .wrap	{
		margin: 10px 0 20px;
		width: 100%;
	}
	.account_info .info01 table	{
		table-layout: fixed;
	}
	.account_info .info01 table td p	{
		font-size: 1.6rem;
		padding: 0 0 0 10px;
	}
	.account_info .info01	{
		margin-right: 0;
	}
	.otp .wrap_file	{
		padding: 0 110px 0 20px;
	}
	.otp .wrap_file input[type=text]	{
		width: 100%;
	}
	.otp .wrap_file .bt_file	{
		font-size: 1.2rem;
	}
	.my_list_cont.layoutAuto	{
		padding-bottom: 0;
		position: relative;
	}
	.fixed_acroll	{
		max-width: 900px;
		white-space: nowrap;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.my_list_cont.layoutAuto .my_list	{
		table-layout: auto;
		width: max-content;
		min-width: 100%;
	}
	.my_list_cont .my_list tbody th	{
		height: 40px;
	}
}

/* datepicker */
.date_pick_search	{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.date_pick_search form	{	width: inherit;}
.date_pick_search .design_sel .form.select	{width: 120px;}
.datepicker_area	{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.datepickerWrap	{
	overflow: hidden;
	position: relative;
	display: block;
	width: fit-content;
	padding: 0 0 0 16px;
	border: 1px solid;
	border-color: var(--tb-color-border-th);
	height: 39px;
	font-size: 1.4rem;
	background-color: #2a2b2c;
	border-radius: 4px;
}
.datepickerWrap input	{
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	font-size: 1.4rem;
	background-color: transparent;
	color: #fff;
	font-weight: 500;
}
.datepickerWrap input::-webkit-input-placeholder,
.datepickerWrap input:-ms-input-placeholder,
.datepickerWrap input::placeholder	{
	color: #aaa;
	font-size: 1.4rem;
}
.datepickerWrap:after	{
	content: '';
	position: absolute;
	display: inline-block;
	right: 15px;
	top: 12px;
	width: 15px;
	height: 15px;
	vertical-align: top;
	background: url(../images/icons/calendar.png) center no-repeat;
	background-size: cover;
}
.datepicker_area .to	{
	display: inline-block;
	margin: 0 5px;
	color: #aaa;
	font-size: 1.4rem;
}
.datepicker_area .tt	{
	padding: 0 5px;
	color: #aaa;
	font-size: 1.4rem;
	text-align: right;
}
.xdsoft_datetimepicker	{
	background: #252525;
	color: #fff;
	border: 1px solid #777;
	padding: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker	{
	margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_label	{
	background: #3d3e47;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: max-content;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select	{
	background-color: inherit;
	border-color: #484848;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect	{
	right: auto;
}
.xdsoft_datetimepicker .xdsoft_label i	{
	filter: invert(1);
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th	{
	color: #fff;
	background: #252525;
	border: 1px solid transparent;
	text-align: center;
}
.xdsoft_datetimepicker .xdsoft_calendar th	{
	color: #aaa;
}
.xdsoft_monthpicker	{
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
	background: #3d3e47;
}
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next	{
	position: absolute;
	top: 0;
	filter: invert(1);
}
.xdsoft_datetimepicker .xdsoft_prev	{	left: 0;}
.xdsoft_datetimepicker .xdsoft_next	{	right: 0;}
.xdsoft_datetimepicker .xdsoft_today_button	{	display: none;	visibility: hidden;}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current	{
	background: #252525;
	box-shadow: none;
	border: 1px soild #fff;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover	{
	background: #fff !important;
	box-shadow: none !important;
	color: #222 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current	{
	background: var(--color-point2);
	color: #222;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today	{
	background: #fff;
	color: #222;
	font-weight: 600;
}

/* 검색 버튼 */
.bt_search	{
	margin-left: 10px;
	width: 80px;
	height: 40px;
	border: 1px solid var(--color-dark-border);
	border-radius: 4px;
	background: var(--color-dark-bg);
	text-align: center;
	color: var(--color-point2);
	font-size: 1.6rem;
	line-height: 39px;
	box-sizing: border-box;
	cursor: pointer;
}
.bt_search:hover	{
	border: 1px solid #fff;
	background: #333;
	color: #fff;
}

/* 탭 슬라이드 */
.tab_slide_wrap	{
	width: 938px;
	position: relative;
}
.tab_top_menu	{
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-wrap: nowrap;
	position: relative;
}
.tab_slide_menu	{
	overflow: hidden;
	width: calc(100% - 68px);
}
.tab_slide_menu .tab_guide	{
	overflow: hidden;
	display: flex;
	transition: transform 0.3s ease-in-out;
	border-radius: 5px 5px 0 0;
	position: relative;
}
.tab_slide_menu .tab_guide::before	{
	content: '';
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	height: 2px;
	background: #fff;
	z-index: 1;
}
.tab_slide_menu .tab_guide li	{
	position: relative;
	display: inline-block;
	padding: 0 10px;
	margin-right: 2px;
	text-align: center;
	height: 52px;
	min-width: 122px;
	border: 2px solid #333;
	border-bottom: 2px solid transparent;
	border-radius: 5px 5px 0 0;
}
.tab_slide_menu .tab_guide li button	{
	color: #fff;
	display: block;
	width: 100%;
	line-height: 48px;
	font-size: 1.6rem;
	font-weight: 600;
}
.tab_slide_menu .tab_guide li.active	{
	z-index: 1;
	border: 2px solid #fff;
	border-bottom: 2px solid #222;
}
.tab_slide_menu .tab_guide li.active::after	{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: var(--color-bg-body);
	z-index: 2;
}
.tab_slide_menu .tab_guide li.active button,
.tab_slide_menu .tab_guide li:hover button	{
	color: #fff;
}
.tab_top_menu.type_02 .tab_guide	{
	border-radius: 0;
}
.tab_top_menu.type_02 .tab_slide_menu .tab_guide li	{
	width: 150px;
	min-width: 150px;
	background-color: #333;
	color: #222;
	border-radius: 0;
	border: 2px solid #333;
}
.tab_top_menu.type_02 .tab_slide_menu .tab_guide li.active,
.tab_top_menu.type_02 .tab_slide_menu .tab_guide li:hover	{
	border: 2px solid var(--color-point2);
	border-bottom: 2px solid var(--color-point2);
	background-color: var(--color-point2);
}
.tab_top_menu.type_02 .tab_slide_menu .tab_guide li.active button,
.tab_top_menu.type_02 .tab_slide_menu .tab_guide li:hover button	{
	color: #222;
}
.tab_top_menu.type_02 .tab_slide_menu .tab_guide::before,
.tab_top_menu.type_02 .tab_slide_menu .tab_guide li.active::after	{
	background: var(--color-point2);
}
.tab_guide_arrow	{
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
	width: 68px;
	display: flex;
	align-items: center;
	height: 52px;
	background: var(--color-bg-body);
}
.tab_guide_arrow .btn	{
	display: block;
	width: 34px;
	height: 100%;
	border: 2px solid #fff;
	border-radius: 10px;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	line-height: 48px;
	cursor: pointer;
}
.tsc_cont	{	display: none;}
.tsc_cont.active	{	display: block;}
.tab_guide_arrow .btn.end	{
	color: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.2);
	cursor: default;
}

/* 베팅내역 */
.tsc_cont .date_pick_search	{
	width: 100%;
	justify-content: flex-start;
	padding-left: 20px;
}
.tabm_guide_2dep	{
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.tabm_guide_2dep li	{
	margin-left: 2px;
	width: calc(20% - 2px);
	height: 60px;
	color: #ccc;
	text-align: center;
	background: #333;
	line-height: 60px;
	font-size: 1.6rem;
	cursor: pointer;
	margin-bottom: 2px;
}
.tabm_guide_2dep li.on	{
	height: 60px;
	color: #fff;
	background: var(--color-point2);
}
.tabm_guide_2dep li.on a,
.tabm_guide_2dep li:hover a	{
	color: #222;
}
.tabm_guide_2dep li:hover	{
	color: #222;
	background: var(--color-point2);
}

@media screen and (max-width:1190px)	{}

@media screen and (max-width:767px)	{
	.tab_top_menu	{
		flex-wrap: wrap;
	}
	.tab_slide_menu	{
		width: 100%;
		padding: 20px;
	}
	.tab_slide_menu .tab_guide	{
		width: 100% !important;
		border-radius: 0;
		transition: none;
		flex-wrap: wrap;
		gap: 1px;
	}
	.tab_guide_arrow,
	.tab_slide_menu .tab_guide::before	{
		display: none;
	}
	.tab_slide_menu .tab_guide li	{
		min-width: 33%;
		border: 1px solid transparent;
		border-radius: 0;
		height: 40px;
		margin-right: 0;
		background-color: #333;
	}
	.tab_slide_menu .tab_guide li.active	{
		border-bottom: 0;
		border: 1px solid #fff;
	}
	.tab_slide_menu .tab_guide li button	{
		font-size: 1.2rem;
		line-height: 38px;
		color: #aaa;
	}
	.tab_top_menu.type_02 .tab_slide_menu .tab_guide li	{
		max-width: 33%;
		min-width: 33%;
	}
	.tab_slide_cont	{	padding: 8px 12px;}
}

/* 고객센터 */
.common_page	{
	background: #1a1a1a;
}
.cs_cont	{
	max-width: var(--layout-maxwidth);
	margin: 0 auto;
}
.cs_service	{
	width: 100%;
	margin: 0 auto;
	padding-top: 8px;
}
.cs_service .cs_list	{
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
}
.cs_service .cs_list li	{
	width: 280px;
	height: 200px;
	margin-left: 8px;
	margin-bottom: 8px;
	background-color: #333;
	text-align: center;
	padding: 15px;
}
.cs_service .cs_list li a	{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}
.cs_service .cs_list li .top	{
	position: relative;
	display: block;
	width: 100%;
	padding: 0 0 0 18px;
	font-size: 1.6rem;
	height: 20px;
	line-height: 1;
	color: #fff;
	font-weight: 600;
	text-align: left;
}
.cs_service .cs_list li .top:before	{
	content: "";
	position: absolute;
	top: 0;
	left: 5px;
	border-radius: 5px;
	height: 15px;
	width: 1px;
	background: var(--color-point2);
}
.cs_service .cs_list li p	{
	text-align: center;
	color: #ccc;
	font-size: 1.2rem;
}
.cs_service .cs_list .cs_img img	{
	height: 84px;
}
.cs_service .cs_list li.cs7	{
	position: relative;
	background: var(--color-bg-body);
	border: 1px solid #444;
	width: 568px;
	height: 200px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.cs_service .cs_list li.cs7 .csinfo	{
	width: 40%;
}
.cs_service .cs_list li.cs7 .txt1	{
	font-size: 1.8rem;
	color: #ddd;
}
.cs_service .cs_list li.cs7 .txt2	{
	font-size: 2rem;
	color: var(--color-point2);
	font-weight: 600;
	margin-top: 5px;
}
.cs_service .cs_list li.cs7 .txt3	{
	font-size: 1.4rem;
	color: #ccc;
	margin-top: 10px;
	line-height: 20px;
}
.cs_service .cs_list li.cs7 .tel	{
	display: flex;
	font-size: 2.1rem;
	color: var(--color-point2);
	margin-top: 15px;
	font-weight: 600;
}
.cs_service .cs_list li.cs7 .r_img	{
	width: 60%;
	height: 100%;
}
.cs_service .cs_list li.cs7 .r_img img	{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cs_board	{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: -8px;
}
.cs_board .board_box	{
	width: calc(50% - 8px);
	height: 420px;
	border: 1px solid #444;
	margin-left: 8px;
}
.cs_board .board_box .top	{
	position: relative;
	height: 56px;
	padding: 0 0 0 30px;
	background: #333;
}
.cs_board .board_box .top::before	{
	content: "";
	position: absolute;
	top: 16px;
	left: 15px;
	border-radius: 5px;
	height: 15px;
	width: 1px;
	background: var(--color-point2);
}
.cs_board .board_box .top h4	{
	position: relative;
	font-size: 1.6rem;
	line-height: 52px;
	color: #fff;
	font-weight: 600;
}
.btn_more	{
	display: block;
	position: absolute;
	top: 12px;
	right: 15px;
	width: auto;
	color: #ccc;
	height: 32px;
	padding: 0 20px 0 15px;
	border: 1px solid #777;
	border-radius: 4px;
	font-size: 1.3rem;
	line-height: 30px;
}
.btn_more:after	{
	content: "";
	position: absolute;
	right: 10px;
	top: 11px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #fff;
}
.btn_more:hover	{
	color: #fff;
	border: 1px solid #fff;
}
.btn_more:hover:after	{
	border-left: 4px solid var(--color-point2);
}
.cs_board .bot	{
	width: 100%;
	height: 360px;
	padding: 0 15px;
	background: var(--color-bg-body);
}
.mini_board	{
	width: 100%;
	table-layout: fixed;
}
.mini_board th	{
	padding: 20px 6px 10px;
	border-bottom: 2px solid #333;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	vertical-align: middle;
	text-align: center;
}
.mini_board tbody td	{
	height: 36px;
	border-bottom: 1px solid #333;
	color: #fff;
	font-size: 1.4rem;
	vertical-align: middle;
	text-align: center;
}
.mini_board .title	{
	text-align: center;
}
.mini_board a	{
	width: 100%;
	padding: 0 10px;
	font-size: 1.4rem;
	color: #fff;
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: left;
	overflow: hidden;
}
.mini_board a span	{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}
.mini_board a:hover	{
	text-decoration: underline;
}
.mini_board .date	{
	color: #aaa;
	text-align: center;
}
.mini_board th:nth-child(1),.mini_board td:nth-child(1)	{	width: 20%}
.mini_board th:nth-child(2),.mini_board td:nth-child(2)	{	width: 60%}
.mini_board th:nth-child(3),.mini_board td:nth-child(3)	{	width: 20%}
.mini_board.type_02 th:nth-child(1),.mini_board.type_02 td:nth-child(1)	{	width: 20%}
.mini_board.type_02 th:nth-child(2),.mini_board.type_02 td:nth-child(2)	{	width: 80%}

@media screen and (max-width:1190px)	{
	.cs_cont	{
		max-width: 100%;
	}
	.cs_service .cs_list	{
		margin-left: 0;
		padding: 0 10px;
	}
	.cs_service .cs_list li	{
		width: calc(100% / 3 - 10px);
		margin: 0 5px 10px;
		height: auto;
	}
	.cs_service .cs_list li .top	{
		font-size: 1.6rem;
		margin-bottom: 20px;
	}
	.cs_service .cs_list li.cs7	{
		width: 100%;
	}
	.cs_service .cs_list .cs_img img	{
		height: 64px;
		margin-bottom: 20px;
	}
	.cs_board	{
		justify-content: space-between;
	}
	.cs_board .board_box	{
		width: 49%;
	}
	.coupon_game_guide_wrap .guide_img	{
		width: 100%;
		height: auto;
	}
	.bt_search	{
		font-size: 1.4rem;
	}
}

@media screen and (max-width:767px)	{
	.cs_service .cs_list li	{
		width: calc(100% / 2 - 10px);
	}
	.cs_board	{
		flex-direction: column;
		padding: 0 15px;
		margin-left: 0;
	}
	.cs_board .board_box	{
		width: 100%;
		height: auto;
		margin-left: 0;
		margin-bottom: 10px;
	}
	.cs_board .board_box .top h4	{	font-size: 1.6rem;}
	.cs_service .cs_list li.cs7 .txt1	{	font-size: 1.6rem;}
	.cs_service .cs_list li.cs7 .txt2	{	font-size: 1.6rem;}
	.cs_service .cs_list li.cs7 .txt3	{	font-size: 1.2rem;}
	.cs_service .cs_list li.cs7 .tel	{	font-size: 1.5rem;}
	.cs_service .cs_list li.cs7 .csinfo	{	width: 31%;}
	.cs_service .cs_list li.cs7 .r_img	{	width: 69%;}
	.cs_service .cs_list li.cs7 .r_img img	{	height: auto;}
	.btn_more	{
		font-size: 1.2rem;
		top: 3px;
		right: 10px;
	}
	.mini_board a,
	.mini_board tbody td,
	.mini_board th	{
		font-size: 1.3rem;
	}
	.my_tab.inc_txt	{
		flex-direction: column;
	}
	.my_tab.inc_txt ul	{
		display: none;
	}
	.my_tab li	{
		width: 50%;
		border: 1px solid #262626;
		height: 40px;
		border-radius: 0;
	}
	.my_tab li button	{
		font-size: 1.4rem;
		line-height: 40px;
	}
	.my_tab li.active	{
		border: 1px solid #fff;
	}
	.my_cont_tab	{
		padding: 10px 0;
	}
	.totalResultCnt	{
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 1.4rem;
	}
	.total_top_cont	{
		flex-direction: column;
	}
	.date_pick_search	{
		width: 100%;
		flex-direction: inherit;
		justify-content: center;
		flex-wrap: wrap;
	}
	.total_wrap	{
		width: 100%;
	}
	.total_money_area	{
		width: auto;
		border-radius: 0;
	}
	.total_money	{
		width: 100%;
		border-radius: 0;
		justify-content: flex-end;
	}
	.my_cont_tab	{
		border: 0;
		border-radius: 0;
		background: transparent;
	}
	.datepicker_area	{
		width: 100%;
		flex-wrap: nowrap;
		justify-content: center;
	}
	.datepicker_area .tt	{
		display: none;
	}
	.datepicker_area > *	{flex: 1 1 0;max-width: max-content;}
	.datepickerWrap	{
		width: calc(100% / 2 - 32px);
		height: 32px;
		border-radius: 0;
		font-size: 1.2rem;
		padding: 0 0 0 8px;
	}
	.bt_search	{
		height: 32px;
		line-height: 1;
		font-size: 1.1rem;
		border-radius: 0;
		min-width: 56px;
		margin-left: 6px;
	}
	.date_pick_search .design_sel,
	.date_pick_search .design_sel .form.select	{
		width: 100%;
	}
	.design_sel .form.select .select_box	{
		border-radius: 0;
		margin: 10px 0;
		height: 30px;
	}
	.design_sel .form.select .select_box:after	{
		right: 10px;
		top: 9px;
	}
	.datepickerWrap:after	{
	display: none;
	}
	.datepickerWrap input	{
		font-size: 1.2rem;
	}
	.design_sel .form.select .select_box .select	{
		height: 30px;
	}
	.design_sel .form.select .select_box label	{
		left: 10px;
		font-size: 1.3rem;
		line-height: 28px;
	}
	.comp_area	{
		flex-direction: column;
	}
	.comp_area div	{
		width: 100%;
		height: auto;
	}
	.comp_area div .mbox p	{
		min-width: 100%;
		font-size: 1.8rem;
		padding-right: 20px;
		height: 40px;
		line-height: 38px;
		background: #2a2b2c url(../images/icons/wbc__ico_comp.png) 10px 7px no-repeat;
		background-size: 25px;
	}
	.comp_area div .mbox	{
		margin-top: 10px;
	}
	.comp_form .deposit_form	{
		padding: 0 0 10px;
	}
	.comp_txt p	{
		margin-top: 5px;
	}
	.mybox.comp_form	{
		border-top: 1px solid #444;
		border-radius: 0;
		width: calc(100% + 40px);
		margin-left: -20px;
		padding: 30px 20px 0;
	}
	.comp_form .input_wrap input	{
		width: calc(100% - 24px);
	}
	.my_list_wrap .search_area	{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.my_list_wrap .search_area .left	{
		width: 100%;
	}
	.my_list_wrap .search_area .left .design_sel	{
		width: 49%;
	}
	.my_list_wrap .search_area .left .design_sel .form.select	{
		width: 100%;
	}
	.my_list_wrap .search_area .right .datepickerWrap	{
		width: fit-content;
	}
	.my_list_wrap .search_area .right .bt_search:first-child	{
		margin-right: 10px;
		margin-left: 0;
	}
	.coupon_game_guide_title	{
		margin: 10px 0;
		font-size: 1.4rem;
	}
	.coupon_game_guide_content p	{
		margin: 5px 10px 5px;
		font-size: 1.2rem;
	}
	.coupon_game_guide_wrap .banner	{
		margin: 10px 0 0;
	}
	.cs_center .cs_cont	{
		display: flex;
		flex-direction: column-reverse;
		width: 100%;
	}
	.cs_board .board_box	{
		margin: 10px 0;
	}
	.cs_board .board_box.qna	{
		display: none;
	}
	.cs_board .bot	{
		height: 205px;
		overflow: hidden;
	}
	.cs_board .board_box .top	{
		height: 40px;
		padding: 0 0 0 20px;
	}
	.cs_board .board_box .top h4	{
		line-height: 40px;
	}
	.cs_board .board_box .top::before	{
		top: 11px;
		width: 2px;
		height: 18px;
		left: 10px;
	}
	.cs_cont .mobOnly	{
		display: block;
	}
	.cs_service .cs_list li.cs7,
	.cs_page .sec_top_cont	{
		display: none;
	}
}

/* 이용가이드 */
.guide.tab_slide_wrap	{
	width: var(--layout-maxwidth);
}
.img_cs_guide	{
	width: 100%;
	margin: 20px auto 0;
}
.img_cs_guide img	{
	width: 100%;
	object-fit: cover;
}

/* 공지사항 검색 */
.greeting .search_faq	{
	overflow: hidden;
	padding-top: 50px;
	display: flex;
	align-items: center;
	flex-direction: row;
}
.greeting .search_faq .search_word	{
	margin-left: 12px;
	width: 420px;
	height: 60px;
	padding: 0 10px;
	border: 1px solid #777;
	border-width: 1px 0 1px 1px;
	background: #1a1a1a;
	color: #fff;
	font-size: 2rem;
	border-radius: 5px;
}
.greeting .search_faq .bt_search	{
	display: block;
	border: 1px solid #777;
	border-width: 1px 1px 1px 0;
	background: var(--color-bg-body);
	color: #fff;
	font-size: 2rem;
	border-radius: 0;
	margin-left: -5px;
	border-radius: 0 5px 5px 0;
	width: 60px;
	height: 60px;
	background: url(../images/icons/ico_search.png) no-repeat center;
	background-color: var(--color-point2);
	background-size: 35px;
}
.search_faq .form.select .select_box	{
	height: 60px;
	background: #1a1a1a;
}
.search_faq .design_sel .form.select .select_box .select	{
	height: 100%;
	line-height: 60px;
}
.search_faq .design_sel .form.select .select_box label	{
	line-height: 60px;
}
.search_faq .design_sel .form.select .select_box:after	{
	top: 24px;
}


@media screen and (max-width:1190px)	{
	.img_cs_guide	{
		width: 100%;
		padding: 0 15px;
	}
	.mypageLayer .deposit_form.border_divide	{
		padding-top: 10px;
		width: 100%;
		margin-left: 0;
	}
	.mypageLayer .withdraw_txt	{
		font-size: 1.2rem;
	}
	.mypageLayer .withdraw_txt em	{
		font-size: 1.4rem;
	}
	.mypageLayer .info_box	{
		padding: 10px;
	}
	.mypageLayer .info_title	{
		font-size: 1.4rem;
		margin-bottom: 5px;
	}
	.mypageLayer .info_content p	{
		line-height: 20px;
	}
	.mypageLayer .deposit_inp .input_wrap	{
		padding: 0 10px;
	}
	.mypageLayer .deposit_inp .input_wrap .tt	{
		width: 23%;
	}
	.mypageLayer .deposit_inp .input_wrap .moneybox	{
		width: 77%;
	}
}

@media screen and (max-width:767px)	{
	.tab_slide_wrap	{
		width: 100%;
	}
	.img_cs_guide	{
		margin: auto;
	}
	.guide.tab_slide_wrap	{
		width: 100%;
		border-top: 1px solid #333;
		margin-top: -1px;
	}
	.use_guide	{
		padding: 40px 20px 0;
	}
	.search_faq .design_sel	{
		width: 40%;
	}
	.search_faq .design_sel .form.select	{
		width: 100%;
	}
	.search_faq .form.select .select_box	{
		height: 30px;
	}
	.search_faq .design_sel .form.select .select_box:after	{
		top: 9px;
	}
	.search_faq .design_sel .form.select .select_box .select	{
		height: 30px;
		line-height: 30px;
	}
	.search_faq .design_sel .form.select .select_box label	{
		line-height: 28px;
	}
	.greeting .search_faq .search_word	{
		width: 60%;
		border-radius: 0;
		height: 30px;
		font-size: 1.3rem;
	}
	.search_faq	{
		justify-content: space-between;
	}
	.greeting .search_faq	{
		width: 100%;
		padding: 50px 20px 15px;
	}
	.greeting .search_faq .bt_search	{
		border-radius: 0;
		width: 30px;
		height: 30px;
		background-size: 20px;
	}
}

/* calendar */
.sec_cal	{
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	margin-top: 20px;
}
.sec_cal .cal_nav	{
	align-items: center;
	display: flex;
	justify-content: center;
	line-height: 1;
	padding: 20px 0 40px;
	font-weight: 600;
}
.sec_cal .cal_nav .year-month	{
	line-height: 1;
	text-align: center;
	font-size: 3.5rem;
}
.sec_cal .cal_nav .go-prev,
.sec_cal .cal_nav .go-next	{
	font-size: 3.5rem;
	width: 100px;
	text-align: center;
}
.sec_cal .cal_wrap	{
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
}
.sec_cal .cal_wrap .days	{
	display: flex;
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
}
.sec_cal .cal_wrap .day	{
	position: relative;
	width: calc(100% / 7);
	padding: 12px;
	border-right: 1px solid #444;
	background-color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 2rem;
	color: #fff;
	cursor: pointer;
}
.sec_cal .cal_wrap .day:nth-child(7n+1)	{	border-left: 1px solid #444;}
.sec_cal .cal_wrap .day.sunday	{	color: red;}
.sec_cal .cal_wrap .day.saturday	{	color: #00c4ff;}
.sec_cal .cal_wrap .dates span	{	font-size: 1.6rem;}
.sec_cal .cal_wrap .dates .day:nth-child(7n + 7) span,
.sec_cal .cal_wrap .dates .day:nth-child(7n + 1) span	{	color: #fff;}
.sec_cal .cal_wrap .dates .day.current.today	{	border: 3px solid rgb(40, 140, 255);}
.sec_cal .cal_wrap .dates .day.current.today span	{	z-index: 1;	color: #fff;	font-weight: 600;}
.sec_cal .cal_wrap .dates	{	display: flex;	flex-flow: wrap;}
.sec_cal .cal_wrap .dates .day	{
	padding: 15px;
	height: 170px;
	color: #fff;
	border-bottom: 1px solid #444;	border-right: 1px solid #444;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	background-color: #222;
	background-image: url(../images/attendance/check_1.png);
	background-repeat: no-repeat;
	background-position: center;
}
.sec_cal .cal_wrap .dates .day.current	{	color: #fff;}
.sec_cal .cal_wrap .dates .day.current:hover span	{	z-index: 1;	color: #fff;	font-weight: 600;}
.sec_cal .cal_wrap .dates .day.absence	{	background-image: url(../images/attendance/check_3.png);}
.sec_cal .cal_wrap .dates .day.attendance	{	background-image: url(../images/attendance/check_2.png);}
.sec_cal .cal_wrap .dates .day.attendanceChk	{	background-image: url(../images/attendance/check_4.png);}
.sec_cal .cal_wrap .day.disable	{	color: #ddd;	cursor: default;}
.sec_cal .cal_wrap .dates .day.disable:hover	{	color: #ddd;}
.sec_cal .cal_wrap .dates .day.disable:hover:after	{	display: none;}

@media screen and (max-width:767px)	{
	.sec_cal .cal_nav	{
		padding: 20px 0;
	}
	.sec_cal .cal_nav .year-month,
	.sec_cal .cal_nav .go-prev,
	.sec_cal .cal_nav .go-next	{
		font-size: 2rem;
	}
	.sec_cal .cal_wrap .day	{
		font-size: 1.6rem;
	}
	.sec_cal .cal_wrap .dates .day	{
		height: auto;
		min-height: 80px;
		background-color: #111;
	}
	.sec_cal .cal_wrap .dates .day span	{
		font-size: 1.2rem;
	}
	.sec_cal .cal_wrap .dates .day.absence,
	.sec_cal .cal_wrap .dates .day.attendance,
	.sec_cal .cal_wrap .dates .day.attendanceChk,
	.sec_cal .cal_wrap .dates .day	{
		background-size: 70%;
		background-position: center bottom 10px;
	}
	.sec_cal .cal_wrap .dates .day	{
		padding: 10px 10px 10px;
		position: relative;
	}
	.attendance_cont .tab_slide_wrap	{
		display: none;
	}
	.attendance_cont .img_cs_guide	{
		padding: 0;
	}
	.attendance_cont .tab_slide_cont	{
		padding: 50px 20px 0;
	}
}

.list_click_btn+.top_btns	{
	margin-top: -10px;
}
.design_sel+.design_sel	{
	margin-left: 10px;
}
.flag.green,
.flag.red	{
	display: inline-block;
	padding: 2px 10px 4px;
	text-align: center;
	border-radius: 5px;
	font-size: 1.3rem;
	line-height: 1;
}
.flag.green	{	color: #222;	background: var(--color-point2);}
.flag.red	{	color: #fff;	background: red;}

.comm_sub_scroll,
.mobOnly	{	display: none}
.pcOnly		{	display: block}

@media screen and (max-width:767px)	{
	.comm_sub_scroll	{
		display: block;
		width: 100%;
		overflow: hidden;
		position: fixed;
		top: 117px;
		z-index: 1001;
		background: #111;
	}
	.comm_sub_scroll ul	{
		display: block;
		white-space: nowrap;
		overflow-x: auto;
	}
	.comm_sub_scroll li	{
		display: inline-block;
		height: 40px;
	}
	.comm_sub_scroll li a	{
		font-size: 1.4rem;
		display: block;
		height: 38px;
		line-height: 38px;
		padding: 0 14px;
		color: #aaa;
	}
	.comm_sub_scroll li.on a	{
		color: var(--color-point2);
		border-bottom: 2px solid var(--color-point2);
	}
	.pcOnly		{	display: none;}
	.mobOnly	{	display: block;}
	.flag.green, .flag.red	{	font-size: 1.1rem;	padding: 2px 6px 4px;}
}
.btn_chat_wrap	{
	z-index: 2000;
	position: fixed;
	bottom: 20px;
	right: 80px;
	border-radius: 100%;
	background-color: #373737;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.chat_button	{	z-index: 2001;	width: 40px;	height: 40px;	position: relative;	cursor: pointer;	display: flex;	align-items: center;	justify-content: center;	padding: 0;}
.chat_button .circle_wrap	{	display: none;	position: absolute;	left: 50%;	top: 50%;	transform: translate(-50%, -50%);	width: 22px;	height: 14px;}
.chat_button:hover .circle_wrap	{	display: block;}
.chat_shape	{	width: 100%;	height: 100%;}
.chat_button:hover .chat_shape path:nth-of-type(2)	{	fill: #09C9D2;}

.circle_wrap circle	{	animation: bounce 0.6s ease-in-out forwards;}
.circle_wrap circle:nth-of-type(1)	{	animation-delay: 0.1s;}
.circle_wrap circle:nth-of-type(2)	{	animation-delay: 0.2s;}
.circle_wrap circle:nth-of-type(3)	{	animation-delay: 0.4s;}
.checkcontainer	{
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 1.4rem;
	align-items: center;
	line-height: 1;
	border-radius: 5px;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	width: 25px;
	height: 25px;
	margin: 0 10px 0 5px;
	vertical-align: middle;
}
.checkcontainer input:checked~.checkmark,
.checkcontainer:hover input~.checkmark,
.checkmark	{	background-color: #fff;}
.checkcontainer.ticked	{	background: var(--color-point2);}
.checkcontainer input	{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkcontainer input:checked~.checkmark:after	{	display: block;	border-color: var(--color-point2);}
.checkcontainer .checkmark	{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	border-radius: 5px;
}
.checkcontainer .checkmark:after	{
	content: "";
	position: absolute;
	left: 7px;
	top: 3px;
	width: 7px;
	height: 12px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.checkcontainer input:checked .checkmark:after	{
	content: "";
	position: absolute;
	left: 7px;
	top: 3px;
	width: 7px;
	height: 12px;
	border: solid var(--color-point2);
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.inq_list .answerList	{
	display: none;
	width: 100%;
	font-size: 1.6rem;
}
.inq_list .answerList.on	{
	display: block;
}
.inq_list .rate	{
	display: none;
}
.inq_list .answerList.on+.rate	{
	display: table-row;
	background: #1a1a1a;
}
.inq_list .answer	{
	display: block;
	text-align: left;
	width: 100%;
	word-break: break-all;
	padding: 16px 8px 16px 26px;
	line-height: 1.6;
}
.inq_list .answer img	{
	max-width: 100%;
}
.inq_list	{
	width: 100%;
	padding: 0 12px;
}
.inq_list .question	{
	position: relative;
	width: 100%;
	margin-top: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	border-bottom: 1px solid var(--tb-color-border-td);
	padding-bottom: 16px;
	cursor: pointer;
}
.inq_list .question:after	{
	content: '';
	width: 10px;
	height: 10px;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	display: inline-block;
	transform: rotate(135deg);
	position: absolute;
	top: 4px;
	right: 10px;
}
.inq_list .question.on:after	{
	transform: rotate(-45deg);
	top: 24px;
	right: 24px;
}
.inq_list .question.on	{
	border: none;
	padding: 12px;
	background: rgba(5, 98, 174, 0.2);
	border-radius: 12px 12px 0 0;
	width: calc(100% + 24px);
	margin: 0 -12px;
}
.inq_list .answerList.on	{
	background: rgba(5, 98, 174, 0.35);
	border-radius: 0 0 12px 12px;
	width: calc(100% + 24px);
	margin: 0 -12px;
}
.inq_list li	{
	display: block;
	width: 100%;
	font-weight: 400;
}
.inq_list li.date	{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: auto;
	color: var(--tb-color-th);
	font-size: 1.3rem;
	line-height: 1;
}
.inq_list li.current	{
	color: #aaa;
	font-size: 1.4rem;
	width: auto;
	padding-left: 10px;
	line-height: 1;
}
.inq_list li.title	{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.6rem;
	margin-top: 4px;
	padding: 0 12px;
}
.inq_list .answerList .txt_point	{
	vertical-align: top;
	margin-top: 4px;
}
.inq_list .listNone	{
	padding: 20px;
	text-align: center;
	font-size: 1.6rem;
}
.a_ongoing,
.a_complete	{
	position: absolute;
	right: 40px;
	top: 0;
	color: #222;
	font-size: 1.3rem;
	padding: 3px 10px;
	border-radius: 30px;
	font-weight: 600;
}
.a_complete	{	background-color: var(--color-point2);}
.a_ongoing	{	background-color: #fff;}

@media screen and (max-width:767px)	{
	.inq_list	{	padding: 0;}
	.inq_list li.date,
	.inq_list li.current,
	.a_ongoing,
	.a_complete	{	font-size: 1.1rem;	padding: 0;}
	.inq_list li.title,
	.inq_list .answerList,
	.inq_list .listNone	{	font-size: 1.3rem;}
	.inq_list li.title	{	padding: 0 8px;}
	.inq_list .question:after	{	width: 6px;	height: 6px;}
	.inq_list .question	{	padding-bottom: 10px;margin-top: 16px;}
	.inq_list .answer	{	padding: 8px;}
	.inq_list .question.on,
	.inq_list .answerList.on	{	padding: 12px;	border-radius: 0;}
	.a_ongoing,
	.a_complete	{	right: 30px;}
	.checkcontainer .checkmark,
	.my_list_cont tr .checkcontainer .checkmark	{	width: 20px;	height: 20px;}
	.checkcontainer input:checked~.checkmark:after,
	.my_list_cont tr .checkcontainer input:checked .checkmark:after	{	width: 5px;	height: 10px;	left: 6px;	top: 2px;}
	.betting_cont .tab_slide_menu	{	padding: 0;}
	.betting_cont .tab_slide_cont	{	padding: 10px 0;}
	.betting_cont .tsc_cont .date_pick_search	{	padding-left: 0;}
	.betting_cont .design_sel+.design_sel	{	margin-left: 0;}
	.betting_cont .design_sel .form.select .select_box	{	margin: 0 0 10px 0;}
	.tabm_guide_2dep li	{	height: 30px;	line-height: 28px;	font-size: 1.1rem;}
}


/* game connect add */
.game_connect	{
	position: relative;
	width: 100%;
	width: var(--layout-maxwidth);
	height: 842px;
	margin: 0 auto;
}
.game_main	{
	position: relative;
	width: 100%;
	padding: 46px 0;
	margin: 38px auto 0;
	border-radius: 20px;
	background-color: #000;
}
.game_frame	{
	width: 1120px;
	height: 680px;
	margin: 0 auto;
	background-image: url(../images/game_connect/bg_game.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.game_wrap	{
	width: 380px;	height: 100%;	margin: 0 auto;
}
.game_wrap img,
.game_wrap iframe	{
	width: 100%;	height: 100%;
}
.game_connect .game_tit	{
	position: absolute;
	top: -28px;	left: 0;
	width: 100%;
	text-align: center;
}
.game_connect .game_tit p	{
	position: relative;
	display: inline-block;
	padding: 0 60px;
	height: 52px;
	min-width: 270px;
	border: 6px solid #444;
	border-radius: 26px;
	box-sizing: border-box;
	background: #000;
	text-align: center;
	font-size: 23px;
	color: #a4a4a4;
	line-height: 40px;
}
.game_connect .game_tit .btnSlotGame	{
	position: absolute;
	display: inline-block;
	top: 0;
	width: 160px;	height: 52px;
	color: #000;
	border-radius: 25px;
	font-weight: 600;	font-size: 16px;	line-height: 52px;
	cursor: pointer;
}
.game_connect .game_tit .btnSlotGame.blue	{
	background: #0084ff url(../images/icons/back.png) no-repeat 10% 50%;
	right: 50%;	margin-right: 25px;
}
.game_connect .game_tit .btnSlotGame.blue:hover	{
	margin-right: 95px;
}
.game_connect .game_tit .btnSlotGame.green	{
	background: #38aa00 url(../images/icons/full.png) no-repeat 90% 50%;
	left: 50%;	margin-left: 25px;
}
.game_connect .game_tit .btnSlotGame.green:hover	{
	margin-left: 95px;
}
.side_game_list	{
	position: absolute;
	top: 30px;	width: 242px;
}
.side_game_list.left	{	left: -252px;}
.side_game_list.right	{	right: -252px;}
.side_bar .side_icon_w img	{	width: 45px;}
.quick_cont	{
	width: 240px;
	padding: 16px 0 6px;
	margin-top: 8px;
	border: 1px solid #444;
	border-radius: 15px;
	box-shadow: 0 10px 25px #000;
}
.quick_cont a	{
	display: block;
	overflow: hidden;
	width: 200px;
	height: 200px;
	margin: 0 auto 10px;
	border: 1px solid #777;
}
.quick_cont a img	{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.game_tab	{
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.favorbox	{
	position: relative;
	width: 192px;
	height: 40px;
	padding: 0 16px;
	border: 1px solid #444;
	border-radius: 20px;
	box-shadow: 0 2px 6px #000;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.favorbox span	{
	display: block;
	color: #444;
	line-height: 38px;
	font-size: 12px;
	cursor: pointer;
}
.favorbox span.active	{
	color: #fff;
}
.favorbox .statbox	{
	cursor: pointer;
	position: absolute;
	top: 3px;	left: 50%;
	width: 60px;	height: 32px;
	margin-left: -30px;
	background: url(../images/game_connect/bg_favor.png) center top no-repeat;
}
.favorbox .statbox span	{
	position: absolute;
	display: inline-block;
	top: 4px;
	width: 24px;	height: 24px;
}
.favorbox .statbox .stat1	{	left: 4px;}
.favorbox .statbox .stat2	{	right: 4px;}
.favorbox .statbox .stat1.active	{	background: url(../images/game_connect/ico_favor_heart.png) left top no-repeat;}
.favorbox .statbox .stat2.active	{	background: url(../images/game_connect/ico_favor_star.png) left top no-repeat;}
.game_cont_tab_area	{	display: none;}
.game_cont_tab_area.active	{	display: block;}
.game_cont_tab	{	height: 0;	overflow: hidden;	transition: height 0.5s ease;}
.game_cont_tab.open	{	height: auto;}
.favorbox.type2 .statbox	{	background: url(../images/game_connect/bg_favor2.png) left top no-repeat;}
.favorbox.type2 .statbox .stat3	{	left: 4px;}
.favorbox.type2 .statbox .stat4	{	right: 4px;}
.favorbox.type2 .statbox .stat3.active	{	background: url(../images/game_connect/ico_favor_check.png) left top no-repeat;}
.favorbox.type2 .statbox .stat4.active	{	background: url(../images/game_connect/ico_favor_jewel.png) left top no-repeat;}
.slotgame_close	{
	display: inline-block;
	position: absolute;
	top: -5px;	right: -5px;	transform: rotate(-135deg);
	width: 50px;	height: 50px;
	background: url(../images/game_connect/sub_quick_close_40.png) center no-repeat;	background-size: cover;
	font-size: 0;	text-indent: -999px;
}
.slotgame_close.open	{	transform: rotate(0deg);}

@media screen and (max-width:1190px)	{
	.side_game_list	{	display: none;}
	.game_connect	{	width: 100%;}
	.game_frame		{	width: 98%;}
}

@media screen and (max-width:767px)	{
	.game_connect	{	max-width: 750px;	margin: 0 auto;	height: 100%;}
	.game_main	{	margin: 0;	border-radius: 0;	padding: 0;	height: 100%;}
	.game_tit	{	display: none;}
	.game_frame,
	.game_wrap	{	width: 100%;	height: 100%;}
}

.login-bg,
.join-bg	{
	position: fixed;
	z-index: 0;
	top: 0;	left: 0;
	width: 100%;	height: 100%;
	background-image: url('../images/bg-login.jpg');
	background-size: cover;	background-position: center;	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0.7);	background-blend-mode: darken;
}
.chat_icon_wrapper	{
	width: 40px;	height: 40px;	overflow: hidden;
}
.chat_icon_wrapper img	{
	width: 100%;	height: 100%;	display: block;
}
.event-slide .swiper-slide	{
	margin-right: 16px;
}



/* 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: 8px;	padding: 0 6px 0 6px;
	width: fit-content;	max-width: 150px;	height: 30px;
	border: 1px solid;	border-color: transparent;	border-radius: 6px;
	color: #FFFFFF;	background-color: #395568;
	font-size: 1.2rem;	text-align: left;
}
.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;
}
.dropdown-content.show	{
	display: flex;	flex-direction: column;	align-items: flex-start;
}
.dropdown-content	{
	display: none;
	position: absolute;	z-index: 3000;
	overflow: hidden;
	margin-top: 0;	margin-left: 0;
	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);
	background-color: rgba(50, 85, 105, 0.9);	color: #ffffff;
	font-size: 12px;	text-align: left;
}
.dropdown-content a	{
	display: inline-flex;
	justify-content: flex-start;	align-items: center;
	width: 100%;	min-width: max-content;
	gap: 0.5rem;	padding: 6px 10px;
	color: #ffffff;
	font-size: 12px;	text-decoration: none;
}
.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: #567a92;	color: #ffffff;
}
.dropdown:hover .dropbtn	{
	background-color: #20323e;	color: #ffffff;	border-color: #618aa6;
}
.gnb_in .select_lang	{
	display: none;
}

@media screen and (max-width: 767px)	{
	.dropbtn	{
		gap: 0;
	}
	.dropdown-content	{
		right: 0;
	}
	.gnb_in .select_lang	{
		width: 100%;	padding: 0 16px;
	}
	.gnb_in .dropdown	{
		position: relative;	width: 100%;
	}
	.gnb_in .dropdown .dropbtn	{
		width: 100%;	max-width: unset;	height: 40px;	font-size: 1.375rem;	gap: 8px;
	}
	.gnb_in .dropdown .dropdown-content	{
		max-width: unset;	width: 100%;	bottom: 100%;
	}
	.my_panel .dropbtn	{
		height: 42px;
	}
	.my_panel .dropdown-content	{
		bottom: 100%;
	}
	.gnb_in .select_lang	{
		display: block;
	}
}





/* 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: 11;
	align-items: center;
	justify-content: center;
	background: var(--color-point3);
	background: linear-gradient(310deg, rgb(0 0 0 / 25%) 0%, rgb(50 155 200 / 70%) 50%, #0c2834 100%);
}
.maintenance .text-mt > span,
.maintenance .text-mt > em {
	animation: mt-blink 1.5s infinite;
	font-style: normal;
	font-weight: inherit;
}

.all_menu_layer .menu_list .maintenance { overflow: visible;}
.all_menu_layer .menu_list .maintenance .text-mt {
	border-radius:8px;
	font-size: clamp(13px, 2vw, 16px);
}


@keyframes mt-blink {
	0% { opacity: 1; }
	10% { opacity: 0; }
	20% { opacity: 1; }
	100% { opacity: 1; }
}
.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;}
}