/* theme10 P-FIX: broken external asset fallbacks only. */

:root {
	--font-ff-body: "Paperlogy", "Pretendard", sans-serif;
	--font-ff-heading: "Paperlogy", "Pretendard", sans-serif;
}

.section_inner {
	background-image: none !important;
}

.gnb_right li,
.gnb_right li:hover {
	background-image: none !important;
}

.slide3 {
	background-image: url(../assets/images/content/banner-2.jpg?v=web02) !important;
}

@media screen and (max-width: 700px) {
	.slide3 {
		background-image: url(../assets/images/content/banner-m2.jpg?v=web02) !important;
	}
}

.theme10-mobile-game-nav-hint .theme10-mobile-game-nav-msg {
	margin: 0.5rem 0;
	font-size: 0.875rem;
	opacity: 0.85;
}
.theme10-mobile-game-nav-hint .theme10-mobile-game-nav-btn {
	display: inline-block;
	margin-top: 0.25rem;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
}

.theme10-game-grid .theme10-game-card,
.theme10-game-grid .theme10-game-card a {
	min-width: 0;
}

.theme10-game-grid .theme10-game-card a {
	display: block;
	position: relative;
	z-index: 1;
}

.theme10-game-grid .theme10-game-card .bg_slide_hover {
	pointer-events: none;
}

.btn_logout_mobile {
	display: none !important;
}

/* 20260605 UI polish: single hero, mobile drawer game cards, compact modals. */
.theme10-hero-static .theme10-hero-banners {
	display: block !important;
	width: 100% !important;
	overflow: hidden !important;
}

.theme10-hero-static .theme10-hero-banner {
	display: none !important;
	width: 100% !important;
	min-height: clamp(260px, 30vw, 420px) !important;
	background-size: cover !important;
	background-position: center center !important;
	border-radius: 18px !important;
}

.theme10-hero-static .theme10-hero-banner.slide1 {
	display: block !important;
}

@media all and (max-width: 1030px) {
	.panel.left.active {
		max-width: min(92vw, 520px) !important;
		background: linear-gradient(180deg, rgba(12,8,20,.98), rgba(20,11,32,.98)) !important;
		box-shadow: 14px 0 40px rgba(0,0,0,.55);
		overflow: hidden auto;
	}

	.panel.left.active .gnb_menu {
		display: block !important;
		padding: 12px 12px 18px !important;
	}

	.login .panel.active .gnb_afterLogin,
	.login .panel.active .gnb_afterLogin .theme_myMenu {
		display: block !important;
		width: 100% !important;
	}

	.panel.active .gnb_afterLogin.add_maintop {
		display: block !important;
		margin: 42px 0 8px !important;
		padding: 10px !important;
		border: 1px solid rgba(255,255,255,.12);
		border-radius: 16px;
		background: rgba(255,255,255,.055);
	}

	.panel.active .theme_myMenu {
		height: auto !important;
		padding: 0 !important;
		flex-direction: column !important;
		gap: 8px;
	}

	.panel.active .theme_myMenu .myMenuPage {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 6px !important;
		width: 100%;
		position: static !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.panel.active .theme_myMenu .myMenuPage span,
	.panel.active .theme_myMenu .myMenuPage a {
		display: flex !important;
		align-items: center;
		justify-content: center;
		min-width: 0 !important;
		width: 100% !important;
		height: 34px !important;
		margin: 0 !important;
		padding: 0 6px !important;
		border-radius: 10px !important;
		background: rgba(255,255,255,.08) !important;
		color: #fff;
		font-size: 12px !important;
		line-height: 1.1 !important;
		text-decoration: none !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.panel.active .theme_myMenu .myMenuPage .myMenu_name {
		grid-column: 1 / -1;
		justify-content: flex-start;
		padding: 0 10px !important;
		color: #f8fafc;
		background: linear-gradient(135deg, rgba(246,196,83,.22), rgba(143,92,255,.18)) !important;
	}

	.panel.active .theme_myMenu .myMenuPage .btn_logout_mobile {
		background: rgba(248,113,113,.20) !important;
		border: 1px solid rgba(248,113,113,.35);
		color: #fecaca !important;
	}

	.panel.active .theme_myMenu .myMenu_info {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px !important;
		width: 100% !important;
		position: static !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
	}

	.panel.active .theme_myMenu .myMenu_info > span,
	.panel.active .theme_myMenu .myMenu_info > a,
	.panel.active .theme_myMenu .myMenu_info > .select_lang {
		display: flex !important;
		align-items: center;
		justify-content: center;
		min-width: 0 !important;
		width: 100% !important;
		height: 34px !important;
		margin: 0 !important;
		padding: 0 6px !important;
		border-radius: 10px !important;
		background: rgba(15,23,42,.78) !important;
		color: #f8fafc !important;
		font-size: 12px !important;
		line-height: 1.1 !important;
		text-decoration: none !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.panel.active .theme_myMenu .myMenu_info .btn_logout {
		display: none !important;
	}

	.panel.active .theme_myMenu .myMenu_info .m_money,
	.panel.active .theme_myMenu .myMenu_info .m_point {
		justify-content: flex-start !important;
		padding: 0 8px !important;
	}

	.panel.active .theme_myMenu .myMenu_info .m_money,
	.panel.active .theme_myMenu .myMenu_info .m_point {
		grid-column: span 1;
	}

	.btn_logout_mobile {
		display: flex !important;
	}

	.panel.active .select_lang .selectLangCont,
	.panel.active .select_lang .selectLangCont img {
		width: 22px !important;
		height: 22px !important;
		margin: 0 !important;
	}

	.panel.active .select_lang {
		position: static !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		width: 34px !important;
		min-width: 34px !important;
		height: 34px !important;
		padding: 0 !important;
		margin: 0 !important;
		justify-self: end;
	}

	.panel.active .select_lang .selectLangCont {
		display: flex !important;
		align-items: center;
		justify-content: center;
		padding: 0 !important;
	}

	.panel.active .select_lang .lang_inner {
		top: 36px !important;
		right: 0 !important;
		left: auto !important;
	}

	.mobGnb .menu_type {
		gap: 6px !important;
		padding: 8px 0 10px !important;
		margin: 0 !important;
	}

	.menu_type li {
		width: auto !important;
		flex: 1 1 0 !important;
		height: 38px !important;
		margin: 0 !important;
		border-radius: 10px !important;
		overflow: hidden;
		background: rgba(255,255,255,.06);
	}

	.menu_type li a {
		height: 100% !important;
		font-size: 12px !important;
		font-weight: 700;
	}

	.gnb_tab {
		height: auto !important;
		min-height: calc(100dvh - 170px);
	}

	.gnb_tab_scroll,
	.gnb_tab_inner {
		height: auto !important;
		overflow: visible !important;
	}

	.menu_tab {
		position: sticky;
		top: 0;
		z-index: 2;
		padding: 8px 0;
		background: rgba(12,8,20,.98);
	}

	.toggleMenuTab {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.toggleMenuTab li button {
		width: 100%;
		height: 40px;
		border-radius: 12px;
		background: rgba(255,255,255,.08);
		color: #fff;
		border: 1px solid rgba(255,255,255,.12);
	}

	.toggleMenuTab li.active button {
		background: linear-gradient(135deg, #f6c453, #8f5cff);
		color: #111;
	}

	.game_menus h3 {
		padding: 10px 2px 8px !important;
		line-height: 1.2 !important;
	}

	.game_menus ul {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px !important;
		justify-content: stretch !important;
	}

	.game_menus ul li,
	.game_menus ul li:nth-child(even) {
		width: 100% !important;
		margin: 0 !important;
		border: 1px solid rgba(255,255,255,.1) !important;
		border-radius: 14px !important;
		background: rgba(255,255,255,.065) !important;
		overflow: hidden;
	}

	.game_menus ul li a {
		height: 108px !important;
		padding: 7px !important;
		flex-direction: column-reverse !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		line-height: 1.15 !important;
	}

	.game_menus ul li a span {
		width: 100% !important;
		text-align: center !important;
		font-size: 12px !important;
	}

	.game_menus ul li i {
		width: 100% !important;
		height: 74px !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		border-radius: 10px;
		overflow: hidden;
		background: rgba(0,0,0,.24);
	}

	.game_menus ul li i img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center !important;
	}
}

.depositLayer .basic_tab.mypageTab {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	height: auto !important;
}

.depositLayer .basic_tab.mypageTab li {
	width: auto !important;
	height: 42px !important;
	margin: 0 !important;
	border-radius: 10px !important;
	overflow: hidden;
}

.depositLayer .popup_button.btn_2 {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 6px !important;
	justify-content: center !important;
	margin-top: 8px !important;
}

.depositLayer .popup_button.btn_2 .btn {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	height: 38px !important;
	padding: 0 6px !important;
	font-size: 12px !important;
}

@media screen and (max-width: 520px) {
	.depositLayer .popup_button.btn_2 {
		gap: 4px !important;
	}

	.depositLayer .popup_button.btn_2 .btn {
		height: 34px !important;
		font-size: 11px !important;
	}
}

@media all and (max-width: 1030px) {
	.panel.active .theme_myMenu .myMenuPage {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		position: static !important;
	}

	.panel.active .theme_myMenu .myMenu_info {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 34px !important;
		position: static !important;
	}

	.panel.active .theme_myMenu .myMenuPage .myMenu_name {
		grid-column: 1 / -1 !important;
	}
}