/* 124 제안요청서 RFP의 9개 구성과 질의응답 배포 = 바인더 문서철(2026-10-16 글마다 다른 레이아웃).
   표지, 견적이 갈리는 세 지점, 계단식 인덱스 칸막이 아홉 장, 요청서와 견적 대조선, 성능 문장 고쳐 쓰기, 번호 대응 비교표, 발주자와 업체 경계, 요약 한 장, 배포와 질의 게시판 */
.v-artd .sp-124 .prose{font-size:17px}
.v-artd .sp-124 .prose h2{margin:72px 0 18px;padding:0;border:0;font-size:27px;letter-spacing:-.8px;display:block;min-height:0}
.v-artd .sp-124 .prose h2::before,.v-artd .sp-124 .prose h2::after{content:none}
.v-artd .sp-124 .prose h3{margin:44px 0 12px;font-size:20px;color:var(--ink);padding-left:14px;border-left:4px solid var(--blue);border-radius:0}
.v-artd .sp-124 :where(.prose) .rf>p{margin:0 0 16px}

/* 표지 */
.v-artd .sp-124 :where(.prose) .rf-cover{position:relative;margin:0 0 24px;padding:34px 36px 30px 56px;border-radius:4px 18px 18px 4px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 40px -30px rgba(27,31,58,.45)}
.v-artd .sp-124 :where(.prose) .rf-cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:22px;background:var(--navy);border-radius:4px 0 0 4px}
.v-artd .sp-124 :where(.prose) .rf-cover::after{content:"";position:absolute;left:8px;top:28px;bottom:28px;width:6px;background:radial-gradient(circle,#fff 2.5px,transparent 3px) center/6px 46px repeat-y}
.v-artd .sp-124 :where(.prose) .rc-k{margin:0;font-size:15px;font-weight:800;color:var(--sub)}
.v-artd .sp-124 :where(.prose) .rc-t{margin:0 0 14px;font-size:54px;font-weight:900;letter-spacing:-1px;color:var(--blue);line-height:1.1}
.v-artd .sp-124 :where(.prose) .rc-d{margin:0;font-size:18px;line-height:1.7;color:var(--ink)}

/* 역할 한 줄 + 세 지점 */
.v-artd .sp-124 :where(.prose) .rf-role{margin:0 0 22px;font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.5px}
.v-artd .sp-124 :where(.prose) .rf-role span{display:block;margin-bottom:4px;font-size:14px;color:var(--sub);letter-spacing:0}
.v-artd .sp-124 :where(.prose) .rf-gaps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 18px;padding:0;list-style:none;counter-reset:g;border-top:3px solid var(--ink)}
.v-artd .sp-124 :where(.prose) .rf-gaps li{counter-increment:g;margin:0;padding:18px 18px 4px 0;font-size:15px;line-height:1.6;color:var(--sub)}
.v-artd .sp-124 :where(.prose) .rf-gaps li+li{padding-left:18px;border-left:1px solid var(--line)}
.v-artd .sp-124 :where(.prose) .rf-gaps li::before{content:"0" counter(g);display:block;position:static;font-size:30px;font-weight:900;color:var(--blue2);-webkit-text-stroke:1.5px var(--blue);margin-bottom:8px;background:none;width:auto;height:auto}
.v-artd .sp-124 :where(.prose) .rf-gaps b{display:block;margin-bottom:6px;font-size:17px;color:var(--ink)}
.v-artd .sp-124 :where(.prose) .rf-gaps em{font-style:normal;font-weight:700;color:var(--ink)}

/* 계단식 칸막이 아홉 장 */
.v-artd .sp-124 :where(.prose) .rf-binder{margin:24px 0 22px;padding:0;list-style:none;counter-reset:b}
.v-artd .sp-124 :where(.prose) .rf-binder li{counter-increment:b;position:relative;display:grid;grid-template-columns:1fr;margin:0 0 -6px;padding:0}
.v-artd .sp-124 :where(.prose) .rf-binder li::before{content:none}
.v-artd .sp-124 :where(.prose) .rf-binder .tab{position:relative;z-index:1;justify-self:start;margin-left:calc((var(--i,0)) * 9%);padding:7px 16px 9px;border-radius:10px 10px 0 0;background:var(--blue);color:#fff;font-weight:800;font-size:15px}
.v-artd .sp-124 :where(.prose) .rf-binder .tab::before{content:counter(b);margin-right:8px;opacity:.75}
.v-artd .sp-124 :where(.prose) .rf-binder .rf-d{display:block;padding:12px 18px 18px;border-radius:0 12px 12px 12px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);font-size:15.5px;color:var(--ink);box-shadow:0 8px 18px -14px rgba(27,31,58,.4)}
.v-artd .sp-124 :where(.prose) .rf-binder li:nth-child(1){--i:0}.v-artd .sp-124 :where(.prose) .rf-binder li:nth-child(2){--i:1}.v-artd .sp-124 :where(.prose) .rf-binder li:nth-child(3){--i:2}
.v-artd .sp-124 :where(.prose) .rf-binder li:nth-child(4){--i:3}.v-artd .sp-124 :where(.prose) .rf-binder li:nth-child(5){--i:4}.v-artd .sp-124 :where(.prose) .rf-binder li:nth-child(6){--i:5}
.v-artd .sp-124 :where(.prose) .rf-binder li:nth-child(7){--i:6}.v-artd .sp-124 :where(.prose) .rf-binder li:nth-child(8){--i:7}.v-artd .sp-124 :where(.prose) .rf-binder li:nth-child(9){--i:8}
.v-artd .sp-124 :where(.prose) .rf-binder li:nth-child(n+7) .tab{background:var(--navy)}
.v-artd .sp-124 :where(.prose) .rf-binder li:nth-child(n+7) .rf-d{border-top-color:var(--navy)}

/* 요청서와 견적 대조선 */
.v-artd .sp-124 :where(.prose) .rf-match{margin:20px 0 18px;padding:20px 22px;border-radius:16px;background:var(--soft)}
.v-artd .sp-124 :where(.prose) .rm-h{display:flex;justify-content:space-between;margin:0 0 10px;font-size:13.5px;font-weight:800;color:var(--sub)}
.v-artd .sp-124 :where(.prose) .rf-match ul{margin:0;padding:0;list-style:none}
.v-artd .sp-124 :where(.prose) .rf-match li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0;padding:6px 0}
.v-artd .sp-124 :where(.prose) .rf-match li::before{content:none}
.v-artd .sp-124 :where(.prose) .rf-match li span{padding:8px 14px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:15px;font-weight:700}
.v-artd .sp-124 :where(.prose) .rf-match li i{height:0;border-top:2px dashed #9aa3b8;position:relative}
.v-artd .sp-124 :where(.prose) .rf-match li i::after{content:"?";position:absolute;left:50%;top:-12px;margin-left:-11px;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--blue);color:#1d3fc4;font-size:12px;font-weight:900;font-style:normal;display:grid;place-items:center}
.v-artd .sp-124 :where(.prose) .rf-match li .rf-q{border-style:dashed;color:var(--sub);font-weight:600}

/* 성능 문장 고쳐 쓰기 */
.v-artd .sp-124 :where(.prose) .rf-rewrite{margin:18px 0 22px;padding:24px 26px;border-radius:16px;border:1px solid var(--line)}
.v-artd .sp-124 :where(.prose) .rw-bad{margin:0 0 10px;font-size:20px;color:#5b6475}
.v-artd .sp-124 :where(.prose) .rw-bad s{text-decoration-color:#e5484d;text-decoration-thickness:2px}
.v-artd .sp-124 :where(.prose) .rw-good{margin:0 0 14px;font-size:22px;font-weight:800;line-height:1.6;color:var(--ink)}
.v-artd .sp-124 :where(.prose) .rw-good span{padding:1px 4px;border-radius:4px}
.v-artd .sp-124 :where(.prose) .rf-c{background:#e6f6ee}.v-artd .sp-124 :where(.prose) .rf-o{background:#fff1c2}.v-artd .sp-124 :where(.prose) .rf-g{background:var(--blue2)}
.v-artd .sp-124 :where(.prose) .rw-key{display:flex;gap:10px;margin:0;font-size:13.5px;font-weight:700;color:#3b4256}
.v-artd .sp-124 :where(.prose) .rw-key span{padding:3px 10px;border-radius:6px}

/* 번호 대응 비교표 */
.v-artd .sp-124 :where(.prose) .rf-ids{margin:18px 0 16px;overflow-x:auto;border-radius:14px;border:1px solid var(--line)}
.v-artd .sp-124 :where(.prose) .rf-ids table{margin:0;min-width:480px;border-radius:0;font-size:15px}
.v-artd .sp-124 :where(.prose) .rf-ids th{background:var(--soft);font-size:13.5px}
.v-artd .sp-124 :where(.prose) .rf-ids td:first-child{font-family:ui-monospace,Menlo,monospace;color:#1d3fc4;width:70px}
.v-artd .sp-124 :where(.prose) .rf-ids td.y,.v-artd .sp-124 :where(.prose) .rf-ids td.rf-n{text-align:center;font-weight:700;width:110px}
.v-artd .sp-124 :where(.prose) .rf-ids td.y{color:#1d3fc4}
.v-artd .sp-124 :where(.prose) .rf-ids td.rf-n{color:#b45309;background:repeating-linear-gradient(-45deg,#fff 0 6px,#fff6e8 6px 12px)}

/* 발주자와 업체 경계 */
.v-artd .sp-124 :where(.prose) .rf-split{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 18px;border-radius:18px;overflow:hidden}
.v-artd .sp-124 :where(.prose) .rf-split>div{padding:24px}
.v-artd .sp-124 :where(.prose) .rf-split p{margin:0;font-size:15.5px;line-height:1.65}
.v-artd .sp-124 :where(.prose) .rf-split .rs-h{margin-bottom:10px;font-size:17px;font-weight:800}
.v-artd .sp-124 :where(.prose) .rs-a{background:var(--navy);color:#fff}
.v-artd .sp-124 :where(.prose) .rs-a p{color:#dfe3f3}.v-artd .sp-124 :where(.prose) .rs-a .rs-h{color:#fff}
.v-artd .sp-124 :where(.prose) .rs-b{background:var(--blue2);color:var(--ink);border-left:3px dashed var(--blue)}

/* 진행 방식 */
.v-artd .sp-124 :where(.prose) .rf-we{margin:40px 0;padding:28px 30px;border-radius:20px;border:2px solid var(--blue);background:#fff}
.v-artd .sp-124 :where(.prose) .rf-we .rw-k{margin:0 0 8px;font-size:13px;font-weight:800;color:#1d3fc4}
.v-artd .sp-124 :where(.prose) .rf-we .rw-t{margin:0 0 18px;font-size:19px;font-weight:800;line-height:1.55;color:var(--ink)}
.v-artd .sp-124 :where(.prose) .rw-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}
.v-artd .sp-124 :where(.prose) .rw-flow p{margin:0;padding:16px;border-radius:12px;background:var(--soft);font-size:15px;line-height:1.6}
.v-artd .sp-124 :where(.prose) .rw-flow b{display:block;margin-bottom:4px;color:var(--ink)}
.v-artd .sp-124 :where(.prose) .rw-btn{display:inline-flex;padding:12px 24px;border-radius:999px;background:var(--blue);color:#fff!important;font-weight:800;text-decoration:none!important}
.v-artd .sp-124 :where(.prose) .rw-btn:hover{background:var(--navy)}

/* 요약 한 장 */
.v-artd .sp-124 :where(.prose) .rf-memo{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:start;margin:18px 0}
.v-artd .sp-124 :where(.prose) .rm-sheet{aspect-ratio:1/1.414;padding:20px 18px;background:#fff;border:1px solid var(--line);box-shadow:6px 6px 0 var(--soft),12px 12px 0 var(--line)}
.v-artd .sp-124 :where(.prose) .rm-t{margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--ink);font-weight:900;text-align:center}
.v-artd .sp-124 :where(.prose) .rm-sheet ul{margin:0;padding:0;list-style:none}
.v-artd .sp-124 :where(.prose) .rm-sheet li{margin:0;padding:5px 0;font-size:13.5px;font-weight:700;border-bottom:1px dotted #cfd3dd}
.v-artd .sp-124 :where(.prose) .rm-sheet li::before{content:none}
.v-artd .sp-124 :where(.prose) .rm-copy p{margin:0 0 14px}

/* 게시판 */
.v-artd .sp-124 :where(.prose) .rf-board{margin:18px 0;border-top:2px solid var(--ink)}
.v-artd .sp-124 :where(.prose) .rb-row{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.v-artd .sp-124 :where(.prose) .rb-tag{align-self:start;padding:4px 0;border-radius:6px;background:var(--navy);color:#fff;font-size:13px;font-weight:800;text-align:center}
.v-artd .sp-124 :where(.prose) .rb-tag.rf-qa{background:var(--blue)}
.v-artd .sp-124 :where(.prose) .rb-row b{display:block;margin-bottom:4px;font-size:16.5px;color:var(--ink)}
.v-artd .sp-124 :where(.prose) .rb-row p{margin:0;font-size:15.5px;line-height:1.6;color:var(--sub)}
.v-artd .sp-124 :where(.prose) .rf-more{padding:16px 20px;border-left:5px solid var(--blue);border-radius:0 12px 12px 0;background:var(--soft)}
.v-artd .sp-124 :where(.prose) .rf-more b{display:block;margin-bottom:2px;color:var(--ink)}

.v-artd .sp-124 :where(.prose) .rf-rel{margin:46px 0 18px;padding:18px 0 0;border-top:1px solid var(--line);list-style:none}
.v-artd .sp-124 :where(.prose) .rf-rel li{margin:0;padding:6px 0}
.v-artd .sp-124 :where(.prose) .rf-rel li::before{content:none}
.v-artd .sp-124 :where(.prose) .rf-rel a{font-weight:700;text-decoration:none}
.v-artd .sp-124 :where(.prose) .rf-rel a::before{content:"→ ";color:var(--sub)}

@media (max-width:720px){
  .v-artd .sp-124 .prose h2{font-size:23px;margin-top:54px}
  .v-artd .sp-124 :where(.prose) .rf-cover{padding:26px 22px 24px 42px}
  .v-artd .sp-124 :where(.prose) .rc-t{font-size:42px}
  .v-artd .sp-124 :where(.prose) .rc-d{font-size:16.5px}
  .v-artd .sp-124 :where(.prose) .rf-gaps{grid-template-columns:1fr}
  .v-artd .sp-124 :where(.prose) .rf-gaps li+li{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .v-artd .sp-124 :where(.prose) .rf-binder .tab{margin-left:calc(var(--i,0) * 4%)}
  .v-artd .sp-124 :where(.prose) .rf-match li span{padding:7px 10px;font-size:14px}
  .v-artd .sp-124 :where(.prose) .rw-good{font-size:19px}
  .v-artd .sp-124 :where(.prose) .rf-split{grid-template-columns:1fr}
  .v-artd .sp-124 :where(.prose) .rs-b{border-left:0;border-top:3px dashed var(--blue)}
  .v-artd .sp-124 :where(.prose) .rw-flow{grid-template-columns:1fr}
  .v-artd .sp-124 :where(.prose) .rf-we{padding:24px 20px}
  .v-artd .sp-124 :where(.prose) .rf-memo{grid-template-columns:1fr}
  .v-artd .sp-124 :where(.prose) .rm-sheet{width:200px}
}