/* 399 부분 교체와 전면 재구축의 이행 경비, 직원 교육 = 건물 진단서(2026-10-16 글마다 다른 레이아웃).
   머리는 건물 세 채(수정, 부분 교체, 재구축), 진단은 두 층 단면, 근거는 꼬리표, 성능은 측정 막대 셋, 조건은 네 칸 판정,
   추가 비용은 쌓이는 층, 효과 시점은 두 공정표, 부분 교체는 평면도 네 방, 목록 분류는 통 넷, 진행 방식은 청사진 */
.v-artd .sp-399 .prose{font-size:17px}
.v-artd .sp-399 :where(.prose) .rb-lead{font-size:20px;line-height:1.7;color:var(--ink);margin:0}
.v-artd .sp-399 :where(.prose) .rb-lead b{color:var(--blue)}
.v-artd .sp-399 .prose h2{margin:0 0 18px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-399 .prose h2::before,.v-artd .sp-399 .prose h2::after{content:none}
.v-artd .sp-399 :where(.prose) .rb-s{padding:60px 0 4px}
.v-artd .sp-399 :where(.prose) .rb-s>p{margin:0 0 14px}
.v-artd .sp-399 :where(.prose) li::before{content:none}
.v-artd .sp-399 :where(.prose) ul,.v-artd .sp-399 :where(.prose) ol{list-style:none;padding:0}
.v-artd .sp-399 :where(.prose) li{margin:0}

/* 건물 세 채 */
.v-artd .sp-399 :where(.prose) .rb-three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:end;margin:36px 0 0;padding:28px 26px 22px;border-radius:20px;background:linear-gradient(transparent 70%,var(--soft) 70%)}
.v-artd .sp-399 :where(.prose) .rb-three figure{margin:0;text-align:center}
.v-artd .sp-399 :where(.prose) .bd{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:70%;margin:0 auto;padding:30px 10px 10px;background:#fff;border:2.5px solid var(--ink);border-radius:4px}
.v-artd .sp-399 :where(.prose) .bd::before{content:"";position:absolute;left:-10%;right:-10%;top:-26px;height:26px;background:var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%)}
.v-artd .sp-399 :where(.prose) .bd i{aspect-ratio:1;border-radius:2px;background:var(--blue2)}
.v-artd .sp-399 :where(.prose) .bd-fix i:nth-child(2){background:var(--yellow);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--yellow)}
.v-artd .sp-399 :where(.prose) .bd-part i.nw{background:var(--blue)}
.v-artd .sp-399 :where(.prose) .bd-part i:nth-child(5),.v-artd .sp-399 :where(.prose) .bd-part i:nth-child(6){background:var(--blue)}
.v-artd .sp-399 :where(.prose) .bd-new{border-style:dashed;border-color:var(--blue)}
.v-artd .sp-399 :where(.prose) .bd-new::before{background:var(--blue)}
.v-artd .sp-399 :where(.prose) .bd-new i{background:#fff;border:1.5px dashed var(--blue)}
.v-artd .sp-399 :where(.prose) .rb-three figcaption{margin-top:12px;font-size:17px;font-weight:900;color:var(--ink)}
.v-artd .sp-399 :where(.prose) .th-cap{grid-column:1/-1;margin:14px 0 0;font-size:15px;line-height:1.6;color:#3b4152}
.v-artd .sp-399 :where(.prose) .th-cap b{margin-right:10px;color:var(--ink)}

/* 두 층 단면 */
.v-artd .sp-399 :where(.prose) .rb-floors{margin:20px 0 18px;border:2.5px solid var(--ink);border-radius:6px;overflow:hidden}
.v-artd .sp-399 :where(.prose) .rb-floors>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:18px 20px}
.v-artd .sp-399 :where(.prose) .fl-up{background:#fff;border-bottom:2.5px solid var(--ink)}
.v-artd .sp-399 :where(.prose) .fl-dn{background:repeating-linear-gradient(-45deg,var(--soft) 0 10px,#eceef4 10px 20px)}
.v-artd .sp-399 :where(.prose) .fl-k{flex-basis:100%;margin-bottom:4px;font-size:13.5px;font-weight:800;color:var(--sub)}
.v-artd .sp-399 :where(.prose) .fl-c{padding:8px 14px;border-radius:999px;background:var(--blue2);color:#1d3fc4;font-weight:800;font-size:15px}
.v-artd .sp-399 :where(.prose) .fl-dn .fl-c{background:var(--navy);color:#fff}

/* 꼬리표 셋 */
.v-artd .sp-399 :where(.prose) .rb-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 10px}
.v-artd .sp-399 :where(.prose) .rb-tags div{position:relative;padding:34px 18px 18px;border:1.5px solid var(--line);border-radius:8px 8px 14px 14px;background:#fff}
.v-artd .sp-399 :where(.prose) .rb-tags div::before{content:"";position:absolute;left:50%;top:10px;width:12px;height:12px;margin-left:-6px;border-radius:50%;border:2px solid var(--sub)}
.v-artd .sp-399 :where(.prose) .rb-tags b{display:block;margin-bottom:8px;font-size:17px;color:var(--ink);text-align:center}
.v-artd .sp-399 :where(.prose) .rb-tags p{margin:0;font-size:14.5px;line-height:1.6;color:#3b4152}

/* 성능 측정 막대 */
.v-artd .sp-399 :where(.prose) .rb-perf{margin:20px 0 18px;padding:6px 22px;border-radius:16px;background:var(--navy);color:#fff}
.v-artd .sp-399 :where(.prose) .pf-r{display:grid;grid-template-columns:96px 1fr;gap:6px 18px;align-items:center;padding:16px 0}
.v-artd .sp-399 :where(.prose) .pf-r+.pf-r{border-top:1px solid rgba(255,255,255,.14)}
.v-artd .sp-399 :where(.prose) .pf-r b{font-size:16px;color:#fff}
.v-artd .sp-399 :where(.prose) .pf-r p{grid-column:2;margin:0;font-size:14.5px;line-height:1.55;color:#d3d9f5}
.v-artd .sp-399 :where(.prose) .pf-v{display:flex;height:24px;border-radius:6px;overflow:hidden}
.v-artd .sp-399 :where(.prose) .pf-seg i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11.5px;font-weight:800;color:var(--navy);white-space:nowrap;overflow:hidden}
.v-artd .sp-399 :where(.prose) .pf-seg i:nth-child(1){flex:1;background:#dfe6ff}
.v-artd .sp-399 :where(.prose) .pf-seg i:nth-child(2){flex:1.6;background:#b9c8ff}
.v-artd .sp-399 :where(.prose) .pf-seg i:nth-child(3){flex:2.4;background:var(--yellow)}
.v-artd .sp-399 :where(.prose) .pf-seg i:nth-child(4){flex:1;background:#dfe6ff}
.v-artd .sp-399 :where(.prose) .pf-rise{background:linear-gradient(to top right,var(--blue) 50%,transparent 50.5%) left/100% 100%,rgba(255,255,255,.08)}
.v-artd .sp-399 :where(.prose) .pf-all{background:repeating-linear-gradient(90deg,#e5484d 0 10px,#c93a40 10px 20px)}

/* 판정 네 칸 */
.v-artd .sp-399 :where(.prose) .rb-cond{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 10px}
.v-artd .sp-399 :where(.prose) .rb-cond>div{display:flex;flex-direction:column;padding:20px;border-radius:16px;background:var(--soft)}
.v-artd .sp-399 :where(.prose) .rb-cond p{margin:0;font-size:15px;line-height:1.6;color:#3b4152}
.v-artd .sp-399 :where(.prose) .cd-q{margin-bottom:8px!important;font-size:17px!important;font-weight:900;color:var(--ink)!important}
.v-artd .sp-399 :where(.prose) .cd-o{margin-top:auto!important;padding-top:14px;font-weight:800;color:#1d3fc4!important}
.v-artd .sp-399 :where(.prose) .cd-o::before{content:"⟶ "}

/* 쌓이는 층 */
.v-artd .sp-399 :where(.prose) .rb-stack{display:grid;grid-template-columns:1fr 60px;gap:14px;margin:20px 0 18px}
.v-artd .sp-399 :where(.prose) .rb-stack ol{display:flex;flex-direction:column;gap:4px;margin:0}
.v-artd .sp-399 :where(.prose) .rb-stack li{padding:12px 16px;border-radius:8px;background:var(--blue2);font-size:14.5px;line-height:1.5;color:#3b4152}
.v-artd .sp-399 :where(.prose) .rb-stack li:nth-child(odd){background:#e9eeff}
.v-artd .sp-399 :where(.prose) .rb-stack li b{display:inline-block;min-width:96px;margin-right:10px;color:var(--ink)}
.v-artd .sp-399 :where(.prose) .rb-stack li.base{padding:18px 16px;background:var(--navy);color:#fff}
.v-artd .sp-399 :where(.prose) .rb-stack li.base b{color:#fff}
.v-artd .sp-399 :where(.prose) .sk-cap{margin:0;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;border-right:3px solid var(--ink);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);border-radius:0 10px 10px 0;font-weight:900;color:var(--ink);letter-spacing:.3em}

/* 두 공정표 */
.v-artd .sp-399 :where(.prose) .rb-when{margin:20px 0 18px;padding:22px 22px 14px;border-radius:16px;border:1px solid var(--line)}
.v-artd .sp-399 :where(.prose) .wh-r{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.v-artd .sp-399 :where(.prose) .wh-l{flex:none;width:72px;font-weight:800;font-size:15px}
.v-artd .sp-399 :where(.prose) .wh-t{position:relative;flex:1;height:22px;background:var(--soft);border-radius:6px}
.v-artd .sp-399 :where(.prose) .wh-t i{position:absolute;top:0;height:22px;border-radius:6px}
.v-artd .sp-399 :where(.prose) .wh-t .wh-s{background:var(--blue)}
.v-artd .sp-399 :where(.prose) .wh-t .wh-b{background:repeating-linear-gradient(45deg,var(--navy) 0 8px,#2c3263 8px 16px)}
.v-artd .sp-399 :where(.prose) .wh-t em{position:absolute;top:-22px;margin-left:-14px;font-style:normal;font-size:12.5px;font-weight:800;color:#b16c00}
.v-artd .sp-399 :where(.prose) .wh-t em::after{content:"";position:absolute;left:12px;top:18px;width:2px;height:30px;background:var(--yellow)}
.v-artd .sp-399 :where(.prose) .wh-n{margin:0;font-size:13px;color:var(--sub)}

/* 먼저 정할 것 */
.v-artd .sp-399 :where(.prose) .rb-probe{position:relative;padding:22px 24px 10px 24px;border:2px dashed var(--blue);border-radius:18px}
.v-artd .sp-399 :where(.prose) .rb-probe p{margin:0 0 12px}
.v-artd .sp-399 :where(.prose) .pb-first{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--sub)}
.v-artd .sp-399 :where(.prose) .pb-first b{padding:7px 14px;border-radius:8px;background:var(--blue);color:#fff;font-size:15px}

/* 평면도 네 방 */
.v-artd .sp-399 :where(.prose) .rb-plan{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto;margin:20px 0 18px;border:3px solid var(--ink);background:var(--ink);gap:3px}
.v-artd .sp-399 :where(.prose) .rb-plan>div{padding:22px 20px;background:#fff;font-size:14.5px;line-height:1.6;color:#3b4152}
.v-artd .sp-399 :where(.prose) .rb-plan b{display:block;margin-bottom:6px;font-size:16.5px;color:var(--ink)}
.v-artd .sp-399 :where(.prose) .pl-a{background:var(--blue2)!important}
.v-artd .sp-399 :where(.prose) .pl-b{background:repeating-linear-gradient(90deg,#fff 0 18px,var(--soft) 18px 20px)!important}
.v-artd .sp-399 :where(.prose) .pl-d{background:repeating-linear-gradient(45deg,#fff 0 10px,#fff1f1 10px 12px)!important}

/* 통 넷 */
.v-artd .sp-399 :where(.prose) .rb-bins{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 18px}
.v-artd .sp-399 :where(.prose) .rb-bins span{position:relative;padding:28px 8px 14px;border:2px solid var(--ink);border-top:0;border-radius:0 0 14px 14px;text-align:center;font-weight:900;font-size:16px}
.v-artd .sp-399 :where(.prose) .rb-bins span::before{content:"";position:absolute;left:-6px;right:-6px;top:0;height:8px;border-radius:4px;background:var(--ink)}
.v-artd .sp-399 :where(.prose) .rb-bins span:nth-child(3){color:#b4232a;border-color:#b4232a}
.v-artd .sp-399 :where(.prose) .rb-bins span:nth-child(3)::before{background:#b4232a}

/* 진행 방식: 청사진 */
.v-artd .sp-399 :where(.prose) .rb-we{margin:30px 0 8px;padding:26px 28px;border-radius:20px;color:#fff;background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) 0 0/22px 22px,#1c3a8c}
.v-artd .sp-399 :where(.prose) .we-k{margin:0 0 4px!important;font-size:13px;font-weight:800;color:#b9c8ff}
.v-artd .sp-399 :where(.prose) .we-t{margin:0 0 14px!important;font-size:20px;font-weight:800}
.v-artd .sp-399 :where(.prose) .rb-we ul{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.v-artd .sp-399 :where(.prose) .rb-we li{padding:7px 14px;border:1.5px solid rgba(255,255,255,.6);border-radius:4px;font-weight:700;font-size:14.5px}
.v-artd .sp-399 :where(.prose) .we-d{margin:0 0 18px!important;font-size:15px;color:#dbe3ff}
.v-artd .sp-399 :where(.prose) .we-btn{display:inline-flex;padding:12px 24px;border-radius:999px;background:#fff;color:#1c3a8c!important;font-weight:800;text-decoration:none!important}
.v-artd .sp-399 :where(.prose) .we-btn:hover{background:var(--blue2)}

/* 과업 문서 */
.v-artd .sp-399 :where(.prose) .rb-doc{max-width:460px;margin:18px 0 22px;padding:24px 26px;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:8px 8px 0 var(--soft)}
.v-artd .sp-399 :where(.prose) .dc-h{margin:0 0 4px;font-weight:900;font-size:17px;text-align:center}
.v-artd .sp-399 :where(.prose) .dc-l{margin:0 0 12px;text-align:center;font-size:13.5px;color:var(--sub)}
.v-artd .sp-399 :where(.prose) .rb-doc ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.v-artd .sp-399 :where(.prose) .rb-doc li{padding:7px 10px;border-radius:6px;font-weight:700;font-size:15px;background:linear-gradient(var(--blue2),var(--blue2)) no-repeat 0 0/100% 100%}
.v-artd .sp-399 :where(.prose) .rb-last{padding:16px 20px;border-radius:12px;background:var(--ink);color:#fff;font-size:15.5px!important}
.v-artd .sp-399 :where(.prose) .rb-last b{display:block;margin-bottom:4px;color:var(--yellow)}

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

@media (max-width:720px){
  .v-artd .sp-399 :where(.prose) .rb-lead{font-size:18px}
  .v-artd .sp-399 .prose h2{font-size:22px}
  .v-artd .sp-399 :where(.prose) .rb-s{padding-top:46px}
  .v-artd .sp-399 :where(.prose) .rb-three{gap:10px;padding:26px 12px 18px}
  .v-artd .sp-399 :where(.prose) .bd{width:88%;gap:4px;padding:22px 6px 6px}
  .v-artd .sp-399 :where(.prose) .rb-three figcaption{font-size:14px;white-space:nowrap;letter-spacing:-.3px}
  .v-artd .sp-399 :where(.prose) .rb-three{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v-artd .sp-399 :where(.prose) .rb-tags,.v-artd .sp-399 :where(.prose) .rb-cond{grid-template-columns:1fr}
  .v-artd .sp-399 :where(.prose) .pf-r{grid-template-columns:1fr}
  .v-artd .sp-399 :where(.prose) .pf-r p{grid-column:1}
  .v-artd .sp-399 :where(.prose) .pf-seg i{font-size:0}
  .v-artd .sp-399 :where(.prose) .rb-stack{grid-template-columns:1fr 40px}
  .v-artd .sp-399 :where(.prose) .rb-stack li b{display:block;min-width:0}
  .v-artd .sp-399 :where(.prose) .rb-plan{grid-template-columns:1fr}
  .v-artd .sp-399 :where(.prose) .rb-bins{grid-template-columns:repeat(2,1fr)}
  .v-artd .sp-399 :where(.prose) .rb-we{padding:22px 20px}
  .v-artd .sp-399 :where(.prose) .rb-doc ul{grid-template-columns:1fr}
}