:root {
	--primary: #c89150;
	--primary-light: #f3dc94;
	--primary-dark: #6e3f16;
	--second: #f3c146;
	--border: #a77718;
	--gradient-gold-double: linear-gradient(90deg, #8c5c17, #f1dc91 50%, #8c5c17);
	--mob-slot-cnt: repeat(2, 1fr);
	--mob-thumb-cnt: repeat(2, 1fr);
}

html, body { min-height: 100%; background: #050505; }
body { overflow-x: hidden; }
#container { min-height: 100vh; }
#container, #contents, #main_content { background-color: transparent !important; }
#bgVideo { z-index: 0 !important; }
#contents { position: relative; z-index: 1; }
#main_content { min-height: calc(100vh - 145px); }
header .header_wrap { position: relative; z-index: 2; }
header .header_wrap .topZone .rightBox .btn_wrap { display: flex; gap: 5px; align-items: center; }
header .header_wrap .topZone .rightBox .info_wrap a { color: #d6d1ca; text-align: center; }
header .header_wrap .topZone .rightBox .info_wrap b { margin-left: 2px; color: #fff; }
header .header_wrap .logo { overflow: visible; }
header .header_wrap .logo img { display: block; max-width: 100%; object-fit: contain; object-position: center; }
header .header_wrap .downZone { background-image: url('/alien/images/special/menu_bg5.gif'), linear-gradient(#271d16, #1f1814); }
header .header_wrap .downZone a,
.gnb_menu_box a,
.gnb_menu_box span {
	box-sizing: border-box;
	white-space: nowrap;
	padding: 8px 12px;
	border: 1px solid transparent;
	border-radius: 22px;
}
header .header_wrap .downZone a:hover,
.gnb_menu_box a:hover,
.gnb_menu_box span:hover {
	padding: 8px 12px;
	border-width: 1px;
}
header .menu_ico, header .user_ico { border: 0; box-shadow: none; background: transparent; width: 42px; }
.langs { position: relative; overflow: visible !important; }
.boss-lang { display: flex; min-width: 118px; height: 36px; align-items: center; justify-content: center; gap: 8px; border: 1px solid #8b6737; border-radius: 5px; color: #ddd; background: rgba(15,15,15,.78); box-shadow: inset 0 0 5px #000; }
.boss-lang img, .boss-lang-mobile img, .boss-lang-menu img { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; }
.boss-lang-mobile { display: none; }
.boss-lang-menu { position: absolute; top: calc(100% + 4px); right: 0; z-index: 50; min-width: 170px; margin: 0; padding: 6px; list-style: none; background: #100f0f; border: 1px solid var(--border); }
.boss-lang-menu li { margin: 0; }
.boss-lang-menu button { display: flex; width: 100%; align-items: center; gap: 8px; padding: 8px; border: 0; color: #ddd; background: transparent; text-align: left; }
.boss-lang-menu button.active, .boss-lang-menu button:hover { background: #424242; color: #fff; }
.mask_layer { z-index: 10001 !important; }
#popup_register { max-height: calc(100vh - 24px); overflow-y: auto; }
.paging_box { display: flex; justify-content: center; align-items: center; gap: 5px; padding: 20px 0; text-align: center; }
.paging_box button, .paging_box span { font-size: 14px; display: inline-block; border: 1px solid #444; min-width: 30px; height: 30px; line-height: 30px; padding: 0 8px; color: #ddd; background: #111; text-align: center; }
.board_box .money_box td button.active { background: var(--gradient-gold-double); color: #111; }
.notice-detail, .eventContent td, .letterContent td, .qnaContent td, .noticeContent td {
	padding: 16px;
	background: #141416;
	color: #ddd;
	text-align: left;
	word-break: break-word;
	white-space: normal;
	line-height: 1.7;
}
.notice-detail img, .eventContent img, .letterContent img, .qnaContent img, .noticeContent img {
	max-width: 100%;
	height: auto;
	display: block;
}
#partner_content { min-height: 100vh; overflow-x: hidden; }
.partner-frame-wrap { width: 100%; overflow-x: hidden; }
#partner-iframe { display: block; border: none; transform-origin: top left; }
.blocker { display: none; position: fixed; inset: 0; z-index: 28; background: transparent; border: 0; }
.blocker.active { display: block; }
#left_section .close_aside,
#right_section .close_aside {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid var(--border);
	border-radius: 4px;
	color: #f3dc94;
	background: #161311;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .45);
}
#left_section .close_aside span,
#right_section .close_aside span {
	line-height: 1;
	font-size: 14px;
}
#left_section:not(.aside) .close_aside { display: none !important; }
.right_box .user_box .btn_wrap a,
.right_box .user_box .btn_wrap button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	gap: 5px;
	padding: 8px 0;
	border: 0;
	border-radius: 5px;
	background: #000;
	box-shadow: none;
	color: inherit;
	font-size: 10px;
	width: auto;
	height: auto;
	line-height: 1.2;
	text-shadow: none;
	cursor: pointer;
}
.page-loading, .page-empty { padding: 70px 20px; color: #aaa; text-align: center; background: rgba(0,0,0,.4); }
.game-page { padding: 5px 0 30px; }
.game_list_wrap button { width: 100%; border: 0; box-shadow: none; background: transparent; text-align: inherit; display: block; }
.game_list_wrap .check { pointer-events: none; }
.slot_wrap .logo_wrap { z-index: 2; }
.slot_wrap .model { aspect-ratio: 1 / 1.2; object-fit: contain; object-position: center bottom; background: rgba(0,0,0,.5); }
.game_wrap .model { max-height: 100%; object-fit: contain; object-position: right bottom; }
.game_wrap .logo, .slot_wrap .logo { object-fit: contain; }
.title1-search { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 12px 15px; margin-top: 5px; color: var(--primary-light); background: #222227; font-size: 20px; font-weight: 700; }
.clearable { position: relative; width: min(320px, 55%); }
.clearable input { width: 100%; height: 38px; box-sizing: border-box; padding: 0 42px 0 12px; color: #fff; background: #111; border: 1px solid #5e513a; }
.clearable button { position: absolute; right: 0; top: 0; width: 38px; height: 38px; border: 0; box-shadow: none; color: #aaa; }
.slot_list > ul > li { cursor: pointer; }
.slot_list > ul > li img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.footer_wrap { padding-bottom: 20px; }
.footer_wrap img { opacity: 1; }

.modal-overlay { position: fixed !important; inset: 0 !important; z-index: 100000 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 15px; background: rgba(0,0,0,.7) !important; backdrop-filter: blur(2px); }
.modal-box.auth-modal { position: relative; width: min(350px, calc(100vw - 30px)) !important; max-height: calc(100vh - 30px); overflow-y: auto; padding: 20px 26px 28px !important; border: 1px solid #4b4540 !important; border-radius: 18px !important; background: #202025 url('/alien/images/common/bg_popup.jpg') center / cover !important; box-shadow: 0 10px 40px #000 !important; }
.modal-box.auth-modal-wide { width: min(620px, calc(100vw - 30px)) !important; }
.auth-titlebar { display: contents !important; }
.auth-title { display: none; }
.modal-close { position: absolute !important; top: 10px !important; right: 12px !important; width: 32px !important; height: 32px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; color: #ddd !important; background: transparent !important; font-size: 21px; z-index: 2; }
.modal-logo { padding: 0 0 20px !important; text-align: center; }
.modal-logo img { max-width: 88% !important; max-height: 105px !important; }
.auth-lead { display: none; }
.modal-form { display: grid; gap: 9px; }
.modal-form input, .modal-form select, .modal-form textarea { width: 100%; min-height: 42px; box-sizing: border-box; padding: 0 12px; border: 1px solid #48484d; color: #fff; background: rgba(35,35,40,.88); }
.modal-form textarea { padding: 10px; }
.auth-btn-row { display: grid !important; grid-template-columns: 1fr !important; gap: 10px; margin-top: 8px; }
.auth-btn-row button { min-height: 46px; border-radius: 7px; color: #fff; font-size: 16px; font-weight: 700; background: linear-gradient(#50aff3, #218bd5); }
.auth-btn-row .auth-btn-secondary { background: linear-gradient(#ffa414, #d77900); }
.auth-field, .auth-row, .auth-input-row, .auth-form-row { min-width: 0; }
.swal2-container { z-index: 200000 !important; }

@media screen and (max-width: 1860px) and (min-width: 801px) {
	#contents { margin-right: 285px; }
}

@media screen and (min-width: 801px) {
	.main_minigame ul.pc { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
	.right_box .sns_wrap {
		display: flex;
		flex-direction: column;
		gap: 6px;
		margin-top: 8px;
	}
	.right_box .sns_wrap a { width: 100%; }
	.right_box .sns_wrap img,
	.right_box .sns_wrap video { width: 100%; display: block; }
}

@media screen and (max-width: 1400px) and (min-width: 801px) {
	header .header_wrap .downZone { box-sizing: border-box; justify-content: space-around !important; gap: 0 !important; padding: 10px 70px !important; font-size: 15px !important; }
	header .header_wrap .downZone a,
	header .header_wrap .downZone a:hover { padding: 8px 5px; }
}

@media screen and (max-width: 800px) {
	.modal-overlay.modal-auth-root { align-items: center !important; padding: 4px !important; }
	.modal-box.auth-modal,
	.modal-box.auth-modal.auth-modal-wide {
		box-sizing: border-box;
		width: calc(100vw - 8px) !important;
		max-width: none !important;
		max-height: calc(100dvh - 8px) !important;
		padding: 12px 10px 10px !important;
		overflow: hidden;
		border-radius: 12px !important;
	}
	.modal-logo { margin: 0 !important; padding: 0 0 8px !important; }
	.modal-logo img { width: auto !important; max-width: 72% !important; max-height: 58px !important; }
	.auth-panel,
	.modal-box.auth-modal.auth-modal-wide .auth-panel.register-modal-scroll {
		min-height: 0;
		padding: 0 2px 10px 0 !important;
	}
	.auth-panel-login { overflow: visible; }
	.register-modal-scroll { max-height: none !important; overflow-x: hidden; overflow-y: auto; }
	.auth-field-row { margin-bottom: 8px; }
	.auth-inline { gap: 6px; }
	.modal-form { gap: 6px; }
	.modal-form input,
	.modal-form select,
	.modal-form textarea { min-height: 40px; }
	.modal-close { top: 4px !important; right: 4px !important; }
	header .header_wrap.mob .topZone {
		position: relative;
		justify-content: center;
	}
	header .header_wrap.mob .logo {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: auto;
		max-width: calc(100% - 150px);
		margin: 0;
		z-index: 1;
	}
	header .header_wrap.mob .logo img {
		width: auto;
		max-width: 190px;
		height: 45px;
		margin: 0;
	}
	header .header_wrap.mob .langs {
		position: absolute;
		top: 50%;
		right: 52px;
		transform: translateY(-50%);
		z-index: 3;
	}
	.boss-lang-mobile {
		position: static;
		display: flex;
		width: 36px;
		height: 36px;
		align-items: center;
		justify-content: center;
		border: 1px solid #765a35;
		border-radius: 5px;
		color: #fff;
		background: #111;
		box-shadow: none;
	}
	.boss-lang-menu-mob { top: calc(100% + 4px); right: 0; left: auto; }
	header .header_wrap .downZone { background: #000 !important; background-image: none !important; }
	#contents { margin: 0 !important; margin-top: 105px !important; padding: 0 !important; }
	#mobileBgVideo { z-index: 0 !important; }
	#contents { position: relative; z-index: 1; }
	#main_content { min-height: calc(100vh - 125px); }
	#right_section { display: none; top: 0; width: min(320px, 92vw); z-index: 10001; background: #080808; }
	#right_section.aside { display: flex; flex-direction: column; }
	#left_section.aside { top: 60px; width: min(300px, 92vw); z-index: 10001; }
	#left_section.aside .left_box { display: block; padding: 5px; background: #080808; }
	#right_section.aside .right_box { flex: 1; min-height: 0; }
	header .header_wrap .downZone .cash_wrap { display: flex; flex: 1; justify-content: center; gap: 5px; }
	.main_minigame ul.mbtn { display: flex !important; justify-content: flex-start; gap: 6px; }
	.head_box { margin-top: 0; }
	.game-page { padding-bottom: 10px; }
	.footer_wrap { display: none; }
	.title1-search { align-items: stretch; flex-direction: column; font-size: 16px; }
	.clearable { width: 100%; }
	.qna-content > .btn_wrap { flex-wrap: wrap; }
	.board_list th button, .board_list td button { min-width: 48px; height: 26px; font-size: 11px; }
}

.board_list th button,
.board_list td button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 54px;
	height: 28px;
	padding: 0 10px;
	border: 1px solid var(--border);
	border-radius: 4px;
	color: var(--primary-light);
	background: linear-gradient(#2c2418, #14110e);
	font-size: 12px;
	font-weight: 700;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .45);
}
.board_list th button:hover,
.board_list td button:hover {
	color: #111;
	background: var(--gradient-gold-double);
}
.board_box .message_box {
	white-space: pre-line;
}
.board_box .message_box b {
	color: var(--primary-light);
}
.qna-content > .btn_wrap {
	display: flex;
	gap: 8px;
	margin-bottom: 10px;
}
.qna-content > .btn_wrap button {
	flex: 1;
	min-height: 40px;
	padding: 8px 12px;
	border: 1px solid var(--border);
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	background: linear-gradient(#3a2e22, #1a1612);
}
.qna-content > .btn_wrap button:hover {
	color: #111;
	background: var(--gradient-gold-double);
}
#left_section.aside .close_aside.pc {
	right: -36px;
	width: 32px;
	height: 32px;
	padding: 0;
	box-sizing: border-box;
}
#right_section .close_aside.mob {
	align-self: flex-end;
	flex-shrink: 0;
	margin: 8px;
}
.notice_popup_area {
	z-index: 10050 !important;
}
.notice_popup_btn_wrap {
	color: #fff;
	font-size: 13px;
}
.notice_popup {
	width: min(450px, 100%);
	max-width: min(450px, calc(100vw - 24px));
}
.notice_popup img {
	width: 100%;
	height: auto;
	display: block;
}
.board_list table {
	width: 100%;
}
.board_list .noticeTitle:hover td,
.board_list .eventTitle:hover td {
	color: var(--primary-light);
}