/* 요구사항을 확정하는 방법(/requirements-analysis) 페이지별 unslop 덮어쓰기(2026-11-14). sub.css 다음에 붙는다.
   방향은 메인과 같다: 관제실·운영실 / 따뜻한 무채색 한 벌 + 골드 하나(주 행동) / 굵기 400·500 / 4px 단위.
   이 페이지에서 고친 것
   - 첫 화면 도식: 파란 판·기울어진 색 파일 칩·청록 화살표 → 어두운 판 하나 안에 '받은 자료 목록 → 범위 문서(종이)'.
     범위 문서의 회색 막대는 방법 05 와 같은 실제 항목으로 바꿨다(copy/requirements-analysis.mjs).
   - 다섯 가지 방법: 단계마다 다른 색(파랑·주황·보라·청록·남색) 카드 → 머리카락 선으로 나눈 줄, 번호는 고정폭·흐린 글자.
   - 범위 태그(포함·제외·미확정): 색 대신 모양으로 구분(채움 / 테두리 / 점선 테두리).
   - 색은 의미가 있는 곳 한 군데만: 방법 03 의 '빠진 항목'(오류 표시, 톤 낮춘 빨강).
   - 큰 따옴표 장식·파란 문서 아이콘·흐린 큰 번호·그라데이션 띠 → 뺌. */

/* ── 첫 화면 ── */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero { padding-block: 152px 96px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 64px !important; align-items: center !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero .breadcrumb { margin-bottom: 24px !important; }
/* 금색 알약 → 조용한 한 줄(메인 첫 화면 위 문구와 같은 꼴) */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .has-generated-hero .rq-eyebrow {
  display: block !important; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important;
  font: 400 15px/24px var(--u-font) !important; letter-spacing: 0 !important; color: var(--u-d-ink-2) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero h1 { margin: 0 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero-txt p.rq-lead {
  max-width: 560px; margin: 24px 0 40px !important; font: 400 18px/30px var(--u-font) !important; color: var(--u-d-ink-2) !important;
}

/* 첫 화면 도식: 판 하나(어두운 카드) 안에 왼쪽 받은 자료 목록, 오른쪽 범위 문서(종이 한 장) */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero-fig {
  grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr) !important; gap: 12px !important; align-items: center !important;
  padding: 24px; border: 1px solid var(--u-d-line); border-radius: 16px; background: rgba(28, 26, 24, .9);
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-srcs { gap: 8px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-srcs .rq-file {
  transform: none !important; height: 44px; padding: 0 12px !important; gap: 10px !important; border: 1px solid var(--u-d-line) !important; border-radius: 8px !important;
  background: var(--u-d-raised) !important; box-shadow: none !important;
  font: 400 14px/20px var(--u-font) !important; color: var(--u-d-ink) !important; white-space: nowrap; overflow: hidden;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-srcs .rq-file::before {
  width: auto !important; min-width: 32px; height: 20px !important; padding: 0 4px; border: 1px solid var(--u-d-line-2); border-radius: 4px !important;
  background: none !important; color: var(--u-d-ink-3) !important; font: 400 11px/18px var(--u-mono) !important; letter-spacing: 0 !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero .rq-arrow {
  display: flex !important; align-items: center; justify-content: center; height: auto !important; background: none !important; color: var(--u-d-ink-3);
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero .rq-arrow::after { display: none !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero .rq-sheet {
  gap: 12px !important; padding: 20px !important; border: 0 !important; border-radius: 10px !important;
  background: var(--u-card) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .28) !important; color: var(--u-ink) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero .rq-sheet em {
  padding: 0 0 12px !important; border-bottom: 1px solid var(--u-line) !important;
  font: 500 14px/20px var(--u-font) !important; color: var(--u-ink) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero .rq-sheet > div { gap: 12px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero .rq-item {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 400 14px/20px var(--u-font) !important; color: var(--u-ink) !important;
}

/* 범위 태그: 포함=채움, 제외=테두리, 미확정=점선 테두리(색 없이 모양으로) */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-tag {
  display: inline-flex !important; align-items: center; justify-content: center; min-width: 52px !important; height: 24px; padding: 0 8px !important;
  border: 1px solid transparent; border-radius: 6px !important; font: 500 12px/16px var(--u-font) !important; font-style: normal !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-tag--in { background: var(--u-raised) !important; color: var(--u-ink) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-tag--out { background: transparent !important; border-color: var(--u-line-2) !important; color: var(--u-ink-3) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-tag--tbd { background: transparent !important; border: 1px dashed rgba(31, 27, 22, .4) !important; color: var(--u-ink-2) !important; }

/* ── 섹션 공통: 바탕 번갈아, 위아래 112, 제목 36 ── */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .section { padding-block: 112px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-why-sec,
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out-sec + .section { background: var(--u-bg) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-method { background: var(--u-card) !important; border-block: 1px solid var(--u-line); }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .section-head { max-width: 760px; margin: 0 0 48px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .section-head h2 {
  margin: 0 !important; font-size: 36px !important; line-height: 1.34 !important; letter-spacing: -.015em !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .section-head p { margin: 16px 0 0 !important; font: 400 16px/28px var(--u-font) !important; color: var(--u-ink-2) !important; }

/* ── 왜 필요한가: 색 윗선·큰 따옴표 장식 → 머리카락 윗선 ── */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-why { gap: 32px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-why li {
  padding: 20px 0 0 !important; border: 0 !important; border-top: 1px solid var(--u-line-2) !important; border-radius: 0 !important; background: none !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-why li::before { content: none !important; display: none !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-why b {
  margin: 0 0 8px !important; font-size: 18px !important; line-height: 28px !important; font-weight: 500 !important; letter-spacing: 0 !important; color: var(--u-ink) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-why span { font: 400 15px/26px var(--u-font) !important; color: var(--u-ink-2) !important; }

/* ── 다섯 가지 방법: 색 카드 → 머리카락 선으로 나눈 줄(글 왼쪽, 도식 오른쪽으로 통일) ── */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps { gap: 0 !important; border-bottom: 1px solid var(--u-line); }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps > li {
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) !important; gap: 64px !important; align-items: center !important;
  padding: 48px 0 !important; border: 0 !important; border-top: 1px solid var(--u-line-2) !important; border-radius: 0 !important;
  background: none !important; box-shadow: none !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps > li .rq-txt { order: 0 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps .rq-no {
  display: block !important; width: auto !important; height: auto !important; margin: 0 0 12px !important; border-radius: 0 !important; background: none !important;
  font: 400 13px/20px var(--u-mono) !important; color: var(--u-ink-3) !important; font-variant-numeric: tabular-nums;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps .rq-txt > b {
  margin: 0 0 12px !important; font-size: 22px !important; line-height: 32px !important; font-weight: 500 !important; letter-spacing: -.01em !important; color: var(--u-ink) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps .rq-txt > p { font: 400 16px/28px var(--u-font) !important; color: var(--u-ink-2) !important; }
/* 보충 문구: 색 상자 → 흐린 본문 한 줄 */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-note {
  margin: 16px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important;
  font: 400 14px/22px var(--u-font) !important; color: var(--u-ink-3) !important;
}

/* 도식 공통 틀: 종이 판 + 머리카락 선, 모서리 14 */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig {
  padding: 24px !important; border: 1px solid var(--u-line) !important; border-radius: 14px !important; background: var(--u-bg) !important; box-shadow: none !important;
}
/* 01 받은 파일: 들쭉날쭉한 파란 칩 → 파일 목록 줄 */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--files { gap: 0 !important; padding-block: 8px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--files .rq-file {
  margin: 0 !important; height: 48px; padding: 0 !important; gap: 12px !important; border: 0 !important; border-bottom: 1px solid var(--u-line) !important; border-radius: 0 !important;
  background: none !important; box-shadow: none !important; font: 400 15px/22px var(--u-font) !important; color: var(--u-ink) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--files .rq-file:last-child { border-bottom: 0 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--files .rq-file::before {
  width: auto !important; min-width: 32px; height: 20px !important; padding: 0 4px; border: 1px solid var(--u-line-2); border-radius: 4px !important;
  background: none !important; color: var(--u-ink-3) !important; font: 400 11px/18px var(--u-mono) !important; letter-spacing: 0 !important;
}
/* 02 정상 흐름 + 예외: 주황 → 정상은 실선 칸, 예외는 점선 칸 */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--flow small {
  margin: 0 0 8px !important; font: 500 13px/20px var(--u-font) !important; letter-spacing: 0 !important; color: var(--u-ink-3) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-flow-main { margin-bottom: 24px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .section .rq-flow-main > span {
  display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 4px !important; border: 1px solid var(--u-line-2) !important; border-radius: 8px !important;
  background: var(--u-card) !important; font: 500 14px/20px var(--u-font) !important; color: var(--u-ink) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-flow-main span + span { margin-left: 24px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-flow-main span + span::before {
  content: "" !important; left: -20px !important; width: 16px; height: 16px; background: var(--u-ink-3);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / 16px no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / 16px no-repeat;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-flow-ex { gap: 8px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-flow-ex span {
  display: inline-flex; align-items: center; height: 32px; padding: 0 12px !important; border: 1px dashed rgba(31, 27, 22, .32) !important; border-radius: 8px !important;
  background: transparent !important; font: 400 14px/20px var(--u-font) !important; color: var(--u-ink-2) !important;
}
/* 03 화면 구성안: 창 하나, 의미 있는 색은 '빠진 항목'(오류) 하나 */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--screen { padding: 0 !important; overflow: hidden; background: #fff !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-win { gap: 6px !important; padding: 12px 16px !important; background: var(--u-raised) !important; border-bottom: 1px solid var(--u-line); }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-win i { width: 8px !important; height: 8px !important; background: rgba(31, 27, 22, .18) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-scr { gap: 12px !important; padding: 24px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-scr-row em { height: 8px !important; width: 64px !important; border-radius: 4px !important; background: var(--u-raised) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-scr-row em + em {
  width: auto !important; height: 32px !important; border-radius: 6px !important; border: 1px solid var(--u-line) !important; background: var(--u-bg) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-miss { padding: 6px !important; margin: -7px !important; border: 1px dashed rgba(180, 35, 24, .55) !important; border-radius: 8px !important; background: rgba(180, 35, 24, .04) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-miss b {
  top: -10px !important; right: 8px !important; padding: 0 6px !important; border-radius: 4px !important; background: #b42318 !important; color: #fff !important;
  font: 500 12px/20px var(--u-font) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-scr-btn { width: 88px !important; height: 32px !important; border-radius: 8px !important; background: var(--u-ink) !important; opacity: 1 !important; }
/* 04 용어 → 데이터 정의: 청록 막대 → 용어 칸 · 화살표 · 고정폭 코드 */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--map { gap: 8px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-map-row { grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .section .rq-map-row > span {
  display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 12px !important; border: 1px solid var(--u-line-2) !important; border-radius: 8px !important;
  background: var(--u-card) !important; font: 500 14px/20px var(--u-font) !important; color: var(--u-ink) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-map-row i { height: 1px !important; margin: 0 8px !important; background: var(--u-line-2) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-map-row i::after {
  content: "" !important; right: -4px !important; top: -4px !important; width: 9px; height: 9px; border: 0 !important;
  border-top: 1px solid rgba(31, 27, 22, .32) !important; border-right: 1px solid rgba(31, 27, 22, .32) !important; transform: rotate(45deg);
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-map-row code {
  display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 12px !important; border-radius: 8px !important;
  background: var(--u-raised) !important; color: var(--u-ink) !important; font: 400 13px/20px var(--u-mono) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--map small { margin-top: 8px !important; font: 400 13px/20px var(--u-font) !important; color: var(--u-ink-3) !important; }
/* 05 범위 목록 */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--scope { gap: 0 !important; padding: 8px 24px !important; background: #fff !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--scope > div { gap: 16px !important; padding: 12px 0 !important; border-bottom: 1px solid var(--u-line) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--scope > div:last-child { border-bottom: 0 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--scope span { font: 400 15px/22px var(--u-font) !important; color: var(--u-ink) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--scope span small { margin-top: 2px !important; font: 400 13px/20px var(--u-font) !important; color: var(--u-ink-3) !important; }

/* ── 남는 문서: 파란 그라데이션 아이콘·흐린 큰 번호 → 어두운 카드 + 고정폭 번호 ── */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out-sec { background: var(--u-d-bg-2) !important; color: var(--u-d-ink) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out-sec .section-head h2 { color: var(--u-d-ink) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out-sec .section-head p,
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out-sec .section-head p span { color: var(--u-d-ink-2) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out { gap: 16px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out li {
  min-height: 0 !important; padding: 24px !important; border: 1px solid var(--u-d-line) !important; border-radius: 14px !important; background: var(--u-d-card) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out li::before {
  content: counter(rqo, decimal-leading-zero) !important; position: static !important; display: block; width: auto !important; height: auto !important; margin: 0 0 16px;
  border-radius: 0 !important; background: none !important; font: 400 13px/20px var(--u-mono) !important; color: var(--u-d-ink-3) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out li::after { content: none !important; display: none !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out b { margin: 0 0 4px !important; font-size: 17px !important; line-height: 26px !important; font-weight: 500 !important; color: var(--u-d-ink) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out span { font: 400 14px/22px var(--u-font) !important; color: var(--u-d-ink-2) !important; }
/* 계약·무료 안내: 파란 알약 → 머리카락 선 위 한 줄 */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out-sec p.rq-free {
  display: block !important; margin: 32px 0 0 !important; padding: 20px 0 0 !important; border: 0 !important; border-top: 1px solid var(--u-d-line) !important; border-radius: 0 !important;
  background: none !important; font: 400 15px/24px var(--u-font) !important; color: var(--u-d-ink-2) !important;
}

/* ── 상담 전 준비: 파란 체크·점선 판·취소선 → 같은 카드 두 장, 선 아이콘 ── */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-check { gap: 16px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-check-col {
  padding: 32px !important; border: 1px solid var(--u-line) !important; border-radius: 16px !important; background: var(--u-card) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-check-col--none { background: transparent !important; border-color: var(--u-line-2) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-check-col > b {
  margin: 0 0 12px !important; font-size: 18px !important; line-height: 28px !important; font-weight: 500 !important; color: var(--u-ink) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-check-col li {
  padding: 8px 0 8px 28px !important; font: 400 15px/24px var(--u-font) !important; color: var(--u-ink-2) !important; text-decoration: none !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-check-col li::before {
  content: "" !important; top: 12px !important; left: 0 !important; width: 16px !important; height: 16px !important; border-radius: 0 !important; background: var(--u-ink-2) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 16px no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 16px no-repeat;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-check-col--none li::before {
  background: var(--u-ink-3) !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-check-col > p {
  margin: 16px 0 0 !important; padding-top: 16px; border-top: 1px solid var(--u-line); font: 400 14px/22px var(--u-font) !important; color: var(--u-ink-3) !important;
}

/* ── 마무리 문의: 베이지 띠 → 메인 마무리와 같은 어두운 띠, 골드 버튼 하나 ── */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-cta { padding-block: 96px !important; background: var(--u-d-bg-2) !important; color: var(--u-d-ink) !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-cta-in { align-items: flex-end !important; gap: 32px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-cta p {
  font-size: 32px !important; line-height: 1.34 !important; font-weight: 500 !important; letter-spacing: -.02em !important; color: var(--u-d-ink) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-cta p span {
  display: block; margin-top: 12px !important; font: 400 16px/26px var(--u-font) !important; letter-spacing: 0 !important; color: var(--u-d-ink-2) !important;
}
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-cta .button { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18) !important; }

/* ── 반응형 ── */
@media (max-width: 1100px) {
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero-grid { grid-template-columns: 1fr !important; gap: 48px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero-fig { max-width: 640px; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps > li { grid-template-columns: 1fr !important; gap: 32px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig { max-width: 640px; }
}
@media (max-width: 760px) {
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero { padding-block: 112px 64px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero h1 { font-size: 36px !important; line-height: 1.22 !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero-txt p.rq-lead { margin-bottom: 32px !important; font-size: 16px !important; line-height: 27px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero-txt .button { width: 100%; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero-fig { grid-template-columns: 1fr !important; gap: 8px !important; padding: 16px; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-hero .rq-arrow { width: auto !important; height: 24px !important; margin: 0 !important; transform: rotate(90deg); }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-srcs { grid-template-columns: 1fr; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-srcs .rq-file { height: 40px; font-size: 13px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-srcs .rq-file::before { min-width: 30px; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .section { padding-block: 64px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .section-head { margin-bottom: 32px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .section-head h2 { font-size: 28px !important; line-height: 1.36 !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-why { grid-template-columns: 1fr !important; gap: 24px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps > li { gap: 24px !important; padding: 32px 0 !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps .rq-txt > b { font-size: 19px !important; line-height: 28px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps .rq-txt > p { font-size: 15px !important; line-height: 26px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig { padding: 16px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--files { padding-block: 4px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--files .rq-file { height: 44px; font-size: 14px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-flow-main span + span { margin-left: 20px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-flow-main span + span::before { left: -18px !important; width: 16px; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .section .rq-flow-main > span { font-size: 13px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--scope { padding: 4px 16px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out { grid-template-columns: 1fr !important; gap: 12px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out li { padding: 20px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out li::before { margin-bottom: 8px; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-check { grid-template-columns: 1fr !important; gap: 12px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-check-col { padding: 24px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-cta { padding-block: 64px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-cta-in { flex-direction: column !important; align-items: flex-start !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-cta p { font-size: 24px !important; }
  html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-cta .button { width: 100%; }
}

/* ── 장면(moment) 안의 뜻 있는 색(2026-11-14 추가, 대표 승인) ──
   틀(바탕·버튼·테두리·카드)은 무채색 그대로 두고, 제품 화면 예시(첫 화면 '받은 자료 → 범위 문서'와 방법 01~05 도식) 안에서만
   운영본 색을 차분한 톤으로 되살린다. 색마다 뜻이 하나다.
   - 파일 종류: XLS=초록(스프레드시트), DOC=파랑(문서·한글·PDF), IMG=주황(화면 캡처·이미지)
   - 범위 상태(모양 구분은 그대로): 포함=초록 채움, 제외=빨강 테두리, 미확정=호박색 점선
   - 주의가 필요한 것은 같은 호박색: 방법 02 예외 흐름, 방법 04 hold(보류)
   - 방법 04 코드값: pending=파랑(같은 뜻이면 같은 색), hold=호박색
   - 방법 03 빠진 항목=빨강(오류) — 위에서 이미 씀 */
/* 파일 종류 — 어두운 판(첫 화면) */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-srcs .rq-file--xls::before { border-color: transparent !important; background: rgba(63, 138, 92, .26) !important; color: #9bd3b0 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-srcs .rq-file--doc::before { border-color: transparent !important; background: rgba(74, 103, 216, .3) !important; color: #b3c0f2 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-srcs .rq-file--img::before { border-color: transparent !important; background: rgba(196, 106, 43, .28) !important; color: #edb48d !important; }
/* 파일 종류 — 종이 판(방법 01) */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--files .rq-file--xls::before { border-color: transparent !important; background: rgba(63, 138, 92, .14) !important; color: #2f6b47 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--files .rq-file--doc::before { border-color: transparent !important; background: rgba(74, 103, 216, .12) !important; color: #3a50a8 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--files .rq-file--img::before { border-color: transparent !important; background: rgba(196, 106, 43, .13) !important; color: #964a17 !important; }
/* 범위 상태 — 포함·제외·미확정(첫 화면 범위 문서, 방법 05) */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-tag.rq-tag--in { border-color: transparent !important; background: rgba(47, 125, 80, .14) !important; color: #2a6a44 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-tag.rq-tag--out { border-color: rgba(180, 35, 24, .4) !important; background: rgba(180, 35, 24, .05) !important; color: #a3322a !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-tag.rq-tag--tbd { border-color: rgba(166, 112, 18, .7) !important; background: rgba(196, 140, 34, .09) !important; color: #845a0d !important; }
/* 방법 02 예외 흐름 — 주의(호박색 점선) */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-fig--flow .rq-flow-ex span { border-color: rgba(166, 112, 18, .6) !important; background: rgba(196, 140, 34, .08) !important; color: #845a0d !important; }
/* 방법 04 코드값 — 같은 코드는 같은 색 */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-map-row code.rq-code--pending { background: rgba(74, 103, 216, .12) !important; color: #3a50a8 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-map-row code.rq-code--hold { background: rgba(196, 140, 34, .14) !important; color: #845a0d !important; }

/* ── 콘텐츠 상자 안의 뜻 있는 색(2026-11-14 추가, 대표 지시: '컨텐츠박스의 유의미한 색은 살린다') ──
   넓은 바탕·그라데이션·빛 번짐은 쓰지 않고, 번호 표시·작은 아이콘 자리에만 운영본 색을 차분한 톤으로.
   - 다섯 가지 방법 단계 구분: 01 파랑, 02 주황, 03 보라, 04 청록, 05 남색(운영본 단계 색) — 번호 표시에만
   - 남는 것(산출물): 모두 '문서'라 파일 종류의 DOC 와 같은 파랑 — 번호 표시에만
   - 상담 전 준비: '있으면 빨라짐' 체크=초록(긍정), '준비하지 않아도 됨' X=무채색 그대로 */
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps .rq-no { display: inline-flex !important; align-items: center; height: 24px !important; padding: 0 8px !important; border-radius: 6px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps > li:nth-child(1) .rq-no { background: rgba(37, 99, 235, .1) !important; color: #3556b8 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps > li:nth-child(2) .rq-no { background: rgba(234, 88, 12, .1) !important; color: #a5501c !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps > li:nth-child(3) .rq-no { background: rgba(124, 58, 237, .1) !important; color: #6a45b0 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps > li:nth-child(4) .rq-no { background: rgba(13, 148, 136, .11) !important; color: #1f7a70 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-steps > li:nth-child(5) .rq-no { background: rgba(79, 70, 229, .1) !important; color: #4a47b5 !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-out li::before { display: inline-block !important; padding: 2px 6px !important; border-radius: 4px !important; background: rgba(74, 103, 216, .3) !important; color: #b3c0f2 !important; font-size: 12px !important; line-height: 16px !important; }
html body[data-unslop="sub"].page-requirements-analysis.editorial-subpage #main .rq-check-col:not(.rq-check-col--none) li::before { background: #2f7d50 !important; }