/* PC 새 틀(미리 보기) — 가운데 칸(1,260) 양옆 빈 곳 세로 배너 · 2026-10-25 운영자 「우선 양옆 고정광고 직접 넣어볼게요」
   마크업 = inc/pc-frame-rails.php(<template>) · 끼우기 · 따라오기 고르기 = js/pcf-rails.js · 자리 = 광고 통합 관리 site_rail_left · site_rail_right.
   판(.pcf-rails) = #page 와 같은 자리 · 높이(머리글 아래 ~ 바닥글 위 — js 가 맞춘다) — 따라오는 배너도 바닥글 앞에서 멈춘다.
   배너는 빈 곳 가운데: 빈 곳 = 50% − 1,260 ÷ 2 → 배너 왼쪽 = (빈 곳 − 배너 폭) ÷ 2 = 25% − 1,260 ÷ 4 − 배너 폭 ÷ 2.
   배너 폭(--pcf-rail-w) = js 가 정한다 — 지금 160 고정(2026-10-25 운영자 「큰 광고는 너무 꽉 차 보인다 · 얇고 세로로 긴 광고로 복원」 — 같은 날 잠깐 빈 곳에 맞춰 160 ~ 300 으로 넓혔었다) · 양옆 틈 24 를 남기고 160 이 안 들어가면 끼우지 않는다(본문 폭 1,676 미만). */
@media (min-width: 1025px) {
	body.pcf-on .pcf-rails {
		position: absolute;
		right: 0;
		left: 0;
		z-index: 1;
		pointer-events: none;
	}
	body.pcf-on .pcf-rails[hidden] {
		display: none;
	}
	body.pcf-on .pcf-rail {
		position: absolute;
		top: 24px;
		width: var(--pcf-rail-w, 160px);
		pointer-events: auto;
	}
	body.pcf-on .pcf-rail--l {
		left: calc(25% - var(--pcf-max, 1260px) / 4 - var(--pcf-rail-w, 160px) / 2);
	}
	body.pcf-on .pcf-rail--r {
		right: calc(25% - var(--pcf-max, 1260px) / 4 - var(--pcf-rail-w, 160px) / 2);
	}
	/* 광고 모듈의 「sticky」 모양(.oa-ad-sticky = 위 20 에 붙음)은 여기서 끄고, js 가 고른 칸(.is-sticky — 어드민 sticky 를 켠 자리 · 10/25 운영자 「양측 스티키」)만 붙는 메뉴 줄 아래(--pcf-rail-top)에 붙인다 */
	body.pcf-on .pcf-rail > .oa-ad {
		position: static;
	}
	body.pcf-on .pcf-rail.is-sticky {
		bottom: 24px;
	}
	body.pcf-on .pcf-rail.is-sticky > .oa-ad {
		position: sticky;
		top: var(--pcf-rail-top, 80px);
	}
	body.pcf-on .pcf-rail .oa-ad img {
		border-radius: 8px;
	}
}