/**
 * WHITE CASINO — 로고 (확대판 20260826)
 */
.theme_logo_img img,
.theme_logo_img img.mainlogo,
.panel_logo img,
.pop_logo img.popuplogo {
	max-width: min(460px, 92vw) !important;
	width: auto !important;
	height: auto !important;
	max-height: 132px !important;
	object-fit: contain;
	filter: none !important;
}

/* 헤더 컨테이너가 로고를 자르지 않도록 높이 확보 */
.theme_logo_img { height: auto !important; }
.theme_logo_img a img { height: auto !important; width: auto !important; max-width: min(460px,92vw) !important; max-height: 132px !important; }

@media screen and (max-width: 767px) {
	.theme_logo_img img.mainlogo,
	.panel_logo img {
		max-height: 92px !important;
		max-width: min(320px, 82vw) !important;
	}
	.theme_logo_img a img { max-height: 92px !important; }
}

/* theme11 — 쪽지 미읽음 뱃지 (20260827) */
.myMenuPage span.hover .memo_unread_badge {
	position: absolute;
	top: -6px;
	right: -8px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 8px;
	background: #e74c3c;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	font-weight: 700;
}
.myMenuPage span.hover {
	position: relative;
}

/* ===== theme11 모달 내부 스킨 (20260827) ===== */
/* 스코프: .popup_box 하위만. 밝은 화이트+골드 패널용. */

.popup_box .layer_head {
	min-height: 52px;
	margin-bottom: 12px;
	padding: 0 52px 0 8px;
	box-sizing: border-box;
}

.popup_box .layer_head .title,
.popup_box .depositTxt {
	display: block;
	position: relative;
	z-index: 1;
	margin: 0 0 4px;
	padding: 6px 0;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
}

.popup_box .layer_body {
	color: #3a2c12;
}

/* 1) 탭 — 가로 균등, 최소 42px */
.popup_box .mypageTab,
.popup_box ul.basic_tab.mypageTab {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 8px 0 16px;
	gap: 0;
	box-sizing: border-box;
}

.popup_box .mypageTab > li,
.popup_box .basic_tab.mypageTab > li {
	flex: 1 1 0;
	width: auto !important;
	min-width: 0;
	min-height: 42px;
	height: 42px !important;
	margin: 0;
	list-style: none;
}

.popup_box .mypageTab > li button,
.popup_box .basic_tab.mypageTab > li button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 42px;
	height: 42px;
	padding: 0 8px;
	border: none;
	border-bottom: 2px solid #c9a227;
	border-radius: 0;
	background-color: transparent;
	background-image: none;
	color: #9e721f;
	font-size: 1.4rem;
	font-weight: 700;
	box-sizing: border-box;
}

.popup_box .mypageTab > li button span,
.popup_box .basic_tab.mypageTab > li button span {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}

.popup_box .mypageTab > li.active button,
.popup_box .basic_tab.mypageTab > li.active button {
	background-color: #c9a227;
	background-image: linear-gradient(180deg, #e3c46a, #c9a227);
	color: #3a2c12;
	border-bottom-color: #c9a227;
}

/* 2) 금액칩 */
.popup_box .btnMoney {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 46px !important;
	min-height: 46px;
	padding: 0 10px;
	border: 1px solid #c9a227 !important;
	border-radius: 6px;
	background-color: #f4ead0 !important;
	background-image: linear-gradient(180deg, #fff8e6, #f0e2b8) !important;
	color: #3a2c12 !important;
	font-weight: 700;
	box-sizing: border-box;
}

.popup_box .btnMoney span {
	color: #3a2c12 !important;
}

.popup_box .btnMoney:hover {
	background-color: #c9a227 !important;
	background-image: linear-gradient(180deg, #e3c46a, #c9a227) !important;
	color: #2a1f0a !important;
}

/* 3) 주 CTA */
.popup_box .popup_button .login_btn,
.popup_box.mypageLayer .popup_button .basic:not(.btnMoney):not(.allMoney) {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 46px !important;
	min-height: 46px;
	padding: 0 16px;
	border: 1px solid #b8921f !important;
	border-radius: 6px;
	background-color: #c9a227 !important;
	background-image: linear-gradient(180deg, #e3c46a, #c9a227) !important;
	color: #2a1f0a !important;
	font-weight: 700;
	box-shadow: 0 2px 6px rgba(158, 114, 31, 0.35);
	box-sizing: border-box;
}

.popup_box .popup_button .login_btn span,
.popup_box.mypageLayer .popup_button .basic:not(.btnMoney):not(.allMoney) span {
	color: #2a1f0a !important;
}

/* 4) 보조 버튼 — 정정/전액/취소/목록 */
.popup_box .popup_button .cancel,
.popup_box .popup_button .allCancel,
.popup_box .popup_button .allMoney {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 46px !important;
	min-height: 46px;
	padding: 0 16px;
	border: 1px solid #c9a227 !important;
	border-radius: 6px;
	background-color: rgba(255, 255, 255, 0.88) !important;
	background-image: none !important;
	color: #9e721f !important;
	font-weight: 700;
	box-sizing: border-box;
}

.popup_box .popup_button .cancel span,
.popup_box .popup_button .allCancel span,
.popup_box .popup_button .allMoney span {
	color: #9e721f !important;
}

.popup_box .popup_button.btn_2 {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	width: 100%;
}

.popup_box .popup_button.btn_2 .btn {
	flex: 1 1 0;
	width: auto !important;
	min-width: 0;
}

/* 5) 라벨 — 밝은 패널 위 흰 글씨 제거. 값(골드)과 어두운 헤더는 유지 */
.popup_box .form .form_title,
.popup_box .form .form_title h3 {
	color: #3a2c12 !important;
}

.popup_box .popup_table .table .th {
	color: #fff;
}

/* 6) 표 — 컬럼 붕괴 해소 */
.popup_box table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.popup_box table th,
.popup_box table td {
	padding: 10px 8px;
	color: #3a2c12;
	border-bottom: 1px solid rgba(201, 162, 39, 0.28);
	word-break: keep-all;
	box-sizing: border-box;
}

.popup_box table thead th,
.popup_box table th {
	color: #3a2c12;
}

.popup_box .popup_table,
.popup_box .popup_table .table,
.popup_box .popup_table .thead,
.popup_box .popup_table .tbody,
.popup_box .popup_table .t_item {
	width: 100% !important;
	box-sizing: border-box;
}

.popup_box .popup_table .thead,
.popup_box .popup_table .t_item {
	display: flex !important;
	flex-wrap: nowrap !important;
	justify-content: flex-start !important;
	align-items: stretch;
}

.popup_box .popup_table.notice .table .th,
.popup_box .popup_table.csCenter .table .th,
.popup_box .popup_table.notice .table .td,
.popup_box .popup_table.csCenter .table .td {
	width: auto !important;
	flex: 1 1 0;
	min-width: 0;
	padding: 10px 8px;
	box-sizing: border-box;
}

.popup_box .popup_table.notice .table .th:nth-child(1),
.popup_box .popup_table.csCenter .table .th:nth-child(1),
.popup_box .popup_table.notice .table .td:nth-child(1),
.popup_box .popup_table.csCenter .table .td:nth-child(1) {
	flex: 0 0 15%;
	width: 15% !important;
}

.popup_box .popup_table.notice .table .th:nth-child(2),
.popup_box .popup_table.csCenter .table .th:nth-child(2),
.popup_box .popup_table.notice .table .td:nth-child(2),
.popup_box .popup_table.csCenter .table .td:nth-child(2) {
	flex: 1 1 60%;
	width: 60% !important;
}

.popup_box .popup_table.notice .table .th:nth-child(3),
.popup_box .popup_table.csCenter .table .th:nth-child(3),
.popup_box .popup_table.notice .table .td:nth-child(3),
.popup_box .popup_table.csCenter .table .td:nth-child(3) {
	flex: 0 0 25%;
	width: 25% !important;
}

.popup_box .popup_table .table .td.empty {
	flex: 1 1 100%;
	width: 100% !important;
	color: #3a2c12;
}

.popup_box #bankLayerBody,
.popup_box #memoLayerBody {
	min-height: 160px;
	width: 100%;
	color: #3a2c12;
	box-sizing: border-box;
}

.popup_box #bankLayerBody table,
.popup_box #memoLayerBody table {
	width: 100%;
	table-layout: fixed;
}

.popup_box #bankLayerBody th,
.popup_box #memoLayerBody th,
.popup_box #bankLayerBody td,
.popup_box #memoLayerBody td,
.popup_box #bankLayerBody .th,
.popup_box #memoLayerBody .th,
.popup_box #bankLayerBody .td,
.popup_box #memoLayerBody .td {
	padding: 10px 8px;
	color: #3a2c12;
	border-bottom: 1px solid rgba(201, 162, 39, 0.28);
	box-sizing: border-box;
}

.popup_box #bankLayerBody .table,
.popup_box #memoLayerBody .table,
.popup_box #bankLayerBody .thead,
.popup_box #memoLayerBody .thead,
.popup_box #bankLayerBody .t_item,
.popup_box #memoLayerBody .t_item {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
}

/* 7) 닫기 — 40×40, 우상단, 모달 안쪽 */
.popup_box .close,
.popup_box .close.layerClose {
	left: auto !important;
	right: 10px !important;
	top: 10px !important;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	max-width: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	padding: 0 !important;
	margin: 0 !important;
	transform: none !important;
	background-image: none !important;
	background-size: auto !important;
	background-color: #c9a227 !important;
	background: #c9a227 !important;
	border: 1px solid #9e721f !important;
	border-radius: 50%;
	color: #2a1f0a !important;
	font-size: 22px !important;
	line-height: 38px !important;
	text-indent: 0 !important;
	overflow: hidden;
	box-sizing: border-box;
	z-index: 10000;
}

.popup_box .close .h-10,
.popup_box .close.layerClose .h-10 {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	line-height: 38px !important;
	font-size: 22px !important;
	color: #2a1f0a !important;
	text-align: center;
}

/* 8) 공지/CS 헤더 갭 — 컬럼 합을 모달 폭에 맞춤 (위 6과 동일 규칙) */
.popup_box .popup_table.notice .table,
.popup_box .popup_table.csCenter .table {
	width: 100% !important;
}

.popup_box .popup_table.notice .table .td.empty,
.popup_box .popup_table.csCenter .table .td.empty,
.popup_box .popup_table .table .t_item .td.empty {
	flex: 1 1 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

.popup_box #memoLayerBody .modal-dialog,
.popup_box #bankLayerBody .modal-dialog,
.popup_box #memoLayerBody .modal-content,
.popup_box #bankLayerBody .modal-content,
.popup_box #memoLayerBody .modal-body,
.popup_box #bankLayerBody .modal-body,
.popup_box #memoLayerBody .bs-table,
.popup_box #bankLayerBody .bs-table {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0;
	box-sizing: border-box;
}

.popup_box #memoLayerBody .bs-table th:nth-child(1),
.popup_box #memoLayerBody .bs-table td:nth-child(1) { width: 15%; }
.popup_box #memoLayerBody .bs-table th:nth-child(2),
.popup_box #memoLayerBody .bs-table td:nth-child(2) { width: 60%; }
.popup_box #memoLayerBody .bs-table th:nth-child(3),
.popup_box #memoLayerBody .bs-table td:nth-child(3) { width: 25%; }

.popup_box #bankLayerBody .bs-table th:nth-child(1),
.popup_box #bankLayerBody .bs-table td:nth-child(1) { width: 16%; }
.popup_box #bankLayerBody .bs-table th:nth-child(2),
.popup_box #bankLayerBody .bs-table td:nth-child(2) { width: 18%; }
.popup_box #bankLayerBody .bs-table th:nth-child(3),
.popup_box #bankLayerBody .bs-table td:nth-child(3) { width: 28%; }
.popup_box #bankLayerBody .bs-table th:nth-child(4),
.popup_box #bankLayerBody .bs-table td:nth-child(4) { width: 20%; }
.popup_box #bankLayerBody .bs-table th:nth-child(5),
.popup_box #bankLayerBody .bs-table td:nth-child(5) { width: 18%; }


/* ===== theme11 쪽지 표 = 공지 스킨 (20260827d) ===== */
/* 스코프: .popup_box.memoLayer 만. 직전 모달 스킨은 유지. */

/* 좌상단 «쪽지함» 캡션 — 모달 헤더 «쪽지»와 중복. 표/헤더는 유지 */
.popup_box.memoLayer #memoLayerBody .modal-header:has(.title[data-text="쪽지함"]) {
	display: none !important;
}
.popup_box.memoLayer #memoLayerBody .title[data-text="쪽지함"] {
	display: none !important;
}

/* 표 머리글 — common.css .popup_table .table .th 복제 */
.popup_box.memoLayer #memoLayerBody table.bs-table thead th,
.popup_box.memoLayer #memoLayerBody table thead th {
	height: 36px;
	padding: 0 10px;
	box-sizing: border-box;
	background: rgba(71, 52, 27, 0.6);
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 1.3rem;
	font-weight: 700;
	border-bottom: none;
	line-height: 36px;
}
.popup_box.memoLayer #memoLayerBody table.bs-table thead th + th,
.popup_box.memoLayer #memoLayerBody table thead th + th {
	border-left: 1px solid #6c470054;
}

/* 본문 행 — 공지 t_item / td */
.popup_box.memoLayer #memoLayerBody table.bs-table tbody tr,
.popup_box.memoLayer #memoLayerBody table tbody tr {
	background: #00000012;
}
.popup_box.memoLayer #memoLayerBody table.bs-table tbody td,
.popup_box.memoLayer #memoLayerBody table tbody td {
	padding: 10px 10px;
	color: #8e6532;
	text-align: center;
	font-size: 1.3rem;
	border-bottom: 1px solid #6c470054;
	vertical-align: middle;
	background: #00000012;
}
.popup_box.memoLayer #memoLayerBody table.bs-table tbody td.title-td {
	text-align: left;
}
.popup_box.memoLayer #memoLayerBody table.bs-table tbody td[colspan],
.popup_box.memoLayer #memoLayerBody table tbody td[colspan] {
	text-align: center;
	width: 100% !important;
	color: #3a2c12;
	font-size: 1.3rem;
	padding: 10px 10px;
	background: #00000012;
}

/* 컬럼 폭 — 공지 111/444/185 = 15/60/25 */
.popup_box.memoLayer #memoLayerBody table.bs-table th:nth-child(1),
.popup_box.memoLayer #memoLayerBody table.bs-table td:nth-child(1) { width: 15%; }
.popup_box.memoLayer #memoLayerBody table.bs-table th:nth-child(2),
.popup_box.memoLayer #memoLayerBody table.bs-table td:nth-child(2) { width: 60%; }
.popup_box.memoLayer #memoLayerBody table.bs-table th:nth-child(3),
.popup_box.memoLayer #memoLayerBody table.bs-table td:nth-child(3) { width: 25%; }

/* 금색 대비 보정 — 비활성 탭 · 정정 · 전액. 골드필/값텍스트는 유지 */
.popup_box .mypageTab > li:not(.active) button,
.popup_box .basic_tab.mypageTab > li:not(.active) button {
	color: #8a6318;
}
.popup_box .popup_button .cancel,
.popup_box .popup_button .allCancel,
.popup_box .popup_button .allMoney,
.popup_box .popup_button .cancel span,
.popup_box .popup_button .allCancel span,
.popup_box .popup_button .allMoney span {
	color: #8a6318 !important;
}

/* ===== theme11 입출금내역 표 = 공지 스킨 (20260827e) ===== */
/* 스코프: .popup_box.bankLayer 만. 직전 쪽지/모달 스킨은 유지. */

/* 좌상단 중복 캡션 — 모달 헤더 «입출금내역»와 중복. 표/헤더는 유지 */
.popup_box.bankLayer #bankLayerBody .modal-header:has(.title[data-text="입출금내역"]) {
	display: none !important;
}
.popup_box.bankLayer #bankLayerBody .title[data-text="입출금내역"] {
	display: none !important;
}

/* 표 머리글 — 공지/쪽지와 동일 */
.popup_box.bankLayer #bankLayerBody table.bs-table thead th,
.popup_box.bankLayer #bankLayerBody table thead th {
	height: 36px;
	padding: 0 8px;
	box-sizing: border-box;
	background: rgba(71, 52, 27, 0.6);
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 1.3rem;
	font-weight: 700;
	border-bottom: none;
	line-height: 36px;
}
.popup_box.bankLayer #bankLayerBody table.bs-table thead th + th,
.popup_box.bankLayer #bankLayerBody table thead th + th {
	border-left: 1px solid #6c470054;
}

/* 본문 행 */
.popup_box.bankLayer #bankLayerBody table.bs-table tbody tr,
.popup_box.bankLayer #bankLayerBody table tbody tr {
	background: #00000012;
}
.popup_box.bankLayer #bankLayerBody table.bs-table tbody td,
.popup_box.bankLayer #bankLayerBody table tbody td {
	padding: 10px 8px;
	color: #8e6532;
	text-align: center;
	font-size: 1.3rem;
	border-bottom: 1px solid #6c470054;
	vertical-align: middle;
	background: #00000012;
}

/* 빈 표 — 마크업에 빈행이 없어 modal-body 전폭 띠+문구 */
.popup_box.bankLayer #bankLayerBody .modal-body:not(:has(tbody tr))::after {
	content: "데이터가 없습니다.";
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px;
	color: #3a2c12;
	text-align: center;
	font-size: 1.3rem;
	background: #00000012;
}


/* 컬럼 5칸 — 합 100% */
.popup_box.bankLayer #bankLayerBody table.bs-table th:nth-child(1),
.popup_box.bankLayer #bankLayerBody table.bs-table td:nth-child(1) { width: 16%; }
.popup_box.bankLayer #bankLayerBody table.bs-table th:nth-child(2),
.popup_box.bankLayer #bankLayerBody table.bs-table td:nth-child(2) { width: 18%; }
.popup_box.bankLayer #bankLayerBody table.bs-table th:nth-child(3),
.popup_box.bankLayer #bankLayerBody table.bs-table td:nth-child(3) { width: 28%; }
.popup_box.bankLayer #bankLayerBody table.bs-table th:nth-child(4),
.popup_box.bankLayer #bankLayerBody table.bs-table td:nth-child(4) { width: 20%; }
.popup_box.bankLayer #bankLayerBody table.bs-table th:nth-child(5),
.popup_box.bankLayer #bankLayerBody table.bs-table td:nth-child(5) { width: 18%; }

/* GNB 쪽지 미읽음 뱃지 위치 보정 (20260827) */
.site_gnb .gnb_right li a {
	position: relative;
}
.site_gnb .gnb_right .memo_unread_badge {
	position: absolute;
	top: -4px;
	right: -10px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 8px;
	background: #e74c3c;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	font-weight: 700;
}

/* 포인트 숫자 클릭 → 포인트 전환 (20260827) */
.m_point,
.theme11-point-click {
	cursor: pointer;
}
.mypageLayer input.theme11-point-click {
	cursor: pointer;
}
