/* 굵기 = 2026-10-24 한 단계 가볍게 적용판(fw-map) */
/* PC 새 틀(미리 보기) — 서식 상세(자료실 resources 글) · 2026-10-22 · 마크업 inc/pc-frame-resource-detail.php · 누르기 js/pcf-resource-detail.js
   정본 v4(13장 자료실 서식 상세) · 시안 claude.ai 아티팩트 5xjtjXWM7b4rbSBzQhe2DH 10~14차 값 그대로:
   상품형 머리(그림 720 | 정보) → 붙는 탭 줄(52) → 글 970 + 사이 24 + 오른쪽 칸 266(함께 많이 받는 서식 · 따라옴)
   사용법 = 세로 줄(번호 네모 32 검정 · 단계 네모 24 흰 바탕 + 회색 테 · 선 1px) · 참고사항 = 확인 목록(회색 50 한 칸) · 버전 기록 = 표(다섯 줄 넘으면 접기) · 질문 · 후기 = 댓글 플러그인 + 묶기
   흑백 + 초록(채운 받기 단추 · 본문 링크)뿐 · 그림 · 칸 8 · 단추 6 · 얼굴만 원형
   ⛔ !important 없음 · 모두 body.pcf-on 아래 + 1025 이상(폰 · 태블릿은 옛 화면 — 정본 v4 14.3) */

/* 1024 이하 = 옛 화면만(새 화면은 숨는다) */
body.pcf-on .pcfrd {
	display: none;
}

@media (min-width: 1025px) {

	/* ── 0. 옛 화면 숨기기 · 칸 ── */
	body.pcf-on.pcfrd-on #page .resources-main-container {
		display: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd {
		display: block;
		width: 100%;
		max-width: var(--pcf-w, 1260px);
		margin: 0 auto;
		padding: 32px 0 96px;
		color: var(--gray-900);
	}

	/* js 가 탭 안으로 옮긴 후기 칸 — 옛 폭 · 여백 걷기 */
	body.pcf-on.pcfrd-on #page .pcfrd #review {
		max-width: none;
		margin: 0;
	}

	/* js 가 안 돌 때 탭 아래에 남는 후기 칸도 같은 폭 */
	body.pcf-on.pcfrd-on #page .resources-content-main > #review {
		max-width: var(--pcf-w, 1260px);
		margin: 0 auto;
	}

	/* ── 1. 머리(상품형) ── */
	body.pcf-on.pcfrd-on #page .pcfrd-top {
		display: grid;
		grid-template-columns: minmax(0, 720px) minmax(0, 1fr);
		column-gap: 56px;
		align-items: start;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-gal {
		min-width: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-hero,
	body.pcf-on.pcfrd-on #page .pcfrd-th {
		position: relative;
		display: block;
		overflow: hidden;
		border-radius: 8px;
		background: var(--gray-50);
	}

	/* 흰 스튜디오 그림이 흰 바탕에 묻히지 않게 안쪽 1px 선 */
	body.pcf-on.pcfrd-on #page .pcfrd-hero::after,
	body.pcf-on.pcfrd-on #page .pcfrd-th::after {
		content: '';
		position: absolute;
		inset: 0;
		border-radius: inherit;
		box-shadow: inset 0 0 0 1px var(--gray-200);
		pointer-events: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-hero {
		aspect-ratio: 16 / 9;
		cursor: zoom-in;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-hero img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* 다 보이게 — 카드 그림(흰 스튜디오)이 아직 없는 서식의 옛 표지 · 16:9 에서 먼 화면 그림(4:3 · 가로로 긴 띠) */
	body.pcf-on.pcfrd-on #page .pcfrd-hero.is-fit img {
		object-fit: contain;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-thumbs {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 12px;
		margin-top: 12px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-th,
	body.pcf-on.pcfrd-on #page .pcfrd-th:hover,
	body.pcf-on.pcfrd-on #page .pcfrd-th:focus {
		width: 100%;
		aspect-ratio: 16 / 10;
		margin: 0;
		padding: 0;
		border: 0;
		background: var(--gray-50);
		cursor: pointer;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-th img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top center;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-th.is-fit img {
		object-fit: contain;
		object-position: center;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-th.is-on::after {
		box-shadow: inset 0 0 0 2px var(--gray-900);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-th:focus-visible {
		outline: 2px solid var(--primary);
		outline-offset: 2px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-more {
		position: absolute;
		right: 8px;
		bottom: 8px;
		padding: 3px 8px;
		border-radius: 6px;
		background: rgba(24, 24, 24, 0.72);
		color: var(--surface-white, #fff);
		font-size: 12px;
		font-weight: 500;
		line-height: 1.5;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-info {
		min-width: 0;
		padding-top: 4px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-crumb {
		display: flex;
		gap: 8px;
		margin: 0 0 12px;
		font-size: 13px;
		line-height: 1.5;
		color: var(--gray-400);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-crumb a {
		color: var(--gray-500);
		text-decoration: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-crumb a:hover {
		color: var(--gray-900);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-t {
		margin: 0;
		font-size: 28px;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: -0.03em;
		color: var(--gray-900);
		word-break: keep-all;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-sum {
		margin: 12px 0 0;
		font-size: 16px;
		line-height: 1.6;
		color: var(--gray-700);
		word-break: keep-all;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-sum p {
		margin: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-act {
		margin-top: 28px;
	}

	/* 받기 단추 — 이 화면의 채운 단추 하나 */
	body.pcf-on.pcfrd-on #page .pcfrd-dl,
	body.pcf-on.pcfrd-on #page .pcfrd-dl:focus {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 100%;
		height: 52px;
		padding: 0 28px;
		border: 0;
		border-radius: 6px;
		background: var(--brand-action);
		color: var(--surface-white, #fff);
		font: inherit;
		font-size: 16px;
		font-weight: 500;
		text-decoration: none;
		cursor: pointer;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-dl:hover {
		background: var(--brand-hover);
		color: var(--surface-white, #fff);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-dl:focus-visible {
		outline: 2px solid var(--primary);
		outline-offset: 2px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-dl.is-off {
		background: var(--gray-200);
		color: var(--gray-600);
		cursor: default;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-facts {
		display: grid;
		gap: 10px;
		margin: 24px 0 0;
		padding-top: 20px;
		border-top: 1px solid var(--gray-200);
		font-size: 14px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-facts > div {
		display: grid;
		grid-template-columns: 64px minmax(0, 1fr);
		gap: 8px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-facts dt {
		font-weight: 400;
		color: var(--gray-500);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-facts dd {
		margin: 0;
		line-height: 1.5;
		color: var(--gray-900);
		word-break: keep-all;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-dim {
		color: var(--gray-500);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-app {
		display: inline-flex;
		align-items: center;
		gap: 6px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-app img {
		flex: none;
		width: 18px;
		height: 18px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-star {
		display: inline-flex;
		margin-right: 4px;
		vertical-align: -2px;
		color: #FFC200; /* 자료실 별점 색(.claude/rules/css.md 「별점은 코너 기존 색」) */
	}

	body.pcf-on.pcfrd-on #page .pcfrd-facts a {
		margin-left: 4px;
		color: var(--gray-500);
		text-decoration: underline;
		text-underline-offset: 2px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-facts a:hover {
		color: var(--gray-900);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-eng {
		display: flex;
		justify-content: flex-end;
		margin-top: 16px;
	}

	/* 제공 마감 안내(탭 위) */
	body.pcf-on.pcfrd-on #page .pcfrd-warn {
		margin-top: 40px;
		padding: 24px 28px;
		border-radius: 8px;
		background: var(--color-warning-bg);
		font-size: 15px;
		line-height: 1.7;
		color: var(--gray-800);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-warn-h {
		margin: 0 0 8px;
		font-size: 17px;
		font-weight: 600;
		color: var(--color-warning-text);
	}

	/* ── 2. 탭 줄(붙음) ── */
	body.pcf-on.pcfrd-on #page .pcfrd-tabs {
		position: sticky;
		top: calc(var(--nav-height, 56px) + var(--wp-admin--admin-bar--height, 0px));
		z-index: 5;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
		margin-top: 40px;
		border-bottom: 1px solid var(--gray-200);
		background: var(--surface-white, #fff);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-tabl {
		display: flex;
		gap: 32px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-tabs [role="tab"],
	body.pcf-on.pcfrd-on #page .pcfrd-tabs [role="tab"]:hover,
	body.pcf-on.pcfrd-on #page .pcfrd-tabs [role="tab"]:focus {
		position: relative;
		height: 52px;
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		color: var(--gray-500);
		font: inherit;
		font-size: 15px;
		font-weight: 500;
		cursor: pointer;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-tabs [role="tab"]:hover,
	body.pcf-on.pcfrd-on #page .pcfrd-tabs [role="tab"][aria-selected="true"] {
		color: var(--gray-900);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-tabs [role="tab"]:focus-visible {
		outline: 2px solid var(--primary);
		outline-offset: -2px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-tabn {
		margin-left: 2px;
		font-weight: 400;
		color: var(--gray-400);
	}

	/* 같은 목록 안 칸 고르기 = 검정 밑줄(정본 4.5) */
	body.pcf-on.pcfrd-on #page .pcfrd-tabs [role="tab"][aria-selected="true"]::after {
		content: '';
		position: absolute;
		right: 0;
		bottom: -1px;
		left: 0;
		height: 2px;
		background: var(--gray-900);
	}

	/* 탭 줄 오른쪽 작은 받기 — 머리 받기 단추가 화면 밖일 때만(첫 화면엔 채운 단추가 하나) */
	body.pcf-on.pcfrd-on #page .pcfrd-dl.is-mini,
	body.pcf-on.pcfrd-on #page .pcfrd-dl.is-mini:focus {
		width: auto;
		height: 40px;
		padding: 0 18px;
		font-size: 14px;
		visibility: hidden;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-dl.is-mini.is-show {
		visibility: visible;
	}

	/* ── 3. 글 970 + 사이 24 + 오른쪽 칸 266 ── */
	body.pcf-on.pcfrd-on #page .pcfrd-2c {
		display: grid;
		grid-template-columns: minmax(0, 970px) 266px;
		column-gap: 24px;
		align-items: start;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-l {
		min-width: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-panel {
		display: none;
		padding-top: 40px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-panel.is-on {
		display: block;
	}

	/* 오른쪽 칸 — 함께 많이 받는 서식(붙는 메뉴 줄 + 탭 줄 아래 24 에서 따라옴) */
	body.pcf-on.pcfrd-on #page .pcfrd-rail {
		align-self: stretch;
		padding-top: 40px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-stick {
		position: sticky;
		top: calc(var(--nav-height, 56px) + var(--wp-admin--admin-bar--height, 0px) + 52px + 24px);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-rail-h {
		margin: 0 0 4px;
		font-size: 13px;
		font-weight: 500;
		line-height: 1.4;
		color: var(--gray-500);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-ri {
		display: grid;
		grid-template-columns: 104px minmax(0, 1fr);
		align-items: center;
		gap: 12px;
		margin-top: 14px;
		color: inherit;
		text-decoration: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-rimg {
		position: relative;
		display: block;
		overflow: hidden;
		aspect-ratio: 16 / 9;
		border-radius: 8px;
		background: var(--gray-50);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-rimg::after {
		content: '';
		position: absolute;
		inset: 0;
		border-radius: inherit;
		box-shadow: inset 0 0 0 1px var(--gray-200);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-rimg img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* 카드 그림을 아직 못 만든 서식(자료실 카드와 같은 16:9 받침 — inc/pc-frame-resources.php oppadu_pcfrs_form_img) */
	body.pcf-on.pcfrd-on #page .pcfrd-rimg.is-shot img {
		object-position: left top;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-rimg.is-fit {
		background: var(--surface-white);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-rimg.is-fit img {
		object-fit: contain;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-rtx {
		display: flex;
		flex-direction: column;
		gap: 2px;
		min-width: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-rtx b {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.4;
		color: var(--gray-900);
		word-break: keep-all;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-ri:hover .pcfrd-rtx b {
		text-decoration: underline;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-rtx i {
		font-size: 12px;
		font-style: normal;
		color: var(--gray-500);
	}

	/* ── 4. 사용법 · 자주 묻는 질문 = 세로 줄 ── */
	body.pcf-on.pcfrd-on #page .pcfrd .rsg {
		font-size: 15px;
		line-height: 1.7;
		color: var(--gray-800);
		word-break: keep-all;
		overflow-wrap: anywhere;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg ol,
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-steps {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg li {
		margin: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg figure {
		margin: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg strong,
	body.pcf-on.pcfrd-on #page .pcfrd .rsg b {
		font-weight: 500;
		color: var(--gray-900);
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg p,
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-pp {
		margin: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-pp + .rsg-pp {
		margin-top: 8px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-sec + .rsg-sec {
		margin-top: 48px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-h {
		display: flex;
		align-items: center;
		gap: 12px;
		margin: 0;
		font-size: 20px;
		font-weight: 600;
		line-height: 1.4;
		letter-spacing: -0.02em;
		color: var(--gray-900);
	}

	/* 항목 번호 = 검정 네모(6 — 완전 원형은 정본 금지) */
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-n {
		flex: none;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 32px;
		height: 32px;
		padding: 0 6px;
		box-sizing: border-box;
		border-radius: 6px;
		background: var(--gray-900);
		color: var(--surface-white, #fff);
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-body {
		margin-top: 20px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-p {
		margin-top: 12px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-body > :first-child {
		margin-top: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-raw,
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-card,
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-fig.is-solo,
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-steps {
		margin-top: 16px;
	}

	/* 단계 — 번호를 잇는 세로 줄 · 그림은 글 바로 아래 왼쪽 */
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-step {
		position: relative;
		padding: 0 0 28px 44px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-step::before {
		content: '';
		position: absolute;
		top: 30px;
		bottom: 2px;
		left: 15px;
		width: 1px;
		background: var(--gray-200);
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-step:last-child {
		padding-bottom: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-step:last-child::before {
		display: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-sn {
		position: absolute;
		top: 1px;
		left: 4px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		border-radius: 6px;
		background: var(--surface-white, #fff);
		box-shadow: inset 0 0 0 1px var(--gray-300);
		color: var(--gray-900);
		font-size: 13px;
		font-weight: 600;
		line-height: 1;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-tx {
		min-width: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-sf {
		margin-top: 12px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-sf .rsg-fig + .rsg-fig {
		margin-top: 12px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-fig a {
		display: inline-block;
		max-width: 100%;
		padding: 12px;
		border: 1px solid var(--gray-200);
		border-radius: 8px;
		background: var(--surface-white, #fff);
		vertical-align: top;
		cursor: zoom-in;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-fig img {
		display: block;
		max-width: 100%;
		height: auto;
	}

	/* 그림이 왼쪽 맞춤이라 설명 글도 왼쪽 */
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-fig figcaption {
		margin-top: 8px;
		font-size: 13px;
		line-height: 1.5;
		color: var(--gray-500);
		text-align: left;
	}

	/* 본문 링크 = 초록(정본 4.5) */
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-tx a,
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-p a,
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-raw a:not(.pcf-btn),
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-tx a:not(.pcf-btn) {
		color: var(--primary);
		text-decoration: underline;
		text-underline-offset: 3px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg a strong,
	body.pcf-on.pcfrd-on #page .pcfrd .rsg a b,
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-tx a strong {
		color: inherit;
	}

	/* 덩어리 — 표(가는 선 · 첫 줄 옅은 머리) · 상자 · 수식 코드 */
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-raw ul {
		margin: 0;
		padding-left: 1.25em;
		list-style: disc;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-raw table {
		width: 100%;
		margin: 0;
		border: 0;
		border-collapse: collapse;
		font-size: 14px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-raw th,
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-raw td {
		padding: 10px 14px;
		border: 1px solid var(--gray-200);
		background: none;
		vertical-align: top;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-raw tr:first-child > td,
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-raw th {
		background: var(--gray-50);
		color: var(--gray-700);
		font-weight: 500;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-raw pre {
		margin: 0;
		padding: 16px 20px;
		border-radius: 8px;
		background: var(--gray-50);
		font-size: 13px;
		line-height: 1.6;
		white-space: pre-wrap;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .boxed {
		margin: 0;
		padding: 16px 20px;
		border: 0;
		border-radius: 8px;
		background: var(--gray-50);
	}

	/* 링크 하나만 든 상자 → 단추(새 틀 공용 .pcf-btn) */
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-btns {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin-top: 12px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-raw > .pcfrd-btns:first-child {
		margin-top: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-ob {
		gap: 6px;
		min-height: 40px;
		padding: 0 16px;
		color: var(--gray-900);
		text-decoration: none;
	}

	/* 영상 카드(옛 「사용법 영상」) — 가로 카드 */
	body.pcf-on.pcfrd-on #page .pcfrd .video-item-container a,
	body.pcf-on.pcfrd-on #page .pcfrd .video-item-container a:hover {
		display: block;
		color: inherit;
		text-decoration: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .video-item {
		display: grid;
		grid-template-columns: 240px minmax(0, 1fr);
		align-items: center;
		gap: 20px;
		margin: 0;
		padding: 12px;
		border: 1px solid var(--gray-200);
		border-radius: 8px;
		background: var(--surface-white, #fff);
	}

	body.pcf-on.pcfrd-on #page .pcfrd .video-item img {
		display: block;
		width: 100%;
		aspect-ratio: 16 / 9;
		height: auto;
		border-radius: 6px;
		object-fit: cover;
	}

	/* 「사용 전에 꼭 확인해 주세요」 — 사용법 탭 맨 위 회색 칸 */
	body.pcf-on.pcfrd-on #page .pcfrd .rsg-ntc {
		box-sizing: border-box;
		margin: 0 0 56px;
		padding: 28px 32px 32px;
		border-radius: 8px;
		background: var(--gray-50);
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-ntc-h {
		margin: 0 0 20px;
		font-size: 17px;
		font-weight: 600;
		line-height: 1.4;
		color: var(--gray-900);
	}

	body.pcf-on.pcfrd-on #page .pcfrd .rsg-ntc .rsg-n {
		background: var(--surface-white, #fff);
		color: var(--gray-900);
		box-shadow: inset 0 0 0 1px var(--gray-300);
	}

	/* ── 5. 참고사항 = 확인 목록(회색 50 한 칸 · 줄 사이 선) ── */
	body.pcf-on.pcfrd-on #page .pcfrd-ck {
		margin: 0;
		padding: 0;
		border-radius: 8px;
		background: var(--gray-50);
		list-style: none;
		font-size: 15px;
		line-height: 1.7;
		color: var(--gray-800);
		word-break: keep-all;
		overflow-wrap: anywhere;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-ck > li {
		position: relative;
		display: flex;
		align-items: flex-start;
		gap: 14px;
		margin: 0;
		padding: 18px 24px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-ck > li + li::before {
		content: '';
		position: absolute;
		top: 0;
		right: 24px;
		left: 56px;
		height: 1px;
		background: var(--gray-200);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-ci {
		flex: none;
		display: inline-flex;
		margin-top: 3px;
		color: var(--gray-900);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-tx {
		min-width: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-tx strong,
	body.pcf-on.pcfrd-on #page .pcfrd-tx b {
		font-weight: 500;
		color: var(--gray-900);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-p + .pcfrd-p {
		margin-top: 8px;
	}

	/* 회색 칸 안 단추는 흰 바탕 + 가는 테(회색 위 회색이 안 보여서) */
	body.pcf-on.pcfrd-on #page .pcfrd-ck .pcfrd-ob {
		background: var(--surface-white, #fff);
		box-shadow: inset 0 0 0 1px var(--gray-200);
	}

	/* ── 6. 버전 기록 = 표(다섯 줄 넘으면 접기) ── */
	body.pcf-on.pcfrd-on #page .pcfrd-vt {
		width: 100%;
		margin: 0;
		border: 0;
		border-collapse: collapse;
		font-size: 15px;
		line-height: 1.6;
		color: var(--gray-800);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-vt th,
	body.pcf-on.pcfrd-on #page .pcfrd-vt td {
		border: 0;
		background: none;
		text-align: left;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-vt th {
		padding: 0 16px 10px 0;
		border-bottom: 1px solid var(--gray-200);
		color: var(--gray-500);
		font-size: 13px;
		font-weight: 500;
		white-space: nowrap;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-vt td {
		padding: 14px 16px 14px 0;
		border-bottom: 1px solid var(--gray-200);
		vertical-align: top;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-vt td:nth-child(1) {
		width: 150px;
		white-space: nowrap;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-vt td:nth-child(2) {
		width: 120px;
		color: var(--gray-500);
		white-space: nowrap;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-vt tr:not(.is-now) td:nth-child(1) b {
		font-weight: 500;
		color: var(--gray-700);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-now {
		display: inline-flex;
		align-items: center;
		height: 22px;
		margin-left: 8px;
		padding: 0 7px;
		border-radius: 6px;
		background: var(--gray-100);
		color: var(--gray-700);
		font-size: 12px;
		font-weight: 500;
		vertical-align: 1px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-vt.is-fold tr.is-more {
		display: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-vt.is-fold.is-open tr.is-more {
		display: table-row;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-vmore {
		display: flex;
		align-items: center;
		gap: 6px;
		width: 100%;
		height: 48px;
		margin: 0;
		padding: 0;
		border: 0;
		border-bottom: 1px solid var(--gray-200);
		background: none;
		color: var(--gray-500);
		font: inherit;
		font-size: 14px;
		cursor: pointer;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-vmore:hover {
		color: var(--gray-900);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-vmore[aria-expanded="true"] svg {
		transform: rotate(180deg);
	}

	/* ── 7. 질문 · 후기 = 댓글 플러그인(쓰기 · 답글 · 고치기 · 지우기 그대로) + js 묶기 ── */
	body.pcf-on.pcfrd-on #page .pcfrd #oppadu-comments {
		margin: 0;
	}

	/* 플러그인 요약 줄은 js 가 만든 위 줄(고르기 · ★ 평균 · 평가 수 · 최신순)로 */
	body.pcf-on.pcfrd-on #page .pcfrd #oppadu-comments.is-pcfrd .oc-summary,
	body.pcf-on.pcfrd-on #page .pcfrd #oppadu-comments.is-pcfrd #oc-load-more {
		display: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-rvtop {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 16px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-rvn {
		font-size: 15px;
		color: var(--gray-600);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-rvn b {
		color: var(--gray-900);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-sort {
		display: flex;
		align-items: center;
		gap: 6px;
		font-size: 14px;
		color: var(--gray-500);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-avg {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		color: var(--gray-600);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-avg svg {
		color: var(--rating-star, #F59E0B);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-avg b {
		margin-right: 2px;
		color: var(--gray-900);
	}

	/* 쓰기 칸 — 손님 = 회색 면 한 줄 + 흰 단추 · 회원 = 플러그인 쓰기 칸을 같은 회색 면으로 */
	body.pcf-on.pcfrd-on #page .pcfrd-write {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 12px 12px 12px 20px;
		border-radius: 8px;
		background: var(--gray-50);
		color: var(--gray-500);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-write > p {
		flex: 1 1 auto;
		margin: 0;
		font-size: 14px;
		color: var(--gray-600);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-write .pcf-btn {
		background: var(--surface-white, #fff);
		box-shadow: inset 0 0 0 1px var(--gray-200);
		color: var(--gray-900);
		text-decoration: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd #oppadu-comments .oc-form-wrap {
		margin: 0;
		padding: 16px 20px 18px;
		border: 0;
		border-radius: 8px;
		background: var(--gray-50);
	}

	body.pcf-on.pcfrd-on #page .pcfrd #oppadu-comments .oc-editor-area {
		border-radius: 8px;
		background: var(--surface-white, #fff);
	}

	/* 글 한 묶음(맨 위 글 + 답) — 줄 사이 선 */
	body.pcf-on.pcfrd-on #page .pcfrd .oc-list {
		margin-top: 8px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr {
		padding: 24px 0;
		border-bottom: 1px solid var(--gray-200);
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr[hidden] {
		display: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-comment {
		margin: 0;
		padding: 0;
		border: 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-comment-inner {
		display: flex;
		gap: 14px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-avatar img {
		width: 32px;
		height: 32px;
	}

	/* 글 먼저 · 이름 · 날짜 · 별은 아래 한 줄(시안 「질문과 답」) */
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-comment-body {
		display: flex;
		flex-direction: column;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-comment-content {
		order: 1;
		margin: 0;
		font-size: 15px;
		line-height: 1.7;
		color: var(--gray-800);
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-attachments {
		order: 2;
		margin: 10px 0 0;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-attachment-image img {
		width: 120px;
		height: 90px;
		border-radius: 8px;
		object-fit: cover;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-comment-header {
		order: 3;
		gap: 8px;
		margin: 6px 0 0;
		font-size: 13px;
		color: var(--gray-500);
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-rating-inline {
		order: -1;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-author,
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-author a {
		font-size: 13px;
		font-weight: 500;
		color: var(--gray-600);
		text-decoration: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-date {
		font-size: 13px;
		color: var(--gray-500);
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-badge-author {
		padding: 1px 6px;
		border-radius: 6px;
		background: var(--gray-100);
		color: var(--gray-700);
		font-size: 12px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-comment-actions {
		order: 4;
		gap: 12px;
		margin-top: 8px;
	}

	/* 좋아요(♡)는 이 탭에서 뺀다 — 99개 서식 통틀어 18번뿐이고 고른 시안에 없었다 · 답글·수정·삭제만 남김
	   손님은 줄에 하트 하나뿐이라 줄째 숨긴다(빈 줄 여백이 남지 않게) */
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-btn-like,
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-comment-actions:not(:has(.oc-btn-reply, .oc-btn-edit, .oc-btn-delete)) {
		display: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-reply-form,
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-edit-form {
		order: 5;
	}

	/* 답(들여 쓴 회색 면) — 운영자 답이면 A */
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-depth-1,
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-depth-2,
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-depth-3 {
		margin: 14px 0 0 46px;
		padding: 14px 18px;
		border-radius: 8px;
		background: var(--gray-50);
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-depth-1 > .oc-comment-inner::before,
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-depth-2 > .oc-comment-inner::before,
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr .oc-depth-3 > .oc-comment-inner::before {
		display: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr [class*="oc-depth-"] .oc-avatar {
		display: none;
	}

	/* 질문과 답 — 맨 위 글 = Q(검정 네모) · 운영자 답 = A(흰 네모 + 테) */
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr.is-qa > .oc-comment:first-child .oc-avatar img,
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr.is-qa .oc-comment.is-ans .oc-avatar img {
		display: none;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr.is-qa > .oc-comment:first-child .oc-avatar::before,
	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr.is-qa .oc-comment.is-ans .oc-avatar::before {
		content: 'Q';
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 26px;
		height: 26px;
		border-radius: 6px;
		background: var(--gray-900);
		color: var(--surface-white, #fff);
		font-size: 13px;
		font-weight: 600;
		line-height: 1;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr.is-qa .oc-comment.is-ans {
		padding: 16px 18px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr.is-qa .oc-comment.is-ans .oc-avatar {
		display: block;
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr.is-qa .oc-comment.is-ans .oc-avatar::before {
		content: 'A';
		background: var(--surface-white, #fff);
		color: var(--gray-900);
		box-shadow: inset 0 0 0 1px var(--gray-300);
	}

	body.pcf-on.pcfrd-on #page .pcfrd .pcfrd-thr.is-qa > .oc-comment:first-child .oc-comment-content {
		color: var(--gray-900);
	}

	body.pcf-on.pcfrd-on #page .pcfrd-morebtn {
		width: 100%;
		margin-top: 24px;
		gap: 6px;
	}

	body.pcf-on.pcfrd-on #page .pcfrd-morebtn span {
		font-weight: 400;
		color: var(--gray-500);
	}
}