/* 이력서 양식 — 입력 칸 + A4 미리보기. 인쇄하면 A4 한 장(넘치면 이어서)만 나온다 */
.rs { --ink:#1d2433; --sub:#5d6575; --line:#e3e6ec; --soft:#f5f6f9; --acc:#2d4a8a; --red:#c23b32;
  color:var(--ink); font-size:16px; line-height:1.5; }
.rs .top { text-align:center; margin:0 0 18px; }
.rs .top h1 { margin:0; font-size:34px; letter-spacing:-.5px; }
.rs .top p { margin:6px 0 0; color:var(--sub); font-size:15px; }
.rs .bar { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
.rs .bar button { font:inherit; font-weight:700; font-size:15px; padding:11px 14px; border-radius:11px; border:1.5px solid var(--line); background:#fff; color:var(--ink); cursor:pointer; }
.rs .bar button.main { background:var(--acc); border-color:var(--acc); color:#fff; flex:1 1 180px; }
.rs .bar button.word { flex:1 1 140px; }
.rs .bar .sp { flex:1 0 0; }
.rs .bar button.ghost { color:var(--sub); font-size:14px; padding:9px 12px; }
.rs .mtabs { display:none; gap:6px; background:var(--soft); padding:5px; border-radius:14px; margin:0 0 14px; }
.rs .mtabs button { flex:1; border:0; background:transparent; font:inherit; font-weight:700; font-size:16px; padding:11px 6px; border-radius:10px; color:var(--sub); cursor:pointer; }
.rs .mtabs button.on { background:#fff; color:var(--ink); box-shadow:0 1px 3px rgba(20,25,40,.12); }
.rs .cols { display:grid; grid-template-columns:minmax(0,1fr) 448px; gap:22px; align-items:start; }
.rs .pv { position:sticky; top:12px; }
.rs .pvbox { background:#e9ecf1; border-radius:14px; padding:12px; overflow:hidden; }
.rs .pvscale { transform-origin:0 0; width:210mm; }
.rs .pvhint { font-size:13px; color:var(--sub); text-align:center; margin:8px 0 0; }

/* 입력 */
.rs fieldset { border:1px solid var(--line); border-radius:14px; padding:14px 14px 10px; margin:0 0 14px; min-width:0; }
.rs legend { font-weight:800; font-size:16px; padding:0 6px; display:flex; align-items:center; gap:8px; }
.rs legend label { font-weight:600; font-size:13px; color:var(--sub); display:inline-flex; align-items:center; gap:4px; cursor:pointer; }
.rs legend input { width:16px; height:16px; accent-color:var(--acc); }
.rs fieldset.off > :not(legend) { display:none; }
.rs .g2 { display:grid; grid-template-columns:1fr 1fr; gap:8px 10px; }
.rs .g3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px 10px; }
.rs .fl { display:block; min-width:0; }
.rs .fl.w2 { grid-column:span 2; } .rs .fl.w3 { grid-column:1 / -1; }
.rs .fl > span { display:block; font-size:13px; font-weight:700; color:var(--sub); margin:0 0 4px; }
.rs input[type=text], .rs input[type=tel], .rs input[type=email], .rs select, .rs textarea {
  width:100%; box-sizing:border-box; font:inherit; font-size:16px; padding:9px 10px; border:1.5px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); }
.rs textarea { min-height:84px; resize:vertical; line-height:1.55; }
.rs input:focus, .rs select:focus, .rs textarea:focus { outline:none; border-color:var(--acc); }
.rs .photo { display:flex; gap:12px; align-items:center; margin:0 0 10px; }
.rs .ph { width:84px; height:112px; border:1.5px dashed #c5cad4; border-radius:8px; background:var(--soft) center/cover no-repeat; flex:0 0 auto; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--sub); font-size:13px; text-align:center; touch-action:none; }
.rs .ph.has { border-style:solid; color:transparent; }
.rs .phbtn { display:flex; flex-direction:column; gap:6px; align-items:flex-start; }
.rs .phbtn button, .rs .add, .rs .rm { font:inherit; font-size:14px; font-weight:700; padding:7px 11px; border-radius:9px; border:1.5px solid var(--line); background:#fff; color:var(--ink); cursor:pointer; }
.rs .phbtn small { color:var(--sub); font-size:12.5px; line-height:1.4; }
.rs .rows .row { position:relative; border-top:1px dashed var(--line); padding:10px 0 8px; }
.rs .rows .row:first-child { border-top:0; padding-top:2px; }
.rs .rm { position:absolute; right:0; top:8px; padding:3px 9px; font-size:13px; color:var(--sub); }
.rs .rows .row:first-child .rm { top:0; }
.rs .add { width:100%; margin:4px 0 4px; border-style:dashed; color:var(--acc); }
.rs .hint { font-size:13px; color:var(--sub); margin:6px 2px 2px; }
.rs .opt { display:flex; flex-wrap:wrap; gap:6px 14px; font-size:14px; color:var(--sub); margin:2px 0 6px; }
.rs .opt label { display:inline-flex; gap:5px; align-items:center; cursor:pointer; }
.rs .opt input { width:16px; height:16px; accent-color:var(--acc); }
.rs .saved { font-size:12.5px; color:var(--sub); text-align:right; margin:-6px 2px 10px; min-height:18px; }

@media (max-width: 880px) {
  .rs .mtabs { display:flex; }
  .rs .cols { grid-template-columns:minmax(0,1fr); }
  .rs .pv { position:static; }
  .rs[data-tab=edit] .pv { display:none; }
  .rs[data-tab=view] .ed { display:none; }
}
@media (max-width: 420px) { .rs .g3 { grid-template-columns:1fr 1fr; } .rs .g3 .fl.w1m { grid-column:1 / -1; } }

/* 이력서 / 자기소개서 탭 */
.rs .docs { display:flex; gap:6px; background:var(--soft); padding:5px; border-radius:14px; margin:0 0 14px; }
.rs .docs button { flex:1; border:0; background:transparent; font:inherit; font-weight:800; font-size:16px; padding:12px 6px; border-radius:10px; color:var(--sub); cursor:pointer; }
.rs .docs button.on { background:var(--acc); color:#fff; box-shadow:0 1px 3px rgba(20,25,40,.18); }
.rs textarea.ia { min-height:190px; }
.rs .icnt { font-size:13px; color:var(--sub); text-align:right; margin:6px 2px 0; }
.rs .icnt .over { color:var(--red); font-weight:700; }
.rs .rm2 { font:inherit; font-size:12.5px; font-weight:700; padding:2px 9px; border-radius:8px; border:1.5px solid var(--line); background:#fff; color:var(--sub); cursor:pointer; margin-left:4px; }

/* A4 이력서 한 장 (실제 크기, 미리보기는 줄여서 보여 준다) */
.sheet { width:210mm; min-height:297mm; box-sizing:border-box; padding:12mm 15mm 10mm; background:#fff; color:#111; position:relative;
  font-family:"Malgun Gothic","맑은 고딕","Apple SD Gothic Neo","Noto Sans KR",sans-serif; font-size:10pt; line-height:1.35; box-shadow:0 1px 3px rgba(0,0,0,.18); }
.sheet .ttl { text-align:center; font-size:25pt; font-weight:800; letter-spacing:14pt; text-indent:14pt; margin:0 0 5mm; }
.sheet .ttl u { text-decoration:none; border-bottom:2.4pt double #111; padding:0 2mm 1mm; }
.sheet table { width:100%; border-collapse:collapse; table-layout:fixed; margin:0 0 3mm; }
.sheet th, .sheet td { border:0.6pt solid #333; padding:0.6mm 2mm; vertical-align:middle; line-height:1.25; word-break:keep-all; overflow-wrap:anywhere; height:6.2mm; box-sizing:border-box; }
.sheet thead th, .sheet th { background:#eef0f3; font-weight:700; text-align:center; font-size:9.5pt; }
.sheet td { text-align:center; }
.sheet td.l { text-align:left; }
.sheet .cap { background:#d9dee7; font-size:10.5pt; letter-spacing:4pt; text-align:center; font-weight:800; }
.sheet .pic { width:30mm; padding:0; height:auto; background:#fafafa; }
.sheet .pic div { width:30mm; height:40mm; margin:0 auto; background:center/cover no-repeat; display:flex; align-items:center; justify-content:center; color:#999; font-size:9pt; letter-spacing:0; }
.sheet .memo { text-align:left; vertical-align:top; white-space:pre-wrap; height:17mm; line-height:1.55; }
.sheet .oath { text-align:center; margin:5mm 0 0; font-size:10.5pt; }
.sheet .date { text-align:center; margin:3mm 0 0; font-size:10.5pt; letter-spacing:.5pt; }
.sheet .sign { text-align:right; margin:4mm 4mm 0 0; font-size:11pt; }
.sheet .sign b { display:inline-block; min-width:28mm; text-align:center; letter-spacing:2pt; }
.sheet .sign i { font-style:normal; color:#555; margin-left:3mm; }
.sheet .pb { position:absolute; left:0; right:0; border-top:1px dashed #c33; pointer-events:none; }
.sheet .pb span { position:absolute; right:2mm; top:-5mm; font-size:8pt; color:#c33; background:#fff; padding:0 1mm; }

.sheet.isheet { line-height:1.7; }
.sheet .ihead { margin:0 0 5mm; }
.sheet .ihead th, .sheet .ihead td { height:8mm; }
.sheet .isec { margin:0 0 4.5mm; }
.sheet .iqt { margin:0 0 1.5mm; font-weight:800; font-size:11pt; }
.sheet .ibox { border:.6pt solid #333; padding:2.6mm 3.2mm; min-height:34mm; white-space:pre-wrap; word-break:keep-all; overflow-wrap:anywhere; font-size:10pt; line-height:1.75; min-height:44mm; }
/* 각종 서식 사이 오가는 탭(QR 도구 .qrsw 와 같은 모양) */
.rs .fmsw { display:flex; gap:4px; background:#f1f2f4; padding:4px; border-radius:14px; margin:0 0 16px; }
.rs .fmsw a { flex:1; text-align:center; padding:11px 6px; border-radius:10px; font-size:16px; font-weight:800; color:#4a5160; text-decoration:none; word-break:keep-all; }
.rs .fmsw a.on { background:#fff; color:#1d2433; box-shadow:0 1px 3px rgba(20,25,40,.14); }
.rs .fmsw a:not(.on):hover { color:#1d2433; }

#rsPrint { display:none; }
@media print {
  @page { size:A4; margin:11mm 15mm 7mm; }
  html, body { background:#fff !important; margin:0 !important; padding:0 !important; }
  body > *:not(#rsPrint) { display:none !important; }
  #rsPrint { display:block !important; }
  #rsPrint .sheet { box-shadow:none; min-height:0; width:auto; padding:0; }
  .sheet thead { display:table-header-group; }
  #rsPrint .pb { display:none; }
  .sheet tr { break-inside:avoid; }
  #rsPrint .sheet + .sheet { break-before:page; }
  .sheet .iqt { break-after:avoid; }
}