/* overlay.css — 우리 보정 전용 (R5 v1)
 *
 * 원본 CSS(css/ 의 나머지 파일)는 수정하지 않는다. 보강·무력화·보정은 전부 여기서
 * 캐스케이드로 이긴다. head 정본이 이 파일을 항상 맨 뒤에 링크한다.
 *
 * 원본 = WordPress + Astra 4.9.1 (반응형 테마) → 반응형 보강은 불필요.
 * 헤더는 headerScrolled 실측이 headerScrolledNoChange:true 라 스크롤 전환 CSS 없음(R12②).
 */

/* ── R23 접근성: skip-nav (원본에 없어 표준 삽입) ─────────────────────── */
#skipNavigation .skip-nav {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: 100000;
}

#skipNavigation .skip-nav:focus {
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	padding: 10px 20px;
	background: #fff;
	color: #000;
	font-size: 14px;
	line-height: 1.4;
	text-decoration: underline;
	outline: 2px solid #0073aa;
}

/* ── BR-RUN 수선 보정: 게시글 본문 이미지 스택 (EditGate) ──
 * 원본(KBoard 에디터 산출물)은 상세 본문에서 세로로 쌓인 상품 이미지를 <br><br> 연발로
 * 띄웠다. R1 위반이자 편집 불가(행이 요소가 아니라 br 사이 텍스트 흐름) — 이미지마다
 * 독립 블록 .content-row 로 분리하고 여백을 CSS 로 옮겼다.
 * gap-* 수치는 수선 전 1440 뷰포트 렌더 실측값(0/29/30/60px)을 그대로 옮긴 것이다(R16).
 * 원본 '.content-view img { display:inline; vertical-align:middle }' 가 만들던
 * 인라인 baseline 여백이 블록화로 사라지므로, 이미지를 block 으로 바꿔 높이를 일치시킨다.
 */
.kboard-content .content-view .content-row {
	font-size: 0;   /* 인라인 잔여 공백 제거 */
	line-height: 0;
}

.kboard-content .content-view .content-row img {
	display: block;
	max-width: 100%;
}

/* 원본이 'margin: 0 auto' 인라인 스타일로 가운데 정렬하던 이미지 유지 */
.kboard-content .content-view .content-row img.img_content {
	margin-right: auto;
	margin-left: auto;
}

.kboard-content .content-view .content-row.gap-29 { margin-bottom: 29px; }
.kboard-content .content-view .content-row.gap-30 { margin-bottom: 30px; }
.kboard-content .content-view .content-row.gap-60 { margin-bottom: 60px; }
/* 마지막 이미지 아래 원본 여백(<br><br><br><div><br></div> = 실측 89px) 보존 */
.kboard-content .content-view .content-row.gap-89 { margin-bottom: 89px; }

/* ── MIXED-INLINE 수선 보정: 대표이사 라벨 (EditGate) ──
 * 원본은 <p class="info_ceo"> 안에 라벨 텍스트가 맨몸으로 있고 서명만 <span class="sign3">
 * 였다. 에디터 편집 커밋이 textContent 통째 교체라 그대로 두면 서명 마크업이 파괴되므로
 * 라벨을 <span class="ceo-label"> 로 감쌌다. 그런데 원본 '.info_ceo span' 이
 * font-size:50px / margin-left:10px / display:inline-block 을 주므로, 새 래퍼가
 * 그 규칙에 걸려 라벨이 50px 로 부풀고 10px 들여쓰기가 생긴다. 아래로 '본문 텍스트'
 * 상태(=원본 맨몸 텍스트가 p 에서 상속하던 값)로 되돌린다. 서명(.sign3)은 원본 그대로.
 */
.info_ceo span.ceo-label {
	display: inline;
	margin-left: 0;
	padding-bottom: 0;
	font-size: inherit;
	font-weight: inherit;
	vertical-align: baseline;
}

/* ── 원본 인라인 @font-face 대체 (R5: <style> 블록 금지 → 파일로 이관) ──
 * 원본 인사말/회사소개 페이지가 본문 <style> 안에서 선언하던 서명용 폰트.
 * 자체 CDN(jsdelivr) → R9 v2 내재화. 고지는 licenses/ 참조.
 */
@font-face {
	font-family: 'SangSangShin';
	src: url('/fonts/SangSangShin.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}