@charset "utf-8";
/********************************************************
 SE Main Page - PSD Design Exact Match
 승부처 메인 페이지 전용 스타일
 PSD Canvas: 1920x3800, Content: 1080px
********************************************************/

/* ===== Google Fonts Import ===== */
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Oxanium:wght@400;500;600;700&display=swap');

/* ===== CSS Variables ===== */
:root {
	--font-display: 'Black Han Sans', sans-serif;
	--font-heading: 'Noto Sans KR', sans-serif;
	--font-body: 'Pretendard', 'Noto Sans KR', sans-serif;
	--font-number: 'Oxanium', sans-serif;

	--color-primary: #3182f6;
	--color-primary-dark: #1b64da;
	--color-stat-blue: #2370f8; /* PSD exact */
	--color-dark: #333333;
	--color-body: #5f6975;
	--color-light-gray: #949a99;
	--color-warning-red: #f20c0c;
	--color-gold: #f2af23;
	--color-bg-light: #f7f8fa; /* PSD exact page bg */
}

/* ===== Base ===== */
.se-main {
	font-family: var(--font-body);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: -0.3px;
	color: var(--color-dark);
	padding: 0;
	max-width: 100%;
}

.se-main *,
.se-main *::before,
.se-main *::after {
	box-sizing: border-box;
}


/* ==========================================================
   1. HERO BANNER — 컨셉 배너
   ========================================================== */
.sb-hero {
	margin-bottom: 16px;
}

.sb-hero__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: linear-gradient(135deg, #eef4ff 0%, #e0eafc 40%, #f0e6ff 100%);
	border-radius: 20px;
	padding: 15px 36px;
	position: relative;
	overflow: hidden;
}

.sb-hero__inner::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 20px;
	pointer-events: none;
	opacity: 0.3;
	background-image: radial-gradient(circle, #b0c4de 0.6px, transparent 0.6px);
	background-size: 18px 18px;
}

.sb-hero__body {
	position: relative;
	z-index: 1;
	max-width: 580px;
}

.sb-hero__title {
	font-family: var(--font-heading);
	font-size: 34px;
	font-weight: 800;
	color: #131b2b;
	line-height: 1.25;
	letter-spacing: -1.5px;
	margin: 0 0 8px;
}

.sb-hero__accent {
	color: #2563EB;
}

.sb-hero__h1 {
	font-family: var(--font-body);
	font-size: 17px;
	font-weight: 600;
	color: #475569;
	margin: 0 0 8px;
	line-height: 1.5;
}

.sb-hero__sub {
	font-family: var(--font-body);
	font-size: 15px;
	font-weight: 500;
	color: #64748b;
	margin: 0 0 6px;
	line-height: 1.5;
}

.sb-hero__meta {
	display: block;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 500;
	color: #94a3b8;
	margin-bottom: 14px;
}

.sb-hero__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 38px;
	padding: 0 20px;
	border-radius: 12px;
	background: #2563EB;
	color: #fff;
	font-family: var(--font-heading);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none !important;
	box-shadow: 0 4px 14px rgba(37,99,235,0.22);
	transition: all 0.18s ease;
	white-space: nowrap;
}

.sb-hero__cta:hover,
.sb-hero__cta:focus {
	background: #1d4ed8;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(37,99,235,0.32);
	outline: none;
}

.sb-hero__visual {
	position: relative;
	z-index: 1;
	flex-shrink: 0;
	width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sb-hero__visual img {
	width: 100%;
	height: auto;
	max-height: 200px;
	object-fit: contain;
	filter: drop-shadow(0 8px 24px rgba(37,99,235,0.1));
	transform: scale(1.55);
}

@media (max-width: 768px) {
	.sb-hero__inner {
		flex-direction: column;
		padding: 32px 24px;
		text-align: center;
	}
	.sb-hero__title {
		font-size: 28px;
		letter-spacing: -1px;
	}
	.sb-hero__h1 {
		font-size: 14px;
	}
	.sb-hero__visual {
		display: none;
	}
}

/* ==========================================================
   2. CATEGORY CARDS — 3열 카테고리 진입
   ========================================================== */
.sb-cats {
	margin-bottom: 16px;
}

.sb-cats__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.sb-cat-card {
	display: flex;
	flex-direction: column;
	padding: 18px 20px;
	background: #fff;
	border-radius: 16px;
	border: 1px solid #e8ecf1;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	text-decoration: none !important;
	transition: all 0.25s ease;
	cursor: pointer;
}

.sb-cat-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 32px rgba(0,0,0,0.1);
	border-color: transparent;
}

.sb-cat-card:focus {
	outline: 2px solid #2563EB;
	outline-offset: 2px;
}

/* Icon */
.sb-cat-card__icon {
	width: 38px;
	height: 38px;
	border-radius: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	margin-bottom: 10px;
}

.sb-cat-card--toto .sb-cat-card__icon {
	background: #eef4ff;
	color: #2563EB;
}

.sb-cat-card--casino .sb-cat-card__icon {
	background: #f3eeff;
	color: #7c3aed;
}

.sb-cat-card--etc .sb-cat-card__icon {
	background: #ecfdf5;
	color: #059669;
}

/* Name */
.sb-cat-card__name {
	font-family: var(--font-heading);
	font-size: 17px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 2px;
	letter-spacing: -0.3px;
}

/* Count */
.sb-cat-card__count {
	font-family: var(--font-number);
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 4px;
	letter-spacing: -0.5px;
}

.sb-cat-card--toto .sb-cat-card__count { color: #2563EB; }
.sb-cat-card--casino .sb-cat-card__count { color: #7c3aed; }
.sb-cat-card--etc .sb-cat-card__count { color: #059669; }

/* Desc */
.sb-cat-card__desc {
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 500;
	color: #64748b;
	margin: 0 0 8px;
	line-height: 1.4;
}

/* Button */
.sb-cat-card__btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 600;
	margin-top: auto;
	transition: gap 0.2s ease;
}

.sb-cat-card--toto .sb-cat-card__btn { color: #2563EB; }
.sb-cat-card--casino .sb-cat-card__btn { color: #7c3aed; }
.sb-cat-card--etc .sb-cat-card__btn { color: #059669; }

.sb-cat-card:hover .sb-cat-card__btn {
	gap: 10px;
}

/* Responsive */
@media (max-width: 1024px) {
	.sb-cats__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.sb-cats__grid {
		grid-template-columns: 1fr;
	}
	.sb-cat-card {
		padding: 16px 18px;
	}
}

/* (old CTA styles removed — replaced by sb-cats) */


/* ==========================================================
   3. PROMO WIDGET SLIDER
   ========================================================== */
.se-promo {
	margin-bottom: 16px;
}

.se-promo-inner {
	background: linear-gradient(90deg, #1a6af5 0%, #3182f6 50%, #1a6af5 100%);
	border-radius: 10px 10px 24px 10px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	height: 70px;
	gap: 8px;
	position: relative;
	overflow: hidden;
}

/* Arrows */
.se-promo-arrow {
	width: 26px;
	height: 26px;
	border: none;
	background: rgba(255,255,255,0.13);
	color: rgba(255,255,255,0.75);
	border-radius: 50%;
	font-size: 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s;
	flex-shrink: 0;
	z-index: 3;
}
.se-promo-arrow:hover {
	background: rgba(255,255,255,0.3);
	color: #fff;
}

/* Viewport & Track */
.se-promo-viewport {
	flex: 1;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.se-promo-track {
	display: flex;
	transition: transform 0.35s ease;
	will-change: transform;
}

/* Each Slide */
.se-promo-slide {
	min-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	position: relative;
	padding: 0 8px;
	box-sizing: border-box;
}

/* Text */
.se-promo-text {
	font-family: var(--font-number);
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	letter-spacing: -0.3px;
	position: relative;
	z-index: 2;
}
.se-promo-text b {
	color: #fff159;
	font-weight: 700;
}

/* CTA Button */
.se-promo-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #fff;
	color: var(--color-primary) !important;
	padding: 8px 18px;
	border-radius: 5px 5px 12px 5px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none !important;
	transition: all 0.15s;
	white-space: nowrap;
	flex-shrink: 0;
	position: relative;
	z-index: 3;
}
.se-promo-btn:hover {
	background: #f0f4ff;
	transform: translateX(2px);
}

/* Deco images inside slides */
.se-promo-deco {
	position: absolute;
	pointer-events: none;
	z-index: 1;
	height: auto;
}
.se-promo-deco-left {
	left: 10px;
	top: 50%;
	transform: translateY(-50%) rotate(-8deg);
	width: 42px;
	opacity: 0.7;
}
.se-promo-deco-right {
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	opacity: 0.6;
}

/* Dot indicators */
.se-promo-dots {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 5px;
	z-index: 4;
}
.se-promo-dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: rgba(255,255,255,0.35);
	cursor: pointer;
	transition: all 0.2s;
}
.se-promo-dot.active {
	background: #fff;
	width: 14px;
	border-radius: 3px;
}

@media (max-width: 768px) {
	.se-promo-inner {
		height: 48px;
		gap: 6px;
		padding: 0 6px;
	}
	.se-promo-text {
		font-size: 13px;
	}
	.se-promo-btn {
		padding: 5px 10px;
		font-size: 11px;
	}
	.se-promo-deco {
		display: none;
	}
}


/* ==========================================================
   3.5. QUICK FILTER CHIPS
   ========================================================== */
.se-chips {
	margin-bottom: 28px;
	padding: 28px 0;
	text-align: center;
}

.se-chips__title {
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 18px;
	letter-spacing: -0.3px;
}
.se-chips__title i {
	color: #2563EB;
	margin-right: 6px;
	font-size: 16px;
}

.se-chips__wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.se-chip {
	display: inline-flex;
	align-items: center;
	height: 36px;
	padding: 0 18px;
	border-radius: 20px;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	color: #475569;
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	transition: all 0.2s ease;
	cursor: pointer;
	white-space: nowrap;
}

.se-chip:hover {
	background: #2563EB;
	border-color: #2563EB;
	color: #fff;
	transform: scale(1.06);
	box-shadow: 0 4px 14px rgba(37,99,235,0.25);
}

.se-chip:active {
	transform: scale(1.02);
}

@media (max-width: 640px) {
	.se-chips {
		padding: 20px 0;
	}
	.se-chips__title {
		font-size: 16px;
	}
	.se-chip {
		height: 32px;
		padding: 0 14px;
		font-size: 13px;
	}
}


/* ==========================================================
   5. 이번주 추천 사이트 (CARD SLIDER)
   ========================================================== */
.se-pick {
	margin: 0;
	padding: 0 0 16px;
}
.se-pick .owl-carousel .owl-item {
	padding: 4px 0 12px;
}

/* Header */
.se-pick__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
}
.se-pick__title {
	font-family: var(--font-heading);
	font-size: 19px;
	font-weight: 700;
	color: #1e293b;
	margin: 0;
	letter-spacing: -0.3px;
}

/* 이미지 없을 때 */
.se-pick__no-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f1f5f9;
	color: #cbd5e1;
	font-size: 32px;
}

/* Card */
.se-pick__card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 16px;
	border: none;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
	overflow: hidden;
	text-decoration: none !important;
	transition: all 0.25s ease;
	cursor: pointer;
	height: 100%;
}
.se-pick__card:hover {
	box-shadow: 0 4px 16px rgba(0,0,0,0.10);
}
.se-pick__card:active {
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Thumbnail */
.se-pick__thumb {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	flex-shrink: 0;
}
.se-pick__thumb img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0 !important;
	transition: transform 0.35s ease;
}
.se-pick__overlay {
	position: absolute;
	inset: 0;
	background: transparent;
	pointer-events: none;
	transition: background 0.3s;
}
.se-pick__card:hover .se-pick__overlay {
	background: rgba(0,0,0,0.04);
}

/* Body */
.se-pick__body {
	padding: 18px 20px 20px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Meta: chip + name + arrow inline */
.se-pick__meta {
	display: flex;
	align-items: center;
	gap: 8px;
}
.se-pick__chip {
	flex-shrink: 0;
	display: inline-block;
	padding: 2px 8px;
	border-radius: 6px;
	color: #fff;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.2px;
	line-height: 1.6;
}
.se-pick__name {
	font-family: var(--font-heading);
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	margin: 0;
	letter-spacing: -0.2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.2s;
}
.se-pick__card:hover .se-pick__name {
	color: #2563EB;
}
.se-pick__arrow-icon {
	flex-shrink: 0;
	font-size: 12px;
	color: #cbd5e1;
	transition: transform 0.2s ease, color 0.2s ease;
}
.se-pick__card:hover .se-pick__arrow-icon {
	transform: translateX(3px);
	color: #2563EB;
}

/* Description */
.se-pick__desc {
	font-family: var(--font-body);
	font-size: 12.5px;
	font-weight: 400;
	color: #94a3b8;
	margin: 8px 0 0;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Text link */
.se-pick__link {
	display: inline-block;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 500;
	color: #2563EB;
	margin-top: 10px;
	transition: color 0.2s;
}
.se-pick__card:hover .se-pick__link {
	color: #1d4ed8;
}

/* Responsive */
@media (max-width: 640px) {
	.se-pick__thumb {
		aspect-ratio: 16 / 9;
	}
}


/* ==========================================================
   6. CATEGORY TOP LIST
   ========================================================== */
.se-toplist {
	margin-bottom: 32px;
	background: #fff;
	border-radius: 18px;
	border: 1px solid #e8ecf1;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	padding: 24px;
}

/* Header */
.se-toplist__header {
	margin-bottom: 16px;
}
.se-toplist__title {
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: 700;
	color: #1e293b;
	margin: 0;
	letter-spacing: -0.3px;
}
.se-toplist__title i {
	color: #f59e0b;
	margin-right: 6px;
}

/* Tabs */
.se-toplist__tabs {
	display: flex;
	gap: 8px;
	margin-bottom: 20px;
	border-bottom: 2px solid #f1f3f6;
	padding-bottom: 0;
}
.se-toplist__tab {
	padding: 10px 20px;
	border: none;
	background: none;
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 600;
	color: #94a3b8;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	transition: all 0.2s;
	white-space: nowrap;
}
.se-toplist__tab i {
	margin-right: 4px;
	font-size: 13px;
}
.se-toplist__tab:hover {
	color: #475569;
}
.se-toplist__tab.active {
	color: #2563EB;
	border-bottom-color: #2563EB;
}

/* Panels */
.se-toplist__panel {
	display: none;
}
.se-toplist__panel.active {
	display: block;
}

/* Item row */
.se-toplist__item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 14px;
	border-radius: 12px;
	transition: background 0.15s;
}
.se-toplist__item:hover {
	background: #f8fafc;
}
.se-toplist__item + .se-toplist__item {
	border-top: 1px solid #f4f6f8;
}

/* Rank */
.se-toplist__rank {
	width: 30px;
	height: 30px;
	border-radius: 8px;
	background: #f1f5f9;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-number);
	font-size: 14px;
	font-weight: 700;
	color: #94a3b8;
	flex-shrink: 0;
}
.se-toplist__rank--top {
	background: linear-gradient(135deg, #fef3c7, #fde68a);
	color: #b45309;
}

/* Info */
.se-toplist__info {
	flex: 1;
	min-width: 0;
}
.se-toplist__name {
	display: block;
	font-family: var(--font-heading);
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Badges */
.se-toplist__badges {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}
.se-toplist__badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 4px;
	background: #eef4ff;
	color: #2563EB;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
}

/* Stats */
.se-toplist__stats {
	display: flex;
	gap: 12px;
	flex-shrink: 0;
}
.se-toplist__stat {
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 500;
	color: #94a3b8;
	white-space: nowrap;
}
.se-toplist__stat i {
	margin-right: 3px;
	font-size: 11px;
}

/* Go button */
.se-toplist__go {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 7px 16px;
	border-radius: 8px;
	background: #2563EB;
	color: #fff !important;
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 600;
	text-decoration: none !important;
	white-space: nowrap;
	flex-shrink: 0;
	transition: all 0.15s;
}
.se-toplist__go:hover {
	background: #1d4ed8;
	transform: translateX(2px);
}

/* Responsive */
@media (max-width: 768px) {
	.se-toplist {
		padding: 18px 14px;
	}
	.se-toplist__tabs {
		gap: 4px;
	}
	.se-toplist__tab {
		padding: 8px 12px;
		font-size: 13px;
	}
	.se-toplist__item {
		flex-wrap: wrap;
		gap: 8px;
		padding: 10px 8px;
	}
	.se-toplist__info {
		flex: 1;
		min-width: calc(100% - 50px);
	}
	.se-toplist__stats {
		order: 4;
		width: 100%;
		padding-left: 44px;
	}
	.se-toplist__go {
		order: 5;
		margin-left: auto;
	}
}


/* ==========================================================
   7. 모든 베팅사 이벤트 (SLIDER)
   ========================================================== */
.se-evt {
	margin-bottom: 16px;
}

/* Header */
.se-evt__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}
.se-evt__title {
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: 700;
	color: #1e293b;
	margin: 0;
	letter-spacing: -0.3px;
}
/* Grid */
.se-evt__grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
}

/* Card */
.se-evt__card {
	background: #fff;
	border-radius: 14px;
	border: 1px solid #e8ecf1;
	box-shadow: 0 2px 6px rgba(0,0,0,0.04);
	overflow: hidden;
	text-decoration: none !important;
	transition: all 0.25s ease;
	display: flex;
	flex-direction: column;
}
.se-evt__card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.1);
	border-color: transparent;
}

/* Thumbnail */
.se-evt__thumb {
	position: relative;
	width: 100%;
	height: 120px;
	overflow: hidden;
	background: #f1f5f9;
}
.se-evt__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.se-evt__card:hover .se-evt__thumb img {
	transform: scale(1.05);
}
.se-evt__badge {
	position: absolute;
	top: 8px;
	left: 8px;
	padding: 3px 10px;
	border-radius: 6px;
	color: #fff;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 700;
	z-index: 1;
}

/* Body */
.se-evt__body {
	padding: 14px 14px 16px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.se-evt__name {
	font-family: var(--font-heading);
	font-size: 14px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 6px;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.se-evt__desc {
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 500;
	color: #94a3b8;
	margin: 0 0 8px;
	line-height: 1.4;
	flex: 1;
}
.se-evt__date {
	font-family: var(--font-number);
	font-size: 11px;
	font-weight: 500;
	color: #cbd5e1;
}

/* Responsive */
@media (max-width: 1024px) {
	.se-evt__grid {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width: 768px) {
	.se-evt__grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.se-evt__thumb {
		height: 100px;
	}
}
@media (max-width: 480px) {
	.se-evt__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}


/* ==========================================================
   4. EVENTS / REVIEWS (2-COLUMN LAYOUT)
   PSD: 1040x575px, side-by-side NOT tabs
   ========================================================== */
.se-events-reviews {
	margin-bottom: 40px;
}

.se-review-section {
	margin-bottom: 32px;
	background: #fff;
	border-radius: 18px;
	border: 1px solid #e8ecf1;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	padding: 22px 20px;
}

.se-er-grid {
	display: grid;
	grid-template-columns: 9fr 4fr;
	gap: 16px;
	align-items: start;
}

.se-er-left {
	display: flex;
	flex-direction: column;
}

.se-er-right {
	display: flex;
	flex-direction: column;
}

.se-event-grid {
	flex: 1;
}

/* Section Headers */
.se-er-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 27px; /* PSD gap from header bottom to cards */
}

.se-er-header h2 {
	font-family: var(--font-heading);
	font-size: 22px;
	font-weight: 600;
	color: var(--color-dark);
	margin: 0;
	letter-spacing: 0; /* PSD tracking=0 */
}

.se-er-more {
	color: var(--color-primary) !important;
	font-size: 18px;
	text-decoration: none !important;
	transition: opacity 0.15s;
}

.se-er-more:hover {
	opacity: 0.7;
}

.se-er-arrows {
	display: flex;
	gap: 4px;
	margin-left: auto;
}

.se-er-arrow {
	width: 28px;
	height: 28px;
	border: 1px solid #e0e0e0;
	background: #fff;
	color: #999;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s;
}

.se-er-arrow:hover {
	border-color: var(--color-primary);
	color: var(--color-primary);
}

/* Event Cards Grid */
.se-event-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr 1fr;
	gap: 7px; /* PSD exact: cards at x=450,680,910 with 223px width = 7px gap */
}

.se-event-card {
	border-radius: 10px 10px 30px 10px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #f0f0f0;
	transition: all 0.2s ease;
	cursor: pointer;
}

.se-event-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.se-event-thumb {
	width: 100%;
	aspect-ratio: 223 / 167; /* PSD exact: event image shape 223x167px */
	overflow: hidden;
	background: #f5f5f5;
}

.se-event-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.se-event-info {
	padding: 12px 14px;
}

.se-event-title {
	font-family: var(--font-body);
	font-size: 16px; /* PSD: Pretendard-Regular 16pt */
	font-weight: 400;
	color: var(--color-dark);
	margin: 0 0 10px;
	line-height: 38px; /* PSD leading: 38pt */
	letter-spacing: -0.4px; /* PSD tracking: -25 */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.se-event-meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.se-event-badge {
	display: inline-block;
	font-family: var(--font-body);
	font-size: 14px; /* PSD: Pretendard-Bold 14pt */
	font-weight: 700;
	color: #2370f8; /* PSD exact */
	border: 1.5px solid #2370f8;
	border-radius: 6px;
	padding: 2px 10px;
	line-height: 20px; /* PSD leading: 20pt */
	letter-spacing: -0.35px; /* PSD tracking: -25 */
}

.se-event-author {
	font-size: 14px; /* PSD: Pretendard-Regular 14pt */
	color: #333333; /* PSD exact */
	letter-spacing: -0.35px; /* PSD tracking: -25 */
	line-height: 20px; /* PSD leading: 20pt */
}

/* ── 실시간 이용자 후기 Ticker ── */

/* Viewport: 고정 높이, overflow hidden — JS가 높이 설정 */
.se-review-viewport {
	overflow: hidden;
	position: relative;
}

/* Track: translateY로 이동 */
.se-review-track {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

/* 카드 */
.se-review-card {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 16px 18px;
	background: #fff;
	border-radius: 12px;
	min-height: 111px;
	border: 1px solid #f0f0f0;
	text-decoration: none;
	color: inherit;
	flex-shrink: 0;
	transition: box-shadow 0.15s ease;
}

.se-review-card:hover {
	box-shadow: 0 4px 16px rgba(0,0,0,0.07);
}

/* 새 카드 입장 애니메이션 */
.se-rv-entering {
	opacity: 0;
	transform: translateY(-20px);
	transition: opacity 0.35s ease, transform 0.35s ease;
}

/* 왼쪽 영역 */
.se-review-left {
	flex: 1;
	min-width: 0;
}

.se-review-company {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
}

.se-review-dot {
	width: 8px;
	height: 8px;
	background: var(--color-primary);
	border-radius: 50%;
	flex-shrink: 0;
}

.se-review-company strong {
	font-family: var(--font-body);
	font-size: 15px;
	font-weight: 700;
	color: #131b2b;
}

.se-review-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 600;
	color: #3182f6;
	background: rgba(49,130,246,0.1);
	line-height: 1.4;
}

.se-review-title {
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 400;
	color: var(--color-dark);
	margin: 0 0 4px;
	letter-spacing: -0.35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.se-review-desc {
	font-family: var(--font-body);
	font-size: 12px;
	color: #999;
	margin: 0;
	line-height: 16px;
	letter-spacing: -0.3px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 오른쪽 영역 */
.se-review-right {
	flex-shrink: 0;
	text-align: right;
	margin-left: 12px;
}

.se-review-avatar {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: #6c5ce7;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-bottom: 4px;
}

.se-review-site-name {
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--color-dark);
	margin-bottom: 4px;
}

.se-review-stars {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 2px;
}

.se-review-stars i {
	font-size: 12px;
	color: #f2af23;
}

.se-review-stars i.fa-star-o {
	color: #ddd;
}

.se-review-score {
	font-family: var(--font-number);
	font-size: 12px;
	font-weight: 600;
	color: var(--color-gold);
	margin-left: 6px;
}

.se-review-time {
	font-size: 11px;
	color: #aaa;
	margin-top: 4px;
	text-align: right;
}

/* 새 후기 배지 */
.se-review-new-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	background: #ff6b6b;
	cursor: pointer;
	animation: rvPulse 1.5s ease infinite;
}

.se-review-new-badge b {
	font-weight: 800;
}

@keyframes rvPulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.7; }
}

/* 빈 상태 */
.se-review-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	padding: 40px 20px;
	color: #bbb;
	text-align: center;
}

.se-review-empty i {
	font-size: 32px;
	margin-bottom: 10px;
}

.se-review-empty p {
	margin: 0;
	font-size: 14px;
}

/* ▲/▼ disabled 상태 */
.se-er-arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
	pointer-events: none;
}

.se-event-card:last-child {
	margin-bottom: 0;
}

@media (max-width: 992px) {
	.se-er-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.se-event-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.se-event-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}


/* ==========================================================
   5. POPULAR SITES
   PSD: 1160x326px, 4 cards with carousel arrows
   ========================================================== */
.se-popular {
	margin-bottom: 122px; /* PSD: ~2012 to ~2134 = 122px */
}

.se-popular-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}

.se-popular-header h2 {
	font-family: var(--font-heading);
	font-size: 22px;
	font-weight: 600;
	color: var(--color-dark);
	margin: 0;
	letter-spacing: 0; /* PSD tracking=0 */
}

.se-popular-more {
	color: var(--color-primary) !important;
	font-size: 18px;
	text-decoration: none !important;
	transition: opacity 0.15s;
}

.se-popular-more:hover {
	opacity: 0.7;
}

.se-popular-carousel {
	display: flex;
	align-items: center;
	gap: 12px;
	position: relative;
}

.se-popular-arrow {
	width: 36px;
	height: 36px;
	border: 1px solid #e0e0e0;
	background: #fff;
	color: #666;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s;
	flex-shrink: 0;
	z-index: 2;
}

.se-popular-arrow:hover {
	border-color: var(--color-primary);
	color: var(--color-primary);
	box-shadow: 0 4px 12px rgba(49, 130, 246, 0.15);
}

.se-popular-track {
	display: flex;
	gap: 13px; /* PSD: cards 256px apart with 243px width = 13px gap */
	overflow: hidden;
	flex: 1;
	transition: transform 0.3s ease;
}

.se-popular-card {
	flex: 0 0 243px; /* PSD exact width */
	border: 1px solid #f0f0f0;
	border-radius: 10px 10px 30px 10px;
	overflow: hidden;
	transition: all 0.2s ease;
	background: #fff;
}

.se-popular-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.se-popular-visual {
	width: 100%;
	aspect-ratio: 243 / 183; /* PSD exact */
	overflow: hidden;
	background: #171717; /* PSD exact shape fill */
}

.se-popular-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.se-popular-info {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px 8px;
}

.se-popular-badge {
	display: inline-block;
	font-family: var(--font-body);
	font-size: 14px; /* PSD: Pretendard-Bold 14pt */
	font-weight: 700;
	color: #2370f8; /* PSD exact */
	border: 1.5px solid #2370f8;
	border-radius: 6px;
	padding: 2px 10px;
	line-height: 1.5;
}

.se-popular-name {
	font-family: var(--font-body);
	font-size: 16px; /* PSD: Pretendard-Regular 16pt */
	font-weight: 400;
	color: var(--color-dark);
}

.se-popular-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 4px 14px 14px;
	background: var(--color-primary);
	color: #fff !important;
	padding: 8px 16px;
	border-radius: 5px 5px 15px 5px;
	font-size: 16px; /* PSD: Pretendard-Bold 16pt */
	font-weight: 700;
	text-decoration: none !important;
	transition: all 0.15s;
	letter-spacing: -0.8px; /* PSD tracking: -50 (16 * -50/1000) */
	min-width: 122px; /* PSD: 122x37 button */
	height: 37px; /* PSD: 122x37 button */
}

.se-popular-btn:hover {
	background: var(--color-primary-dark);
}

.se-popular-btn i {
	font-size: 12px;
}

@media (max-width: 992px) {
	.se-popular-card {
		flex: 0 0 calc(33.333% - 11px);
	}
}

@media (max-width: 768px) {
	.se-popular-card {
		flex: 0 0 calc(50% - 8px);
	}
}


/* ==========================================================
   5.5. TRUST WIDGETS (3-COLUMN)
   ========================================================== */
.se-trust {
	margin-bottom: 16px;
}

.se-trust__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.se-trust__card {
	background: #fff;
	border-radius: 18px;
	border: 1px solid #e8ecf1;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	padding: 22px 20px;
	transition: all 0.25s ease;
	display: flex;
	flex-direction: column;
}
.se-trust__card:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.08);
	border-color: #d0d7e2;
}

/* Header */
.se-trust__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f3f6;
}
.se-trust__head h2,
.se-trust__head h3,
.se-trust__head strong {
	font-family: var(--font-heading);
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	margin: 0;
	letter-spacing: -0.2px;
}
.se-trust__head h2 i,
.se-trust__head h3 i,
.se-trust__head strong i {
	margin-right: 6px;
	color: #2563EB;
	font-size: 14px;
}
.se-trust__more {
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 600;
	color: #94a3b8;
	text-decoration: none !important;
	transition: color 0.15s;
}
.se-trust__more:hover {
	color: #2563EB;
}

/* List */
.se-trust__list {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1;
}
.se-trust__list li {
	margin-bottom: 2px;
}
.se-trust__list li:last-child {
	margin-bottom: 0;
}
.se-trust__list a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 8px;
	border-radius: 8px;
	text-decoration: none !important;
	transition: background 0.15s;
}
.se-trust__list a:hover {
	background: #f8fafc;
}

/* Dot indicator */
.se-trust__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ef4444;
	flex-shrink: 0;
}

/* Stars */
.se-trust__stars {
	display: flex;
	gap: 1px;
	flex-shrink: 0;
}
.se-trust__stars i {
	font-size: 10px;
	color: #f59e0b;
}
.se-trust__stars i.fa-star-o {
	color: #d1d5db;
}

/* Subject */
.se-trust__subj {
	flex: 1;
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 500;
	color: #334155;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.se-trust__list a:hover .se-trust__subj {
	color: #1e293b;
}

/* Date */
.se-trust__date {
	font-family: var(--font-number);
	font-size: 11px;
	font-weight: 500;
	color: #94a3b8;
	flex-shrink: 0;
}

/* Empty state */
.se-trust__empty {
	padding: 20px 0;
	text-align: center;
	font-size: 13px;
	color: #94a3b8;
}

/* ── 이용자 후기 커뮤니티 피드 ── */
.se-rv__list-wrap {
	position: relative;
	flex: 1;
	overflow: hidden;
}
.se-rv__list-wrap::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 24px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
	pointer-events: none;
	z-index: 1;
}
.se-rv__list {
	display: flex;
	flex-direction: column;
}
.se-rv__card {
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid #f0f3f7;
	text-decoration: none !important;
	transition: background 0.15s;
}
.se-rv__card:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.se-rv__card:first-child {
	padding-top: 0;
}
.se-rv__card:hover {
	background: #f8fafc;
	margin: 0 -20px;
	padding-left: 20px;
	padding-right: 20px;
}

/* row1: 닉네임 + 별점·점수 + 시간 */
.se-rv__row1 {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 3px;
}
.se-rv__nick {
	font-family: var(--font-heading);
	font-size: 13px;
	font-weight: 700;
	color: #111827;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
	flex-shrink: 0;
}
.se-rv__rating {
	display: flex;
	align-items: center;
	gap: 3px;
	flex-shrink: 0;
}
.se-rv__stars {
	display: flex;
	align-items: center;
	gap: 0;
}
.se-rv__stars i {
	font-size: 10px;
	color: #f59e0b;
}
.se-rv__stars i.fa-star-o {
	color: #dde1e6;
}
.se-rv__score {
	font-family: var(--font-number);
	font-size: 12px;
	font-weight: 700;
	color: #2563EB;
}
.se-rv__ago {
	margin-left: auto;
	flex-shrink: 0;
	text-align: right;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 400;
	color: #b0b8c1;
}

/* row2: 사이트명 | 후기내용 */
.se-rv__row2 {
	display: flex;
	align-items: center;
	gap: 0;
	min-width: 0;
}
.se-rv__site {
	display: inline-block;
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 500;
	color: #64748b;
	background: #f1f5f9;
	padding: 1px 6px;
	border-radius: 4px;
	white-space: nowrap;
	flex-shrink: 0;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 6px;
}
.se-rv__text {
	flex: 1;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 400;
	color: #94a3b8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
}
.se-rv__card:hover .se-rv__text {
	color: #64748b;
}
.se-rv__card:hover .se-rv__site {
	color: #334155;
}

/* Review card overrides */
.se-trust__card--review {
	padding: 22px 20px;
}

/* Rank number (인기글) */
.se-trust__rank-num {
	width: 20px;
	font-family: var(--font-number);
	font-size: 13px;
	font-weight: 700;
	color: #2563EB;
	flex-shrink: 0;
	text-align: center;
}
.se-trust__list li:nth-child(1) .se-trust__rank-num,
.se-trust__list li:nth-child(2) .se-trust__rank-num,
.se-trust__list li:nth-child(3) .se-trust__rank-num {
	color: #ef4444;
}

/* Hit count */
.se-trust__hit {
	font-family: var(--font-number);
	font-size: 11px;
	font-weight: 500;
	color: #94a3b8;
	flex-shrink: 0;
	white-space: nowrap;
}
.se-trust__hit i {
	font-size: 10px;
	margin-right: 2px;
}

/* Fire icon for 인기글 */
.se-trust__head h2 .fa-fire,
.se-trust__head h3 .fa-fire {
	color: #ef4444;
}

/* Point card standalone section */
.se-trust-point {
	margin-bottom: 16px;
}
.se-trust-point__h2 {
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 12px;
}

/* 통합 카드 (se-report 스타일) */
.se-trust-point__grid {
	display: grid;
	grid-template-columns: 33% 67%;
	background: #fff;
	border-radius: 16px;
	border: 1px solid #e5e7eb;
	box-shadow: 0 2px 8px rgba(0,0,0,0.03);
	overflow: hidden;
}

/* 좌측 통계 영역 */
.se-trust-point__stat {
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 24px 20px;
	background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
	border-right: 1px solid #e5e7eb;
}

/* 우측 탭 콘텐츠 */
.se-trust-point__content {
	display: flex;
	flex-direction: column;
	background: transparent;
	border-radius: 0;
	border: none;
	overflow: hidden;
}

/* 탭 버튼 */
.se-tp-tabs {
	display: flex;
	gap: 0;
	border-bottom: 1px solid #e5e7eb;
	background: #f8f9fb;
}
.se-tp-tab {
	flex: 1;
	padding: 12px 10px;
	border: none;
	background: transparent;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 600;
	color: #94a3b8;
	cursor: pointer;
	transition: all 0.2s;
	position: relative;
	white-space: nowrap;
}
.se-tp-tab i {
	margin-right: 4px;
	font-size: 12px;
}
.se-tp-tab:hover {
	color: #475569;
	background: #f1f5f9;
}
.se-tp-tab.is-active {
	color: #2563EB;
	background: #fff;
}
.se-tp-tab.is-active::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 2px;
	background: #2563EB;
}
.se-tp-tab + .se-tp-tab {
	border-left: 1px solid #e5e7eb;
}

/* 탭 패널 */
.se-tp-panels {
	flex: 1;
	padding: 20px 24px;
	display: flex;
	align-items: center;
}
.se-tp-panel {
	display: none;
}
.se-tp-panel.is-active {
	display: block;
}
.se-tp-panel h2 {
	font-family: var(--font-heading);
	font-size: 17px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 10px;
	line-height: 1.5;
}
.se-tp-panel h3 {
	font-family: var(--font-heading);
	font-size: 16px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 10px;
	line-height: 1.5;
}
.se-tp-panel h4 {
	font-family: var(--font-heading);
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 10px;
	line-height: 1.5;
}
.se-tp-panel p {
	font-size: 13.5px;
	line-height: 1.85;
	color: #64748b;
	margin: 0;
}

@media (max-width: 1024px) {
	.se-trust-point__grid {
		grid-template-columns: 1fr;
	}
	.se-trust-point__stat {
		border-right: none;
		border-bottom: 1px solid #e5e7eb;
	}
}
@media (max-width: 640px) {
	.se-tp-tabs {
		gap: 0;
	}
	.se-tp-tab {
		font-size: 12px;
		padding: 10px 6px;
	}
	.se-tp-panels {
		padding: 16px 20px;
	}
}

/* Point stat head icon color */
.se-trust-point__stat .se-trust__head strong i,
.se-trust-point__stat .se-trust__head h3 i {
	color: #059669;
}

.se-trust__point-body {
	text-align: center;
	padding: 8px 0 4px;
}

.se-trust__point-total {
	font-family: var(--font-number);
	font-size: 36px;
	font-weight: 800;
	color: #1e293b;
	letter-spacing: -1px;
	line-height: 1.2;
	margin-bottom: 16px;
}
.se-trust__point-unit {
	font-size: 18px;
	font-weight: 600;
	color: #64748b;
	margin-left: 2px;
}

.se-trust__point-subs {
	display: flex;
	gap: 0;
	border-top: 1px solid #e2e8f0;
	padding-top: 14px;
}
.se-trust__point-sub {
	flex: 1;
	text-align: center;
	position: relative;
}
.se-trust__point-sub + .se-trust__point-sub::before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	bottom: 2px;
	width: 1px;
	background: #e2e8f0;
}
.se-trust__point-label {
	display: block;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 500;
	color: #94a3b8;
	margin-bottom: 4px;
}
.se-trust__point-val {
	display: block;
	font-family: var(--font-number);
	font-size: 14px;
	font-weight: 700;
	color: #2563EB;
}

/* Responsive */
@media (max-width: 1024px) {
	.se-trust__grid {
		grid-template-columns: 1fr 1fr;
	}
	.se-trust__card--point {
		grid-column: 1 / -1;
	}
}
@media (max-width: 640px) {
	.se-trust__grid {
		grid-template-columns: 1fr;
	}
	.se-trust__point-total {
		font-size: 28px;
	}
}


/* ==========================================================
   6. STATS SECTION (WHITE BACKGROUND)
   PSD: 838x434px, white bg, 3 stat items with 3D icons
   ========================================================== */
.se-stats {
	margin-bottom: 55px; /* PSD: ~55px gap from stats bottom to duo cards top */
}

.se-stats-inner {
	background: transparent; /* PSD: no white card, content on page bg #f7f8fa */
	border-radius: 0;
	padding: 60px 40px 0; /* PSD: ~185px gap from popular bottom = 122px margin + 60px padding */
	text-align: center;
}

.se-stats-heading {
	margin-bottom: 40px;
}

.se-stats-logo {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: 600;
	color: var(--color-dark);
	margin-bottom: 8px;
}

.se-stats-heading h2 {
	font-family: var(--font-display);
	font-size: 42px; /* PSD: SDPress-bBasic 42pt */
	font-weight: 400;
	color: #131b2b;
	margin: 8px 0 0;
	letter-spacing: -1.05px; /* PSD tracking: -25 */
	line-height: 1.238; /* PSD: leading 52pt / 42pt */
	font-style: italic; /* PSD FauxItalic */
	transform: scaleX(0.96); /* PSD: HScale=0.96 */
}

.se-stats-highlight {
	color: #2370f8; /* PSD exact */
}

.se-stats-row {
	display: flex;
	justify-content: center;
	gap: 80px;
}

.se-stat-item {
	text-align: center;
}

.se-stat-icon {
	margin-bottom: 16px;
}

.se-stat-icon img {
	width: 112px; /* PSD exact: icon ~112px wide */
	height: 112px;
	object-fit: contain;
}

.se-stat-label {
	font-family: var(--font-body);
	font-size: 22px; /* PSD: Pretendard-Bold 22pt */
	font-weight: 700;
	color: var(--color-dark); /* PSD: #333333 */
	margin-bottom: 8px;
	letter-spacing: -0.55px; /* PSD: 22 x -25/1000 */
}

.se-stat-value {
	font-family: var(--font-number);
	font-size: 62px; /* PSD: Oxanium-SemiBold 62pt */
	font-weight: 600;
	color: #2370f8; /* PSD exact */
	letter-spacing: -1.55px; /* PSD: 62 x -25/1000 */
	line-height: 1;
}

@media (max-width: 768px) {
	.se-stats-inner {
		padding: 32px 20px 40px;
	}
	.se-stats-heading h2 {
		font-size: 28px;
	}
	.se-stats-row {
		flex-direction: column;
		gap: 32px;
		align-items: center;
	}
	.se-stat-value {
		font-size: 42px;
	}
	.se-stat-icon img {
		width: 80px;
		height: 80px;
	}
}


/* ==========================================================
   7. DUO CARDS
   PSD: 1055x480px, two cards (blue + yellow)
   ========================================================== */
.se-duo {
	margin-bottom: 16px;
}

.se-duo-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.se-duo-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 16px 24px 28px;
	border-radius: 16px;
	text-decoration: none !important;
	transition: all 0.2s ease;
	min-height: 170px;
	position: relative;
	overflow: hidden;
}

.se-duo-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.se-duo-job {
	background: linear-gradient(135deg, #5b8def 0%, #4270e0 100%);
}

.se-duo-market {
	background: linear-gradient(135deg, #f5e6b8 0%, #eed991 100%);
}

.se-duo-text {
	position: relative;
	z-index: 2;
	flex: 1;
}

.se-duo-text h2,
.se-duo-text h3 {
	font-family: var(--font-heading);
	font-size: 21px;
	font-weight: 800;
	color: #fff;
	margin: 0 0 6px;
}

.se-duo-market .se-duo-text h2,
.se-duo-market .se-duo-text h3 {
	color: #3d3520;
}

.se-duo-text p {
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.85);
	margin: 0 0 14px;
	line-height: 1.5;
}

.se-duo-market .se-duo-text p {
	color: rgba(61, 53, 32, 0.7);
}

.se-duo-btn {
	display: inline-flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
	padding: 0 14px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	height: 34px;
}

.se-duo-market .se-duo-btn {
	background: rgba(255, 255, 255, 0.55);
	color: #3d3520;
}

.se-duo-character {
	flex-shrink: 0;
	width: 140px;
	position: relative;
	z-index: 1;
	opacity: 0.9;
}

.se-duo-character img {
	width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
}

@media (max-width: 768px) {
	.se-duo-grid {
		grid-template-columns: 1fr;
	}
	.se-duo-card {
		min-height: 140px;
		padding: 20px 12px 20px 22px;
	}
	.se-duo-text h2,
	.se-duo-text h3 {
		font-size: 18px;
	}
	.se-duo-character {
		width: 110px;
	}
}


/* ==========================================================
   8. 사고 제보 센터
   ========================================================== */
.se-report {
	margin-bottom: 16px;
}
.se-report__grid {
	display: grid;
	grid-template-columns: 70% 30%;
	background: #fff;
	border-radius: 16px;
	border: 1px solid #e5e7eb;
	box-shadow: 0 2px 8px rgba(0,0,0,0.03);
	overflow: hidden;
}

/* ── 좌측: 게시글 리스트 ── */
.se-report__list {
	padding: 24px 28px;
}
.se-report__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}
.se-report__title {
	font-family: var(--font-heading);
	font-size: 16px;
	font-weight: 700;
	color: #1e293b;
	margin: 0;
}
.se-report__title-red {
	color: #dc2626;
}
.se-report__items {
	list-style: none;
	margin: 0;
	padding: 0;
}
.se-report__item {
	border-bottom: 1px solid #f3f4f6;
}
.se-report__item:last-child {
	border-bottom: none;
}
.se-report__item a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
	text-decoration: none !important;
	transition: background 0.15s;
}
.se-report__item a:hover {
	background: #f8fafc;
	margin: 0 -28px;
	padding-left: 28px;
	padding-right: 28px;
}
.se-report__badge {
	flex-shrink: 0;
	display: inline-block;
	padding: 2px 8px;
	border-radius: 6px;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1px;
	line-height: 1.6;
}
.se-report__subject {
	flex: 1;
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 500;
	color: #334155;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.se-report__item a:hover .se-report__subject {
	color: #1e293b;
}
.se-report__date {
	flex-shrink: 0;
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 500;
	color: #94a3b8;
}
.se-report__more {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 500;
	color: #94a3b8;
	text-decoration: none !important;
	transition: color 0.15s;
}
.se-report__more:hover {
	color: #2563EB;
}

/* ── 우측: CTA 패널 ── */
.se-report__stats {
	display: flex;
	gap: 10px;
	margin-bottom: 16px;
}
.se-report__stat {
	flex: 1;
	text-align: center;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
}
.se-report__stat-val {
	display: block;
	font-family: var(--font-number);
	font-size: 20px;
	font-weight: 800;
	color: #1e293b;
	line-height: 1;
}
.se-report__stat-label {
	display: block;
	font-family: var(--font-body);
	font-size: 11px;
	font-weight: 500;
	color: #94a3b8;
	margin-top: 4px;
}
.se-report__cta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 24px 22px;
	background: #f8fafc;
	border-left: 1px solid #f1f5f9;
}
.se-report__cta-title {
	font-family: var(--font-heading);
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 8px;
	letter-spacing: -0.2px;
}
.se-report__cta-desc {
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 500;
	color: #64748b;
	line-height: 1.6;
	margin: 0 0 18px;
}
.se-report__cta-btns {
	display: flex;
	gap: 8px;
}
.se-report__btn--primary,
.se-report__btn--outline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 38px;
	border-radius: 10px;
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
	transition: all 0.15s ease;
}
.se-report__btn--primary {
	background: #2563EB;
	color: #fff !important;
}
.se-report__btn--primary:hover {
	background: #1d4ed8;
	box-shadow: 0 4px 12px rgba(37,99,235,0.2);
}
.se-report__btn--outline {
	background: #fff;
	color: #475569 !important;
	border: 1px solid #d1d5db;
}
.se-report__btn--outline:hover {
	background: #f1f5f9;
	border-color: #94a3b8;
}

@media (max-width: 768px) {
	.se-report__grid {
		grid-template-columns: 1fr;
	}
	.se-report__cta {
		border-left: none;
		border-top: 1px solid #e5e7eb;
	}
}


/* ==========================================================
   9. FOOTER
   PSD: 1022x348px, 2-column layout
   ========================================================== */
.se-footer {
	margin-bottom: 0;
	padding: 0 120px;
	background: #EEF1F5;
	border-top: none;
	box-shadow: none;
}

.se-footer-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	padding: 40px 0;
}

.se-footer-left {
	padding-right: 20px;
}

.se-footer-left > strong {
	display: block;
	font-family: var(--font-heading);
	font-size: 25px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 12px;
	line-height: 1.35;
	letter-spacing: -0.3px;
}

.se-footer-highlight {
	color: var(--color-primary);
}

.se-footer-left p {
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 400;
	color: #5f6975;
	line-height: 1.65;
	letter-spacing: -0.2px;
	margin: 0 0 20px;
	max-width: 520px;
}

.se-footer-logo {
	margin-bottom: 12px;
}

.se-footer-copy {
	font-family: var(--font-body);
	font-size: 13px;
	color: var(--color-light-gray);
}

.se-footer-right > strong {
	display: block;
	font-family: var(--font-heading);
	font-size: 25px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 14px;
	line-height: 1.35;
	letter-spacing: -0.3px;
}

.se-footer-textarea {
	width: 100%;
	min-height: 80px;
	border: 1px solid #e5e8eb;
	border-radius: 10px;
	padding: 14px;
	font-family: var(--font-body);
	font-size: 13px;
	color: var(--color-body);
	resize: vertical;
	margin-bottom: 12px;
	outline: none;
	transition: border-color 0.15s;
}

.se-footer-textarea::placeholder {
	color: var(--color-light-gray);
}

.se-footer-textarea:focus {
	border-color: var(--color-primary);
}

.se-footer-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.se-footer-btn-send {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--color-primary);
	color: #fff !important;
	padding: 12px 22px;
	border-radius: 5px 5px 15px 5px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none !important;
	transition: all 0.15s;
}

.se-footer-btn-send:hover {
	background: var(--color-primary-dark);
	transform: translateY(-2px);
}

.se-footer-or {
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--color-light-gray);
}

.se-footer-btn-tg {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	color: var(--color-primary) !important;
	padding: 12px 22px;
	border: 1.5px solid var(--color-primary);
	border-radius: 5px 5px 15px 5px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none !important;
	transition: all 0.15s;
}

.se-footer-btn-tg:hover {
	background: #eef3ff;
	transform: translateY(-2px);
}

.se-footer-btn-tg i {
	font-size: 15px;
}

@media (max-width: 768px) {
	.se-footer-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.se-footer-left {
		padding-right: 0;
	}
	.se-footer-left > strong,
	.se-footer-right > strong {
		font-size: 19px;
	}
	.se-footer-actions {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}

/* ============================================
   Scroll to Top Button (전체 페이지 공통)
   ============================================ */
.ts-scroll-top {
	position: fixed;
	bottom: 28px;
	right: 375px;
	z-index: 1100;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: #3182f6;
	color: #fff;
	font-size: 1.15rem;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(49, 130, 246, 0.35);
	display: none;
	align-items: center;
	justify-content: center;
}

.ts-scroll-top.visible {
	display: flex;
}

.ts-scroll-top:hover {
	background: #1b6ef3;
	box-shadow: 0 6px 20px rgba(49, 130, 246, 0.45);
}

@media (max-width: 768px) {
	.ts-scroll-top {
		right: 16px;
	}
}

/* ============================================================
   DARK MODE — html.dark-mode
   콘텐츠 영역, 게시판, 카드, 푸터
   ============================================================ */

/* --- 기본 배경/텍스트 --- */
html.dark-mode body {
	background: #141517;
	color: #d1d5db;
}
html.dark-mode #nt_body,
html.dark-mode .sbc-site-main #nt_body {
	background: #141517;
}
html.dark-mode .sbc-site-main {
	background: #141517;
}
html.dark-mode a {
	color: #93c5fd;
}
html.dark-mode a:hover {
	color: #bfdbfe;
}

/* --- 나리야 기본 컨테이너/카드 --- */
html.dark-mode .nt-card,
html.dark-mode .card,
html.dark-mode .nt-box {
	background: #1e1f23;
	border-color: #333638;
}
html.dark-mode .card-header,
html.dark-mode .nt-card-header {
	background: #25262b;
	border-bottom-color: #333638;
	color: #e5e7eb;
}
html.dark-mode .card-body {
	background: #1e1f23;
}
html.dark-mode .card-footer {
	background: #1e1f23;
	border-top-color: #333638;
}

/* --- 테이블/리스트 --- */
html.dark-mode .table,
html.dark-mode table {
	color: #d1d5db;
}
html.dark-mode .table th,
html.dark-mode .table thead th {
	background: #25262b;
	border-color: #333638;
	color: #9ca3af;
}
html.dark-mode .table td {
	border-color: #333638;
}
html.dark-mode .table-striped tbody tr:nth-of-type(odd) {
	background: rgba(255,255,255,0.02);
}
html.dark-mode .table-hover tbody tr:hover {
	background: rgba(255,255,255,0.04);
}

/* --- 게시판 --- */
html.dark-mode .bo_fx,
html.dark-mode .nt-list,
html.dark-mode .na-table {
	background: #1e1f23;
}
html.dark-mode .nt-list li,
html.dark-mode .na-table tr {
	border-bottom-color: #2c2d32;
}
html.dark-mode .nt-list li:hover,
html.dark-mode .na-table tr:hover {
	background: rgba(255,255,255,0.03);
}
html.dark-mode .nt-subject a {
	color: #e5e7eb;
}
html.dark-mode .nt-subject a:hover {
	color: #60a5fa;
}
html.dark-mode .bo_cate_on {
	background: #25262b;
	color: #60a5fa;
}

/* --- 글 보기 --- */
html.dark-mode #bo_v_con,
html.dark-mode .nt-view-body {
	color: #d1d5db;
}
html.dark-mode #bo_v_title {
	color: #f3f4f6;
}
html.dark-mode #bo_v_info {
	color: #9ca3af;
	border-bottom-color: #333638;
}

/* --- 댓글 --- */
html.dark-mode .nt-comment,
html.dark-mode #bo_vc {
	background: #1e1f23;
}
html.dark-mode .nt-comment-item {
	border-bottom-color: #2c2d32;
}
html.dark-mode .nt-comment-content {
	color: #d1d5db;
}

/* --- 폼/입력 --- */
html.dark-mode input[type="text"],
html.dark-mode input[type="password"],
html.dark-mode input[type="email"],
html.dark-mode input[type="tel"],
html.dark-mode input[type="number"],
html.dark-mode input[type="search"],
html.dark-mode input[type="url"],
html.dark-mode select,
html.dark-mode textarea,
html.dark-mode .form-control {
	background: #25262b;
	border-color: #3a3b40;
	color: #e5e7eb;
}
html.dark-mode input::placeholder,
html.dark-mode textarea::placeholder {
	color: #6b7280;
}
html.dark-mode .form-control:focus {
	background: #2c2d32;
	border-color: #3b82f6;
	color: #f3f4f6;
}

/* --- 버튼 --- */
html.dark-mode .btn-default,
html.dark-mode .btn-light {
	background: #2c2d32;
	border-color: #3a3b40;
	color: #d1d5db;
}
html.dark-mode .btn-default:hover,
html.dark-mode .btn-light:hover {
	background: #3a3b40;
	color: #f3f4f6;
}

/* --- 페이지네이션 --- */
html.dark-mode .page-link {
	background: #25262b;
	border-color: #333638;
	color: #9ca3af;
}
html.dark-mode .page-link:hover {
	background: #2c2d32;
	color: #e5e7eb;
}
html.dark-mode .page-item.active .page-link {
	background: #3b82f6;
	border-color: #3b82f6;
	color: #fff;
}

/* --- 드롭다운/모달 --- */
html.dark-mode .dropdown-menu {
	background: #25262b;
	border-color: #3a3b40;
}
html.dark-mode .dropdown-item {
	color: #d1d5db;
}
html.dark-mode .dropdown-item:hover {
	background: #2c2d32;
	color: #f3f4f6;
}
html.dark-mode .modal-content {
	background: #25262b;
	border-color: #3a3b40;
}
html.dark-mode .modal-header {
	border-bottom-color: #333638;
}
html.dark-mode .modal-footer {
	border-top-color: #333638;
}
html.dark-mode .modal-title {
	color: #e5e7eb;
}

/* --- 알럿/뱃지 --- */
html.dark-mode .alert {
	border-color: #3a3b40;
}
html.dark-mode .alert-info {
	background: #1e2a3a;
	color: #93c5fd;
}
html.dark-mode .alert-warning {
	background: #332d1a;
	color: #fbbf24;
}

/* --- 푸터 마스크/구분 영역 --- */
html.dark-mode .mask-show {
	display: none !important;
}
html.dark-mode .mask-fill {
	background: #141517 !important;
}
html.dark-mode .na-mask svg,
html.dark-mode .na-mask svg path {
	fill: #141517 !important;
}

/* --- 커스텀 푸터 --- */
html.dark-mode .se-footer {
	background: #1a1b1e;
}
html.dark-mode .se-footer > div > strong {
	color: #e5e7eb;
}
html.dark-mode .se-footer p {
	color: #9ca3af;
}
html.dark-mode .se-footer-textarea {
	background: #25262b;
	border-color: #3a3b40;
	color: #d1d5db;
}
html.dark-mode .se-footer-btn-send {
	background: #3b82f6;
	color: #fff;
}
html.dark-mode .se-footer-copy {
	color: #6b7280;
}

/* --- 기본 푸터 --- */
html.dark-mode #nt_footer,
html.dark-mode #nt_footer.bg-light,
html.dark-mode #nt_footer.is-footer-mask {
	background: #141517 !important;
	color: #6b7280;
}
html.dark-mode #nt_footer a {
	color: #9ca3af;
}
html.dark-mode #nt_footer .nt-links {
	border-color: #333638;
}
html.dark-mode #nt_footer .nt-links ul > li::after {
	color: #333638;
}
html.dark-mode #nt_footer .nt-links ul > li > a {
	color: #9ca3af;
}

/* --- 나리야 헤더/네비 --- */
html.dark-mode #nt_header {
	background: #1e1f23;
}
html.dark-mode .nt-nav a {
	color: #d1d5db;
}
html.dark-mode .nt-nav a:hover,
html.dark-mode .nt-nav a.active {
	color: #60a5fa;
}

/* --- 보관함(스크랩) 페이지 --- */
html.dark-mode .sbc-scrap {
	color: #d1d5db;
}
html.dark-mode .sbc-scrap__title {
	color: #e5e7eb;
}
html.dark-mode .sbc-scrap__item {
	background: #1e1f23;
	border-bottom-color: #2c2d32;
}
html.dark-mode .sbc-scrap__item:hover {
	background: #25262b;
}
html.dark-mode .sbc-scrap__subject {
	color: #e5e7eb;
}
html.dark-mode .sbc-scrap__board {
	background: #2c2d32;
	color: #9ca3af;
}
html.dark-mode .sbc-scrap__meta {
	color: #6b7280;
}

/* --- 메인 슬라이더/프로모 섹션 --- */
html.dark-mode .se-section {
	background: #141517;
}
html.dark-mode .se-section-header h2 {
	color: #e5e7eb;
}
html.dark-mode .se-card {
	background: #1e1f23;
	border-color: #333638;
}
html.dark-mode .se-card:hover {
	border-color: #4b5563;
}

/* --- 토토샵 --- */
html.dark-mode .ts-card {
	background: #1e1f23;
	border-color: #333638;
}
html.dark-mode .ts-card:hover {
	border-color: #4b5563;
}

/* --- 기타 배경/보더 통합 --- */
html.dark-mode .bg-white,
html.dark-mode .bg-light {
	background: #1e1f23 !important;
}
html.dark-mode .border-bottom,
html.dark-mode .border-top {
	border-color: #333638 !important;
}
html.dark-mode .text-dark {
	color: #e5e7eb !important;
}
html.dark-mode .text-muted {
	color: #6b7280 !important;
}
html.dark-mode hr {
	border-color: #333638;
}
html.dark-mode code {
	background: #2c2d32;
	color: #f472b6;
}
html.dark-mode pre {
	background: #1e1f23;
	border-color: #333638;
	color: #d1d5db;
}

/* --- 나리야 위젯 --- */
html.dark-mode .na-widget {
	background: #1e1f23;
	border-color: #333638;
}
html.dark-mode .na-widget-head {
	background: #25262b;
	color: #e5e7eb;
	border-bottom-color: #333638;
}

/* --- 나리야 기본 테마 오버라이드 --- */
html.dark-mode .wrapper {
	background: #141517;
}
html.dark-mode #nt_loader {
	background: #141517;
}
html.dark-mode .nt-menu .sub-1div,
html.dark-mode #nt_menu .sub-2div {
	background: #25262b;
	box-shadow: 0 6px 12px rgba(0,0,0,0.3);
}
html.dark-mode .list-group-item {
	background: #1e1f23;
	border-color: #333638;
	color: #d1d5db;
}
html.dark-mode .breadcrumb {
	background: #1e1f23;
}
html.dark-mode .breadcrumb-item a {
	color: #9ca3af;
}
html.dark-mode .breadcrumb-item.active {
	color: #6b7280;
}

/* --- 나리야 게시판 공통 --- */
html.dark-mode .na-table th {
	background: #25262b;
	color: #9ca3af;
	border-color: #333638;
}
html.dark-mode .na-table td {
	border-color: #333638;
	color: #d1d5db;
}
html.dark-mode .na-table td a {
	color: #e5e7eb;
}
html.dark-mode .na-table td a:hover {
	color: #60a5fa;
}
html.dark-mode .bo_fx .na-subject {
	color: #e5e7eb;
}
html.dark-mode .bo_cate a {
	color: #9ca3af;
}
html.dark-mode .bo_cate a:hover,
html.dark-mode .bo_cate a.active {
	color: #60a5fa;
}

/* --- 페이지/검색 --- */
html.dark-mode .na-page .pg_page,
html.dark-mode .na-page a {
	color: #9ca3af;
}
html.dark-mode .na-page .pg_current {
	background: #3b82f6;
	color: #fff;
}
html.dark-mode .sch_bar {
	background: #25262b;
	border-color: #3a3b40;
}
html.dark-mode .sch_bar input {
	background: #25262b;
	color: #e5e7eb;
}

/* --- 팝업/윈도우 --- */
html.dark-mode .win_bg {
	background: rgba(0,0,0,0.7);
}
html.dark-mode .new_win {
	background: #1e1f23;
	color: #d1d5db;
}
html.dark-mode .new_win_head {
	background: #25262b;
	border-bottom-color: #333638;
}

/* --- 사이드뷰 --- */
html.dark-mode .sv_wrap {
	background: #25262b;
	border-color: #3a3b40;
	box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
html.dark-mode .sv_wrap a {
	color: #d1d5db;
}
html.dark-mode .sv_wrap a:hover {
	color: #60a5fa;
}

/* --- 알림/알럿 추가 --- */
html.dark-mode .alert-danger {
	background: #331a1a;
	color: #fca5a5;
	border-color: #5a2020;
}
html.dark-mode .alert-success {
	background: #1a3320;
	color: #6ee7b7;
	border-color: #1e5a30;
}

/* --- 이미지/미디어 --- */
html.dark-mode .nt-img-cover {
	border-color: #333638;
}
html.dark-mode blockquote {
	border-left-color: #3a3b40;
	color: #9ca3af;
}

/* --- 히어로 배너 --- */
html.dark-mode .sb-hero__inner {
	background: linear-gradient(135deg, #1a1e2e 0%, #151a28 50%, #1a1a2e 100%);
}
html.dark-mode .sb-hero__inner::before {
	background-image: radial-gradient(circle at 80% 20%, rgba(96,165,250,0.08) 0%, transparent 50%);
}
html.dark-mode .sb-hero__title {
	color: #e5e7eb;
}
html.dark-mode .sb-hero__h1 {
	color: #9ca3af;
}
html.dark-mode .sb-hero__sub {
	color: #9ca3af;
}
html.dark-mode .sb-hero__meta {
	color: #6b7280;
}

/* --- 카테고리 카드 --- */
html.dark-mode .sb-cat-card {
	background: #1e1f23;
	border-color: transparent;
	box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
html.dark-mode .sb-cat-card:hover {
	border-color: transparent;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
html.dark-mode .sb-cat-card--toto .sb-cat-card__icon {
	background: rgba(59,130,246,0.15);
}
html.dark-mode .sb-cat-card--casino .sb-cat-card__icon {
	background: rgba(139,92,246,0.15);
}
html.dark-mode .sb-cat-card--etc .sb-cat-card__icon {
	background: rgba(16,185,129,0.15);
}
html.dark-mode .sb-cat-card__name {
	color: #e5e7eb;
}
html.dark-mode .sb-cat-card__desc {
	color: #6b7280;
}

/* --- 프로모 섹션 --- */
html.dark-mode .se-promo-btn {
	background: rgba(255,255,255,0.15);
	color: #fff !important;
}
html.dark-mode .se-promo-btn:hover {
	background: rgba(255,255,255,0.25);
	color: #fff !important;
}

/* --- 칩/필터 --- */
html.dark-mode .se-chips__title {
	color: #e5e7eb;
}
html.dark-mode .se-chip {
	background: #25262b;
	border-color: #3a3b40;
	color: #d1d5db;
}
html.dark-mode .se-chip:hover {
	background: #2c2d32;
	border-color: #4b5563;
}
html.dark-mode .se-chip.active {
	background: rgba(59,130,246,0.15);
	border-color: rgba(59,130,246,0.3);
	color: #60a5fa;
}

/* --- 피크 카드 --- */
html.dark-mode .se-pick__title {
	color: #e5e7eb;
}
html.dark-mode .se-pick__no-img {
	background: #25262b;
	color: #4b5563;
}

/* --- 탑리스트 --- */
html.dark-mode .se-toplist__item:hover {
	background: rgba(255,255,255,0.03);
}
html.dark-mode .se-toplist__rank {
	background: #2c2d32;
	color: #9ca3af;
}
html.dark-mode .se-toplist__rank--top {
	background: linear-gradient(135deg, #4a3a1a, #5a4520);
	color: #fbbf24;
}

/* --- 이벤트 섹션 --- */
html.dark-mode .se-evt-card {
	background: #1e1f23;
	border-color: #333638;
}
html.dark-mode .se-evt-card:hover {
	border-color: #4b5563;
}
html.dark-mode .se-evt-card-top {
	background: #25262b;
}

/* --- 토토 카드 리스트/갤러리 --- */
html.dark-mode .toto-card-list {
	background: #1e1f23;
	border-color: #333638;
}
html.dark-mode .toto-gallery-wrap {
	background: #1e1f23;
	border-color: #333638;
}
html.dark-mode .toto-gallery-item {
	background: #25262b;
}

/* --- 나리야 리스트 보완 --- */
html.dark-mode .sbc-site-main .na-list li {
	border-bottom-color: #2c2d32;
}

/* --- 푸터 버튼 보완 --- */
html.dark-mode .se-footer-btn-tg {
	background: rgba(255,255,255,0.1);
	color: #d1d5db;
}
html.dark-mode .se-footer-btn-tg:hover {
	background: rgba(255,255,255,0.15);
	color: #e5e7eb;
}

/* --- 사고 제보 섹션 --- */
html.dark-mode .se-report {
	margin-bottom: 0;
	padding-bottom: 16px;
}
html.dark-mode .se-report__grid {
	background: #1e1f23;
	border-color: transparent;
	box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
html.dark-mode .se-report__title {
	color: #e5e7eb;
}
html.dark-mode .se-report__subject {
	color: #d1d5db;
}
html.dark-mode .se-report__item {
	border-bottom-color: #2c2d32;
}
html.dark-mode .se-report__item a:hover {
	background: rgba(255,255,255,0.03);
}
html.dark-mode .se-report__item a:hover .se-report__subject {
	color: #e5e7eb;
}
html.dark-mode .se-report__date {
	color: #6b7280;
}
html.dark-mode .se-report__more {
	color: #6b7280;
}
html.dark-mode .se-report__more:hover {
	color: #60a5fa;
}
html.dark-mode .se-report__cta {
	background: #25262b;
	border-left-color: #333638;
}
html.dark-mode .se-report__cta-title {
	color: #e5e7eb;
}
html.dark-mode .se-report__cta-desc {
	color: #9ca3af;
}
html.dark-mode .se-report__stat {
	background: #1e1f23;
	border-color: #333638;
}
html.dark-mode .se-report__stat-val {
	color: #e5e7eb;
}
html.dark-mode .se-report__stat-label {
	color: #6b7280;
}
html.dark-mode .se-report__btn--outline {
	background: #2c2d32;
	color: #d1d5db !important;
	border-color: #3a3b40;
}
html.dark-mode .se-report__btn--outline:hover {
	background: #3a3b40;
	border-color: #4b5563;
}

/* --- .se-main 하단 마진 갭 방지 --- */
html.dark-mode .se-main {
	padding-bottom: 0;
	margin-bottom: 0;
}

@media (max-width: 768px) {
	html.dark-mode .se-report__cta {
		border-left: none;
		border-top: 1px solid #333638;
	}
}

/* ============================================================
   메인 인덱스 — 모든 베팅사 이벤트 섹션
   ============================================================ */
html.dark-mode .se-evt__title {
	color: #e5e7eb;
}
html.dark-mode .se-evt__card {
	background: #1e1f23;
	border-color: transparent;
	box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
html.dark-mode .se-evt__card:hover {
	border-color: transparent;
	box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
html.dark-mode .se-evt__name {
	color: #e5e7eb;
}
html.dark-mode .se-evt__desc {
	color: #6b7280;
}
html.dark-mode .se-evt__date {
	color: #4b5563;
}
html.dark-mode .se-evt__thumb {
	background: #25262b;
}

/* ============================================================
   메인 인덱스 — 누적 포인트 전환 금액
   ============================================================ */
html.dark-mode .se-trust__card {
	background: #1e1f23;
	border-color: transparent;
	box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
html.dark-mode .se-trust__card:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.3);
	border-color: transparent;
}
html.dark-mode .se-trust-point__h2 {
	color: #e5e7eb;
}
html.dark-mode .se-trust-point__grid {
	background: #1e1f23;
	border-color: #333638;
}
html.dark-mode .se-trust-point__stat {
	background: linear-gradient(135deg, #1a1e2e 0%, #1e2235 100%);
	border-right-color: #333638;
}
html.dark-mode .se-trust-point__content {
	background: transparent;
	border-color: transparent;
}
html.dark-mode .se-tp-tabs {
	background: #25262b;
	border-bottom-color: #333638;
}
html.dark-mode .se-tp-tab {
	color: #6b7280;
}
html.dark-mode .se-tp-tab:hover {
	color: #9ca3af;
	background: #2a2b30;
}
html.dark-mode .se-tp-tab.is-active {
	color: #60a5fa;
	background: #1e1f23;
}
html.dark-mode .se-tp-tab.is-active::after {
	background: #60a5fa;
}
html.dark-mode .se-tp-tab + .se-tp-tab {
	border-left-color: #333638;
}
html.dark-mode .se-tp-panel h2,
html.dark-mode .se-tp-panel h3,
html.dark-mode .se-tp-panel h4 {
	color: #e5e7eb;
}
html.dark-mode .se-tp-panel p {
	color: #6b7280;
}
html.dark-mode .se-trust__head h2,
html.dark-mode .se-trust__head h3,
html.dark-mode .se-trust__head strong {
	color: #e5e7eb;
}
html.dark-mode .se-trust__more {
	color: #6b7280;
}
html.dark-mode .se-trust__more:hover {
	color: #60a5fa;
}
html.dark-mode .se-trust__point-total {
	color: #e5e7eb;
}
html.dark-mode .se-trust__point-unit {
	color: #6b7280;
}
html.dark-mode .se-trust__point-subs {
	border-top-color: #333638;
}
html.dark-mode .se-trust__point-sub + .se-trust__point-sub::before {
	background: #333638;
}
html.dark-mode .se-trust__point-label {
	color: #6b7280;
}
html.dark-mode .se-trust__point-val {
	color: #d1d5db;
}
@media (max-width: 1024px) {
	html.dark-mode .se-trust-point__stat {
		border-right: none;
		border-bottom: 1px solid #333638;
	}
}

/* Trust 리스트 (인기글/리뷰 등) */
html.dark-mode .se-trust__list a {
	text-decoration: none;
}
html.dark-mode .se-trust__list a:hover {
	background: rgba(255,255,255,0.03);
}
html.dark-mode .se-trust__subj {
	color: #d1d5db;
}
html.dark-mode .se-trust__list a:hover .se-trust__subj {
	color: #e5e7eb;
}
html.dark-mode .se-trust__date {
	color: #6b7280;
}
html.dark-mode .se-trust__rank-num {
	color: #6b7280;
}
html.dark-mode .se-trust__list li:nth-child(1) .se-trust__rank-num,
html.dark-mode .se-trust__list li:nth-child(2) .se-trust__rank-num,
html.dark-mode .se-trust__list li:nth-child(3) .se-trust__rank-num {
	color: #ef4444;
}
html.dark-mode .se-trust__hit {
	color: #6b7280;
}
html.dark-mode .se-trust__empty {
	color: #6b7280;
}
html.dark-mode .se-trust__stars i.fa-star-o {
	color: #4b5563;
}

/* ============================================================
   메인 인덱스 — 커뮤니티 게시판 위젯 (나리야)
   ============================================================ */
html.dark-mode .sbc-site-main .card {
	background: #1e1f23;
	border-color: #333638;
}
html.dark-mode .sbc-site-main .card-header {
	background: #1e1f23;
	border-bottom-color: #333638;
	color: #e5e7eb;
}
html.dark-mode .sbc-site-main .card-header a {
	color: #e5e7eb;
}
html.dark-mode .sbc-site-main .card-body {
	background: #1e1f23;
}
html.dark-mode .sbc-site-main .na-table .na-item {
	border-bottom-color: #2c2d32;
}
html.dark-mode .sbc-site-main .na-table .na-subject a {
	color: #d1d5db;
}
html.dark-mode .sbc-site-main .na-table .na-subject a:hover {
	color: #60a5fa;
}
html.dark-mode .sbc-site-main .na-table .na-date,
html.dark-mode .sbc-site-main .na-table .na-hit {
	color: #6b7280;
}
html.dark-mode .sbc-site-main .na-table .na-name a {
	color: #9ca3af;
}

/* ============================================================
   메인 인덱스 — 탑리스트/프로모/배너 텍스트
   ============================================================ */
html.dark-mode .se-toplist__name {
	color: #e5e7eb;
}
html.dark-mode .se-toplist__desc {
	color: #6b7280;
}
html.dark-mode .se-toplist__meta {
	color: #4b5563;
}

/* 카테고리 카드 카운트/버튼 */
html.dark-mode .sb-cat-card__count {
	color: #9ca3af;
}
html.dark-mode .sb-cat-card__btn {
	color: #60a5fa;
}

/* (추천 사이트 피크 카드 → 보완 섹션에 통합) */

/* ============================================================
   실시간 이용자 후기 (리뷰 티커 + 리스트)
   ============================================================ */

/* --- 리뷰 섹션 컨테이너 --- */
html.dark-mode .se-review-section {
	background: #1e1f23;
	border-color: transparent;
	box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}

/* --- 리뷰 티커 카드 --- */
html.dark-mode .se-review-card {
	background: #25262b;
	border-color: transparent;
}
html.dark-mode .se-review-card:hover {
	box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}
html.dark-mode .se-review-company strong {
	color: #e5e7eb;
}
html.dark-mode .se-review-badge {
	color: #60a5fa;
	background: rgba(59,130,246,0.15);
}
html.dark-mode .se-review-title {
	color: #d1d5db;
}
html.dark-mode .se-review-desc {
	color: #6b7280;
}
html.dark-mode .se-review-site-name {
	color: #d1d5db;
}
html.dark-mode .se-review-stars i.fa-star-o {
	color: #4b5563;
}
html.dark-mode .se-review-time {
	color: #6b7280;
}
html.dark-mode .se-review-empty {
	color: #6b7280;
}

/* --- 리뷰 리스트 (se-rv__) --- */
html.dark-mode .se-rv__card {
	border-bottom-color: #333638;
}
html.dark-mode .se-rv__card:hover {
	background: rgba(255,255,255,0.03);
}
html.dark-mode .se-rv__nick {
	color: #e5e7eb;
}
html.dark-mode .se-rv__stars i.fa-star-o {
	color: #4b5563;
}
html.dark-mode .se-rv__score {
	color: #60a5fa;
}
html.dark-mode .se-rv__ago {
	color: #6b7280;
}
html.dark-mode .se-rv__site {
	color: #9ca3af;
	background: #2c2d32;
}
html.dark-mode .se-rv__text {
	color: #6b7280;
}
html.dark-mode .se-rv__card:hover .se-rv__text {
	color: #9ca3af;
}
html.dark-mode .se-rv__card:hover .se-rv__site {
	color: #d1d5db;
}

/* 하단 페이드 그라데이션 */
html.dark-mode .se-rv__list-wrap::after {
	background: linear-gradient(to bottom, rgba(30,31,35,0) 0%, #1e1f23 100%);
}

/* ============================================================
   이번주 추천 사이트 — 피크 카드 (se-pick__) 보완
   ============================================================ */
html.dark-mode .se-pick__card {
	background: #1e1f23;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
html.dark-mode .se-pick__card:hover {
	box-shadow: 0 4px 16px rgba(0,0,0,0.35);
}
html.dark-mode .se-pick__name {
	color: #e5e7eb;
}
html.dark-mode .se-pick__card:hover .se-pick__name {
	color: #60a5fa;
}
html.dark-mode .se-pick__arrow-icon {
	color: #4b5563;
}
html.dark-mode .se-pick__card:hover .se-pick__arrow-icon {
	color: #60a5fa;
}
html.dark-mode .se-pick__desc {
	color: #6b7280;
}
html.dark-mode .se-pick__link {
	color: #60a5fa;
}
html.dark-mode .se-pick__card:hover .se-pick__link {
	color: #93c5fd;
}
html.dark-mode .se-pick__body {
	background: #1e1f23;
}

/* --- 이벤트/리뷰 그리드 헤더 & 화살표 --- */
html.dark-mode .se-er-header h2 {
	color: #e5e7eb;
}
html.dark-mode .se-er-arrow {
	background: #25262b;
	border-color: #3a3b40;
	color: #9ca3af;
}
html.dark-mode .se-er-arrow:hover {
	border-color: #60a5fa;
	color: #60a5fa;
}

/* --- 이벤트 카드 --- */
html.dark-mode .se-event-card {
	background: #1e1f23;
	border-color: transparent;
	box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
html.dark-mode .se-event-card:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}
html.dark-mode .se-event-thumb {
	background: #25262b;
}
html.dark-mode .se-event-title {
	color: #d1d5db;
}
html.dark-mode .se-event-author {
	color: #9ca3af;
}

/* ============================================================
   탑리스트 컨테이너 & 탭
   ============================================================ */
html.dark-mode .se-toplist {
	background: #1e1f23;
	border-color: #333638;
	box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
html.dark-mode .se-toplist__title {
	color: #e5e7eb;
}
html.dark-mode .se-toplist__tabs {
	border-bottom-color: #333638;
}
html.dark-mode .se-toplist__tab {
	color: #6b7280;
}
html.dark-mode .se-toplist__tab:hover {
	color: #9ca3af;
}
html.dark-mode .se-toplist__tab.active {
	color: #60a5fa;
	border-bottom-color: #3b82f6;
}
html.dark-mode .se-toplist__item + .se-toplist__item {
	border-top-color: #2c2d32;
}
html.dark-mode .se-toplist__badge {
	background: rgba(59,130,246,0.15);
	color: #60a5fa;
}
html.dark-mode .se-toplist__stat {
	color: #6b7280;
}
html.dark-mode .se-toplist__go {
	background: #2563eb;
}
html.dark-mode .se-toplist__go:hover {
	background: #1d4ed8;
}

/* ============================================================
   인기 베팅사이트 (se-popular) 카드 & 화살표
   ============================================================ */
html.dark-mode .se-popular-header h2 {
	color: #e5e7eb;
}
html.dark-mode .se-popular-arrow {
	background: #25262b;
	border-color: #3a3b40;
	color: #9ca3af;
}
html.dark-mode .se-popular-arrow:hover {
	border-color: #60a5fa;
	color: #60a5fa;
	box-shadow: 0 4px 12px rgba(96,165,250,0.15);
}
html.dark-mode .se-popular-card {
	background: #1e1f23;
	border-color: #333638;
}
html.dark-mode .se-popular-card:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}
html.dark-mode .se-popular-badge {
	color: #60a5fa;
	border-color: #60a5fa;
}
html.dark-mode .se-popular-name {
	color: #e5e7eb;
}

/* ============================================================
   듀오 카드 (se-duo) — 마켓 카드 다크 그라데이션
   ============================================================ */
html.dark-mode .se-duo-market {
	background: linear-gradient(135deg, #3d3520 0%, #4a3f25 100%);
}
html.dark-mode .se-duo-market .se-duo-text h2,
html.dark-mode .se-duo-market .se-duo-text h3 {
	color: #fde68a;
}
html.dark-mode .se-duo-market .se-duo-text p {
	color: rgba(253,230,138,0.7);
}
html.dark-mode .se-duo-market .se-duo-btn {
	background: rgba(253,230,138,0.2);
	color: #fde68a;
}

/* ============================================================
   Trust 위젯 헤더 보더
   ============================================================ */
html.dark-mode .se-trust__head {
	border-bottom-color: #333638;
}

/* ============================================================
   서브메뉴 네비바 글로벌 오버라이드 (커스텀 flat tabs)
   ============================================================ */
.na-top-sidemenu {
	background: #fff !important;
	border: none !important;
	border-bottom: 1px solid #e5e7eb !important;
	border-radius: 16px 16px 0 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
}
.na-top-sidemenu #nt_side_menu {
	margin-bottom: 0 !important;
}
.na-top-sidemenu #nt_side_menu > .bg-primary {
	display: none !important;
}
.na-top-sidemenu #nt_side_menu .me-ul {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: stretch !important;
	border: none !important;
	border-bottom: 1px solid #e5e7eb !important;
	background: transparent !important;
	margin: 0 !important;
	padding: 0 16px !important;
	list-style: none !important;
}
.na-top-sidemenu #nt_side_menu .me-li { display: contents !important; }
.na-top-sidemenu #nt_side_menu .me-ul1 { display: contents !important; }
.na-top-sidemenu #nt_side_menu .me-ul1.off { display: contents !important; }
.na-top-sidemenu #nt_side_menu .me-li1 { display: contents !important; }
.na-top-sidemenu #nt_side_menu .tree-toggle { display: none !important; }
.na-top-sidemenu #nt_side_menu .me-line1 { display: none !important; }
.na-top-sidemenu #nt_side_menu .me-a,
.na-top-sidemenu #nt_side_menu .me-a1 {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.3rem !important;
	padding: 13px 16px !important;
	border: none !important;
	border-bottom: 2px solid transparent !important;
	margin-bottom: -1px !important;
	color: #8b95a1 !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	white-space: nowrap !important;
	transition: color 0.2s, border-color 0.2s !important;
	text-decoration: none !important;
	background: transparent !important;
}
.na-top-sidemenu #nt_side_menu .me-a:hover,
.na-top-sidemenu #nt_side_menu .me-a1:hover {
	color: #4e5968 !important;
	border-bottom-color: transparent !important;
	text-decoration: none !important;
}
.na-top-sidemenu #nt_side_menu .me-li.active > .me-a,
.na-top-sidemenu #nt_side_menu .me-li1.active > .me-a1 {
	color: #191f28 !important;
	border-bottom-color: transparent !important;
	font-weight: 700 !important;
}
.na-top-sidemenu + .row.na-row {
	margin: 0 !important;
}
.na-top-sidemenu + .row.na-row > .na-col {
	padding: 0 !important;
}

/* 서브메뉴 다크모드 */
html.dark-mode .na-top-sidemenu {
	background: #111827 !important;
	border-bottom-color: #374151 !important;
}
html.dark-mode .na-top-sidemenu #nt_side_menu .me-ul {
	border-bottom-color: #374151 !important;
}
html.dark-mode .na-top-sidemenu #nt_side_menu .me-a,
html.dark-mode .na-top-sidemenu #nt_side_menu .me-a1 {
	color: #6b7280 !important;
}
html.dark-mode .na-top-sidemenu #nt_side_menu .me-a:hover,
html.dark-mode .na-top-sidemenu #nt_side_menu .me-a1:hover {
	color: #9ca3af !important;
}
html.dark-mode .na-top-sidemenu #nt_side_menu .me-li.active > .me-a,
html.dark-mode .na-top-sidemenu #nt_side_menu .me-li1.active > .me-a1 {
	color: #e5e7eb !important;
}


/* ============================================================
   SEO SECTIONS — sbc-seo-*
   섹션 1: 이용 안내 카드 / 섹션 2: FAQ 아코디언 / 섹션 3: 설명 텍스트
   ============================================================ */

/* --- 공통 --- */
.sbc-seo-info,
.sbc-seo-faq,
.sbc-seo-text {
	background: #fff;
	border-radius: 16px;
	padding: 40px 36px;
	margin-bottom: 16px;
	border: 1px solid #e5e7eb;
	box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

/* ──────────────────────────────────────
   섹션 1: 이용 안내 (3단 카드)
   ────────────────────────────────────── */
.sbc-seo-info__title {
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 6px;
}
.sbc-seo-info__desc {
	font-size: 13.5px;
	color: #6b7280;
	margin: 0 0 24px;
	line-height: 1.6;
}
.sbc-seo-info__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}
.sbc-seo-info__card {
	background: #f8fafc;
	border: 1px solid #e8ecf1;
	border-radius: 14px;
	padding: 28px 24px 24px;
	transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.sbc-seo-info__card:hover {
	border-color: #c7d4e4;
	box-shadow: 0 4px 14px rgba(0,0,0,0.06);
	transform: translateY(-2px);
}
.sbc-seo-info__icon {
	margin-bottom: 16px;
}
.sbc-seo-info__card-title {
	font-family: var(--font-heading);
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 10px;
}
.sbc-seo-info__card-text {
	font-size: 13.5px;
	color: #5f6975;
	line-height: 1.85;
	margin: 0 0 16px;
}
.sbc-seo-info__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: var(--color-primary);
	text-decoration: none !important;
	transition: gap 0.2s;
}
.sbc-seo-info__link:hover {
	gap: 10px;
	color: var(--color-primary-dark);
}
.sbc-seo-info__link .fa {
	font-size: 11px;
	transition: transform 0.2s;
}
.sbc-seo-info__link:hover .fa {
	transform: translateX(2px);
}

/* ──────────────────────────────────────
   섹션 2: FAQ 아코디언
   ────────────────────────────────────── */
.sbc-seo-faq__title {
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 6px;
}
.sbc-seo-faq__desc {
	font-size: 13.5px;
	color: #6b7280;
	margin: 0 0 24px;
	line-height: 1.6;
}
.sbc-seo-faq__list {
	border-top: 1px solid #f0f0f0;
}
.sbc-seo-faq__item {
	border-bottom: 1px solid #f0f0f0;
}
.sbc-seo-faq__question {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 16px 0;
	background: none;
	border: none;
	cursor: pointer;
	text-align: left;
	font-family: inherit;
}
.sbc-seo-faq__question::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -36px;
	right: -36px;
	background: transparent;
	transition: background 0.15s;
	z-index: -1;
}
.sbc-seo-faq__question:hover::before {
	background: #fafbfc;
}
.sbc-seo-faq__q-badge {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	background: #eff6ff;
	color: #2563eb;
	font-size: 13px;
	font-weight: 700;
	border-radius: 6px;
}
.sbc-seo-faq__q-text {
	flex: 1;
	font-size: 14px;
	font-weight: 600;
	color: #1e293b;
	line-height: 1.5;
}
.sbc-seo-faq__toggle {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: #9ca3af;
	font-size: 14px;
	transition: color 0.2s, transform 0.2s;
}
.sbc-seo-faq__item.active .sbc-seo-faq__toggle {
	color: #2563eb;
}
.sbc-seo-faq__answer {
	display: none;
	padding: 0 0 18px 38px;
}
.sbc-seo-faq__answer p {
	font-size: 13.5px;
	color: #5f6975;
	line-height: 1.85;
	margin: 0;
}

/* ──────────────────────────────────────
   섹션 3: 하단 SEO 텍스트 (2단)
   ────────────────────────────────────── */
.sbc-seo-text__title {
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 24px;
}
.sbc-seo-text__columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}
.sbc-seo-text__col-title {
	font-family: var(--font-heading);
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	margin: 0 0 12px;
	padding-bottom: 12px;
	border-bottom: 2px solid #eff6ff;
}
.sbc-seo-text__col-body {
	font-size: 13.5px;
	color: #5f6975;
	line-height: 1.85;
	margin: 0;
}

/* ──────────────────────────────────────
   SEO 섹션 반응형
   ────────────────────────────────────── */
@media (max-width: 768px) {
	.sbc-seo-info,
	.sbc-seo-faq,
	.sbc-seo-text {
		padding: 24px 20px;
		border-radius: 12px;
	}
	.sbc-seo-info__grid {
		grid-template-columns: 1fr;
	}
	.sbc-seo-info__card {
		padding: 22px 20px 20px;
	}
	.sbc-seo-text__columns {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.sbc-seo-faq__question::before {
		left: -20px;
		right: -20px;
	}
	.sbc-seo-faq__answer {
		padding-left: 0;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
	.sbc-seo-info__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ──────────────────────────────────────
   SEO 섹션 다크모드
   ────────────────────────────────────── */
html.dark-mode .sbc-seo-info,
html.dark-mode .sbc-seo-faq,
html.dark-mode .sbc-seo-text {
	background: #1e1f23;
	border-color: #333638;
}

/* 섹션 1 다크 */
html.dark-mode .sbc-seo-info__title,
html.dark-mode .sbc-seo-faq__title,
html.dark-mode .sbc-seo-text__title {
	color: #e5e7eb;
}
html.dark-mode .sbc-seo-info__desc,
html.dark-mode .sbc-seo-faq__desc {
	color: #9ca3af;
}
html.dark-mode .sbc-seo-info__card {
	background: #25262b;
	border-color: #3a3c42;
}
html.dark-mode .sbc-seo-info__card:hover {
	border-color: #4a4d55;
	box-shadow: 0 4px 14px rgba(0,0,0,0.2);
}
html.dark-mode .sbc-seo-info__card-title {
	color: #e5e7eb;
}
html.dark-mode .sbc-seo-info__card-text,
html.dark-mode .sbc-seo-faq__answer p,
html.dark-mode .sbc-seo-text__col-body {
	color: #9ca3af;
}
html.dark-mode .sbc-seo-info__link {
	color: #60a5fa;
}
html.dark-mode .sbc-seo-info__link:hover {
	color: #93c5fd;
}
html.dark-mode .sbc-seo-info__icon circle[fill="#eff6ff"] {
	fill: #2a3344;
}

/* 섹션 2 다크 */
html.dark-mode .sbc-seo-faq__list {
	border-top-color: #333638;
}
html.dark-mode .sbc-seo-faq__item {
	border-bottom-color: #333638;
}
html.dark-mode .sbc-seo-faq__question:hover::before {
	background: #25262b;
}
html.dark-mode .sbc-seo-faq__q-badge {
	background: #1e3a5f;
	color: #60a5fa;
}
html.dark-mode .sbc-seo-faq__q-text {
	color: #e5e7eb;
}
html.dark-mode .sbc-seo-faq__toggle {
	color: #6b7280;
}
html.dark-mode .sbc-seo-faq__item.active .sbc-seo-faq__toggle {
	color: #60a5fa;
}

/* 섹션 3 다크 */
html.dark-mode .sbc-seo-text__col-title {
	color: #e5e7eb;
	border-bottom-color: #2a3344;
}