/* 원본 popup.html 의 <style> 블록 원문 (R5 — 인라인 style 블록 금지에 따라 외부 파일로만 이관) */
.close_area{width:100%; height:40px; border-bottom:2px solid #3c3c3c; line-height:40px; position:fixed; top:0; left:0; background-color:#fff;}
.close_area a{display:block; width:100%; height:100%; font-weight:bold; padding-left:20px; text-decoration:none; color:#3c3c3c;}
.popup{padding:15px; overflow:hidden;}
.popup_area{border:1px solid #3c3c3c; margin-top:50px; overflow-y:auto;}

/* 원본 여백 복원 — 원본 popup.html 은 reset 을 싣지 않아 body 기본 여백 8px 이 살아 있었다
   (_styles/popup.json: div.popup rect x=8 y=8). 공통 head 의 reset.css 가 0 으로 지우므로 되돌린다. */
body{margin:8px;}

/* 원본 서체 복원 — 원본 popup.html 은 header.css 를 싣지 않아 본문이 브라우저 기본 서체(세리프)였다.
   공통 head 의 header.css 가 body 에 거는 "Nanum Gothic" 을 이 페이지에서만 되돌린다.
   값은 눈대중이 아니라 _styles/popup.json 실측 그대로 "Times New Roman" 이고, 뒤에 generic
   `serif` 를 붙인다 — 원본 html 요소에는 lang 이 없어 한글이 플랫폼 세리프로 떨어졌는데
   (정답샷 _shots/popup-d.png 가 명조체), 산출물은 head 조각이 lang="ko" 를 달아(전 페이지 공통·
   validate_html 필수) 한글 폴백이 고딕으로 바뀌어 있었다. generic serif 로 원본 세리프 폴백을 되돌린다.
   실측 대조: .popup 1765 / .popup_area 1685 (rect) = _styles/popup.json 수치와 동일.
   ※ font-family:initial 은 UA 기본값 Times 로 계산돼 실측 문자열과도 어긋났다. */
body{font-family:"Times New Roman", serif;}

/* 좁은 화면: 별도 보강 없음. 원본에 @media 가 없고 이 페이지는 이미지 없는 순수 텍스트라
   390 에서도 넘침이 없다(snap overflowPx 0 실측). 종전의 여백 축소(@media max-width:480 에서
   .popup padding 15→10, .close_area a padding-left 20→12)는 원본에 없는 수치라
   모바일 스펙(_styles/popup-m.json: padding 15 / padding-left 20 / .popup width 344)과
   어긋나기만 했다 — R5v1 원본 보존·오버레이 최소 원칙대로 제거한다. */

/* 편집친화(R1) — 원문이 <br> 로 만들던 행/빈 줄을 행 요소 + CSS 여백으로 옮겼다(EditGate 2026-09-21).
   본문 한 줄 = 독립 <p>(운영자가 줄 단위로 편집), 빈 줄은 margin.
   18px 은 눈대중이 아니라 실측이다 — 원본 마크업(br 판)과 행 요소 판의 .popup_area 높이 차가
   d1440/m390 모두 486px 이고 빈 줄 수가 27개(선두 1 + 1칸 21 + 2칸 1 + 3칸 1) → 486/27 = 18.
   (본문 행 19px 과 다른 것은 빈 줄이 한글 글자 없이 Times 스트럿 높이로 잡히기 때문) */
.popup_area p.gap_top1 { margin-top: 18px; }
.popup_area p.gap1 { margin-bottom: 18px; }
.popup_area p.gap2 { margin-bottom: 36px; }
.popup_area p.gap3 { margin-bottom: 54px; }