@charset "utf-8";

/* 약관/개인정보/회사소개 — 공통 */
body.content-fx-page .ety-main {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

#ctt {
	margin: 0 auto;
	padding: 24px 16px 48px;
	max-width: 1200px;
}
#ctt header h1 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
#ctt_con {
	padding: 10px 0;
	line-height: 1.6em;
}
#ctt_himg img,
#ctt_timg img,
#ctt_con img {
	max-width: 100%;
	height: auto;
}

/* 라이트 모드 — 흰 배경 + 검은 글씨 */
body:not(.dark).content-fx-page,
body:not(.dark).content-fx-page #wrapper,
body:not(.dark).content-fx-page #container_wr,
body:not(.dark).content-fx-page #container {
	background: #f8fafc !important;
	color: #0f172a !important;
}
body:not(.dark).content-fx-page #container_title {
	background: transparent !important;
	color: #0f172a !important;
	border-color: #e2e8f0 !important;
}
body:not(.dark).content-fx-page #ctt,
body:not(.dark).content-fx-page #ctt_con {
	background: #ffffff !important;
	color: #0f172a !important;
}
body:not(.dark).content-fx-page #ctt_con a {
	color: hsl(263.4, 70%, 45%);
}

/* 다크 모드 — 검은 배경 + 흰 글씨 (#ctt 흰색 고정 스킨 덮어씀) */
body.dark.content-fx-page,
body.dark.content-fx-page #wrapper,
body.dark.content-fx-page #container_wr,
body.dark.content-fx-page #container {
	background: hsl(224, 71.4%, 4.1%) !important;
	color: hsl(210, 20%, 98%) !important;
	color-scheme: dark;
}
body.dark.content-fx-page #container_title {
	background: transparent !important;
	color: hsl(210, 20%, 98%) !important;
	border-color: hsl(215, 27.9%, 16.9%) !important;
}
body.dark.content-fx-page #ctt,
body.dark.content-fx-page #ctt_con,
body.dark #ctt.ctt_provision,
body.dark #ctt.ctt_privacy,
body.dark #ctt.ctt_company {
	background: hsl(224, 71.4%, 4.1%) !important;
	color: hsl(210, 20%, 98%) !important;
}
body.dark.content-fx-page #ctt_con a {
	color: hsl(187, 85%, 53%);
}
/* 본문 HTML 인라인 흰색 글씨 — 다크 배경 위 가독성 */
body.dark.content-fx-page #ctt_con h1,
body.dark.content-fx-page #ctt_con h2,
body.dark.content-fx-page #ctt_con p,
body.dark.content-fx-page #ctt_con li,
body.dark.content-fx-page #ctt_con span,
body.dark.content-fx-page #ctt_con div {
	color: inherit;
}

@media (max-width: 991px) {
	#ctt {
		padding: 16px 12px 32px;
	}
}