/* theme11 hotel cards — gold-style box, scoped to .gold-card-grid only */
.gold-card-grid {
	width: 100%;
	text-align: center;
}

/* w-ba: gold markup uses it; :before/:after on sc-btn/g-panel/g-footer need content+position */
.gold-card-grid .w-ba {
	position: relative;
	z-index: 1;
}
.gold-card-grid .w-ba:before, .gold-card-grid .w-ba:after {
	content: "";
	pointer-events: none;
	z-index: -1;
	position: absolute;
}

/* Site Button — .btn-yellow only */
.gold-card-grid .btn-yellow {
	color: rgba(0, 0, 0, 0.75);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	background-color: #ffc657;
	background-image: linear-gradient(#ffce6b, #ffbd3f);
	border: solid 1px #ffd273;
	border-radius: 5px;
	box-shadow: inset 0 0 0 1px #1d160e82;
	font-weight: bold;
	position: relative;
	z-index: 1;
}
.gold-card-grid .btn-yellow:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: 0.3s;
	z-index: -1;
	border-radius: 4px;
	border: solid 1px #1d160e82;
	opacity: 0;
	background-image: linear-gradient(#ffac66, #d77421);
}

@media (min-width: 1121px) {
	.gold-card-grid .btn-yellow:hover:before {
		opacity: 1;
	}
	.gold-card-grid .btn-yellow:hover {
		color: #fff;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
		background-color: #ffac66;
		border-color: #ffa04f;
		box-shadow: inset 0 0 0 1px #1d160e82, 0 0 8px rgba(255, 255, 255, 0.4);
	}
}

@keyframes theme11GoldScBtnAnim {
	0%	{	opacity: 0;	transform: translateY(50px) scale(0.5);}
	50%	{	opacity: 1;	transform: translateY(-20px) scale(1);}
	100%	{	opacity: 1;	transform: translateY(0) scale(1);}
}

.gold-card-grid .sc-btn {
	width: 242px;
	background-color: #5e4322;
	background-image: linear-gradient(to bottom left, #f5cc7f, #96653b, #b79453);
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 1);
	display: inline-block;
	margin: 0 7.5px 20px;
	padding: 5px 5px;
	position: relative;
	animation: theme11GoldScBtnAnim 0.8s ease 1 backwards;
	transform-origin: bottom center;
}
.gold-card-grid .sc-btn.off {
	filter: brightness(0.45) blur(0.05rem);
}
.gold-card-grid .sc-btn:hover {
	z-index: 2;
	margin-top: -20px;
	margin-bottom: -20px;
	box-shadow: 0 0 10px rgba(234, 209, 163, 0.5);
}
.gold-card-grid .sc-btn:before,
.gold-card-grid .sc-btn:after {
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 10px;
	background-image: linear-gradient(#97663c, #58341c);
	transition: 0.3s;
}
.gold-card-grid .sc-btn:after {
	background-image: linear-gradient(#f3dbac, #ba975e);
	opacity: 0;
}
.gold-card-grid .sc-btn:hover:after {
	opacity: 1;
}
.gold-card-grid .sc-btn .g-panel {
	width: 100%;
	background-color: #301605;
	border-radius: 8px;
	padding: 8px 9px;
	overflow: hidden;
	transition: 0.3s;
}
.gold-card-grid .sc-btn:hover .g-panel {
	background-color: #503624;
}
.gold-card-grid .sc-btn .g-panel:before {
	width: 120%;
	height: 50%;
	left: -10%;
	right: 0;
	bottom: -20%;
	margin: 0 auto;
	background-image: radial-gradient(rgba(108, 74, 40, 0.8), rgba(149, 112, 76, 0.15), rgba(108, 74, 40, 0), rgba(108, 74, 40, 0));
}
.gold-card-grid .sc-btn .g-panel:after {
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.75);
	border-radius: 8px;
	z-index: 4;
}
.gold-card-grid .sc-btn .g-cont {
	background-color: #000;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 1px 1px #6c4829;
}
.gold-card-grid .sc-btn:hover .g-cont {
	box-shadow: 0 1px 1px #ae845f, 0 2px 5px rgba(0, 0, 0, 0.5);
}
.gold-card-grid .sc-btn .g-cont .g-img {
	width: 100%;
	transition: 0.5s;
}
.gold-card-grid .sc-btn:hover .g-cont .g-img {
	transform: scale(1.1);
	opacity: 0.5;
}
.gold-card-grid .sc-btn .g-info {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
	margin: 5px 0 0;
	z-index: 3;
}
.gold-card-grid .sc-btn .g-info .g-name {
	width: 100%;
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 1);
	vertical-align: top;
}
.gold-card-grid .sc-btn .glass {
	width: 200%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1));
	transform-origin: bottom left;
	transform: rotate(-48deg);
	z-index: 1;
	transition: 0.3s;
}
.gold-card-grid .sc-btn:hover .glass {
	transform: rotate(0deg);
	opacity: 0;
}
.gold-card-grid .sc-btn .g-footer {
	position: relative;
	z-index: 3;
}
.gold-card-grid .sc-btn .g-footer:before {
	width: 0;
	height: 7px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-top: solid 1px rgba(255, 255, 255, 0.15);
	border-bottom: solid 1px rgba(255, 255, 255, 0.15);
	transition: 0.5s;
	-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, black 25%, black 75%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
	mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, black 25%, black 75%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);
}
.gold-card-grid .sc-btn:hover .g-footer:before {
	width: 100%;
}
.gold-card-grid .sc-btn .play-btn {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 4;
	font-weight: 600;
	box-shadow: 0 0 16px rgba(235, 210, 160, 0.725), 0 2px 4px rgba(0, 0, 0, 0.75), inset 0 0 1px 1px rgba(30, 20, 15, 0.45);
	opacity: 0;
	transform: scale(0);
}
.gold-card-grid .sc-btn .play-btn:hover {
	box-shadow: 0 0 15px rgba(234, 209, 163, 1), 0 1px 2px rgba(0, 0, 0, 1), inset 0 0 0 1px #1d160e82;
}
.gold-card-grid .sc-btn .play-btn:hover::before,
.gold-card-grid .sc-btn .play-btn::before {
	border-radius: 80px;
}
.gold-card-grid .sc-btn:hover .play-btn {
	opacity: 1;
	transform: scale(1);
}

@media (max-width: 767px) {
	.gold-card-grid .sc-btn {
		width: 46%;
		max-width: 160px;
		margin: 0 4px 12px;
	}
	.gold-card-grid .sc-btn:hover {
		margin-top: 0;
		margin-bottom: 12px;
	}
	.gold-card-grid .sc-btn .g-info .g-name {
		font-size: 13px;
	}
	.gold-card-grid .sc-btn .play-btn {
		width: 64px;
		height: 64px;
		font-size: 11px;
	}
}
/* ===== 헤더 우상단 유저정보 1행 정렬 (20260827) ===== */
@media (min-width: 1121px) {
	.login .theme_myMenu {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-end;
		gap: 14px;
		white-space: nowrap;
		height: auto;
	}
	.login .theme_myMenu .myMenu_row {
		display: contents;
	}
	.login .theme_myMenu .myMenu_row > * + * {
		margin-left: 0;
		padding-left: 14px;
		border-left: 1px solid rgba(255, 255, 255, 0.22);
	}
	.login .theme_myMenu .myMenu_act_btn {
		flex: none;
		min-height: auto;
		display: inline;
		background: transparent;
		border: none;
		border-radius: 0;
		font-size: 13px;
		padding: 0;
	}
	.login .theme_myMenu .myMenu_row span,
	.login .theme_myMenu .myMenu_row .btn_logout {
		font-size: 13px;
	}
	.login .theme_myMenu .myMenu_row .btn_logout {
		margin-left: 0;
		width: auto;
		white-space: nowrap;
	}
}
/* ===== 모바일 중간 5버튼 + 하단 내정보 (20260827 mobfix) ===== */
@media (max-width: 767px) {
	#wrap {
		overflow-x: hidden !important;
		overflow-y: visible !important;
	}

	.site_menu {
		overflow: visible !important;
		margin: 28px 0 16px !important;
	}

	.site_menu li img {
		max-height: none !important;
		height: auto !important;
		width: 100% !important;
		object-fit: contain !important;
	}

	.login .theme_login.show .theme_myMenu {
		height: auto !important;
		min-height: 96px;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 10px !important;
		padding: 14px 12px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
		box-sizing: border-box;
	}

	.login .theme_login.show .theme_myMenu .myMenu_row--id {
		display: flex;
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
		flex-wrap: nowrap;
	}

	.login .theme_login.show .theme_myMenu .myMenu_row--id .myMenu_name {
		max-width: 34vw;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.login .theme_login.show .theme_myMenu .myMenu_row--id .m_money,
	.login .theme_login.show .theme_myMenu .myMenu_row--id .m_point {
		white-space: nowrap;
		flex: 0 0 auto;
	}

	.login .theme_login.show .theme_myMenu .myMenu_row--id .select_lang {
		display: none;
	}

	.login .theme_login.show .theme_myMenu .myMenu_row--act {
		display: flex;
		width: 100%;
		gap: 8px;
	}

	.login .theme_login.show .theme_myMenu .myMenu_row--act .myMenu_act_btn,
	.login .theme_login.show .theme_myMenu .myMenu_row--act .btn_logout,
	.login .theme_login.show .theme_myMenu .myMenu_row--act .hover {
		flex: 1 1 50%;
		min-height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border-radius: 8px;
		font-size: 15px;
		box-sizing: border-box;
		background: rgba(255, 255, 255, 0.12);
		border: 1px solid rgba(255, 255, 255, 0.18);
	}
}