@charset "UTF-8";
/* ═══ MTS 종이 부품 — 인쇄·A4 (2026-10-18 · components.css §11·§11-b·§12 를 떼어 냈다) ═══
   ★ 왜 따로: 종이는 화면 셸 밖에서도 그려진다 — 수임 서류 독립 화면(거래처 포털)·서명본 PDF 는 components.css 전체를 실으면
     화면용 기본값(h1·표·p)이 공단 서식의 맞춘 치수를 흔든다. 종이에 필요한 것만 이 파일에 둔다.
   색·글꼴 = tokens.css §6 종이 · 견본 = 카탈로그 13 · 쓰는 곳 = office/base · portal/base · form_print · 양식함 PDF · 수임 서류. */

/* ── 11. 종이 (A4 서식) ───────────────────────────────
   ★ 왜 부품인가: 수임문서·청구견적서가 각자 A4 CSS 를 들고 있어서 같은 종이가 두 벌이다.
     양식함이 세 번째가 되면 「페이지마다 따로 논다」가 시작된다 → 여기 한 벌로 둔다.
     ⬜ 수임문서·청구견적서도 이 부품으로 옮긴다(지금은 그 파일이 작업 중이라 손대지 않았다).
   ★ 종이는 화면 부품과 글꼴이 다르다 — 관청에 내는 문서라 본문은 명조다. 그 값만 여기서 정한다. */
.sheet-wrap { overflow-x: auto; padding-bottom: var(--s5); background: var(--canvas); }
.sheet {
  width: 210mm; min-height: 297mm; margin: 0 auto; padding: 18mm 17mm;
  box-sizing: border-box; background: var(--paper); box-shadow: var(--paper-shadow);
  font-family: var(--paper-font); font-size: 11pt; line-height: 1.75; color: var(--paper-ink);
}
.sheet-title { text-align: center; font-size: 19pt; font-weight: 700; letter-spacing: .3em;
               margin: 0 0 var(--s2); }
.sheet-sub { text-align: center; font-size: 10pt; color: var(--paper-muted); margin: 0 0 var(--s6); }
.sheet-head { font-size: 12pt; font-weight: 700; margin: var(--s5) 0 var(--s2); }
.sheet-para { margin: 0 0 var(--s3); text-indent: 1em; }
.sheet table { width: 100%; border-collapse: collapse; margin-bottom: var(--s3); }
.sheet th, .sheet td { border: 1px solid var(--paper-line); padding: 5px 8px; font-size: 10.5pt;
                       vertical-align: middle; }
.sheet th { background: var(--paper-head); width: 30%; text-align: left; font-weight: 600; }
.sheet-box { border: 1px solid var(--paper-line); background: var(--paper-box); padding: var(--s3) var(--s4);
             margin: var(--s3) 0 var(--s4); }
.sheet-box b { display: block; margin-bottom: var(--s2); }
.sheet-box p { margin: 0 0 var(--s2); text-indent: 1em; }
.sheet-box p:last-child { margin-bottom: 0; }
.sheet-date { text-align: center; margin: var(--s6) 0 var(--s4); }
.sheet-center { text-align: center; font-weight: 600; margin-bottom: var(--s4); }
.sheet-sign { text-align: center; }
.sheet-sign div { margin-bottom: var(--s3); }
/* 도장 자리 — 점선 원은 「여기 찍으세요」라는 표시다. 실제 직인은 합성하지 않는다. */
.sheet-seal { display: inline-block; width: 14mm; height: 14mm; border: 1px dashed var(--paper-faint);
              border-radius: 50%; line-height: 14mm; font-size: 8pt; color: var(--paper-faint);
              vertical-align: middle; margin-left: 6px; }
.sheet-to { margin-top: var(--s6); font-size: 12.5pt; font-weight: 700; }
/* 장부형 빈 칸 표(.sheet-grid) — 운행기록부·재고실사·출장비처럼 **손으로 줄을 채우는** 서식(2026-10-05).
   ★ 왼쪽 머리칸(.sheet th 30%)을 쓰지 않는다 — 열이 여럿인 표라 머리가 위에 선다. 칸 높이를 손글씨 한 줄로 둔다. */
.sheet table.sheet-grid { table-layout: fixed; }   /* 열을 고르게 — 머리 글자 길이에 끌려 좁은 칸이 생기지 않게 */
.sheet table.sheet-grid th { width: auto; text-align: center; font-size: 9pt; padding: 4px 3px; word-break: keep-all; }
.sheet table.sheet-grid td { height: 8mm; padding: 0 3px; font-size: 9.5pt; }
.sheet table.sheet-grid tr.sheet-grid-total td { font-weight: 700; text-align: center; background: var(--paper-head); }

@media print {
  /* 종이만 남기고 전부 걷는다. 여백은 .sheet 가 이미 갖고 있으므로 @page 는 0 이다. */
  .sheet-wrap { overflow: visible; padding: 0; background: var(--paper); }
  .sheet { width: auto; min-height: auto; margin: 0; box-shadow: none; }
  @page { size: A4; margin: 0; }
}

/* ── 11-b. 한 장 요약형 종이 (.sheet-dense) — 계약서처럼 조항이 많아 **A4 한 장**에 다 들어가야 하는 문서 (2026-10-18) ─────
   ★ 사장님 「세무대리계약서와 위임장이 예전에 만들어서 예전 디자인이야 · 틀로 흡수해야 돼」 — 7월 프로토타입의
     제 CSS(#pg0 …)를 버리고 종이 부품을 쓴다. 양식함(.sheet)과 **같은 글꼴·잉크**, 크기만 한 장에 맞게 줄였다.
   ⚠ 수임 서류 뷰어의 넘침 막대(「A4 한 장에 들어갑니다」)가 기준이다 — 줄이 늘면 여기 크기를 고치지 말고 문구를 줄인다.
   쓰는 법: <div class="page-container sheet-dense"> 안에 .sheet-title · table(th/td) · .sheet-clauses(p > b + .sheet-item) ·
           .sheet-note · .sheet-date · .sheet-sign2(div 둘) — 카탈로그 13. */
.sheet-dense { padding: 10mm 12mm; font-family: var(--paper-font); color: var(--paper-ink);
               font-size: 8.4pt; line-height: 1.4; }
.sheet-dense .sheet-title { font-size: 18pt; margin: 0 0 3mm; letter-spacing: .3em; text-align: center; font-weight: 700; }
.sheet-dense table { width: 100%; border-collapse: collapse; border: 1.2px solid var(--paper-rule); margin: 0 0 2mm; }
.sheet-dense th, .sheet-dense td { border: 1px solid var(--paper-rule); padding: 1mm 1.5mm; font-size: 9pt; height: 5.8mm;
                                   vertical-align: middle; }
.sheet-dense th { background: var(--paper-head); font-weight: 700; text-align: center; }
.sheet-dense td.is-strong { font-weight: 700; }
.sheet-dense td.is-center { text-align: center; }
.sheet-clauses { border: 1px solid var(--paper-rule); padding: 1.6mm 3mm; font-size: 8.3pt; line-height: 1.32;   /* 명조는 고딕보다 줄이 높다 — 한 장에 맞춘 값(서명란 아래 끝을 재서 정함 · 2026-10-18) */
                 text-align: justify; margin: 0 0 1.5mm; }
.sheet-clauses p { margin: 0 0 .6mm; }
.sheet-clauses p > b:first-child { display: block; }        /* 「제1조【업무】」 — 조 머리는 한 줄 */
.sheet-clauses p > b:first-child + br { display: none; }   /* 머리가 이미 한 줄이라 뒤 <br> 은 빈 줄만 만든다(조마다 한 줄씩 11줄이 샜다) */
.sheet-clauses .sheet-item { display: block; margin-top: .3mm; }   /* ①②③ 항 */
.sheet-dense .sheet-note { text-align: center; font-size: 8.5pt; margin: 4mm 0 1mm; }
.sheet-dense .sheet-date { text-align: center; font-size: 11pt; font-weight: 700; margin: 0 0 3.5mm; }
.sheet-sign2 { display: flex; justify-content: space-between; gap: 4%; }
.sheet-sign2 > div { flex: 1 1 0; line-height: 1.6; font-size: 9.5pt; }
.sheet-sign2 .who { display: block; font-weight: 700; margin-bottom: 1.2mm; }

/* ── 12. 조문 서식 (정관·임원 규정) ───────────────────
   ★ 사장님 2026-09-11: "해당 주요문구는 색이 다르던지 할거야".
     채워 넣는 자리를 본문과 **눈으로 구별**되게 한다 — 안 그러면 000 을 그대로 인쇄한다.
   ★ 색만으로 말하지 않는다(색각 이상·흑백 인쇄) — 빈 자리는 밑줄도 함께 갖는다. */
.sheet-chapter { text-align: center; font-size: 13pt; font-weight: 700; margin: var(--s6) 0 var(--s3); }
.sheet-article { margin-bottom: var(--s3); }
.sheet-article b { display: block; margin-bottom: 2px; }
.sheet-article p { margin: 0 0 2px; }
.sheet-var { color: var(--brand); font-weight: 700; }
.sheet-var--empty { color: var(--accent); border-bottom: 1px solid var(--accent); font-weight: 400; }