/* 405 유지보수 업체 교체 시 인수 실사와 경비 = 인수 실사 꾸러미(2026-10-16 글마다 다른 레이아웃).
   지속과 교체의 판단은 양쪽 끝이 있는 저울대와 다섯 추, 인수 자료는 상자 속 색인 폴더, 조사 결과는 결과서 표지,
   재구축 근거는 진단 화살표, 후보 확인은 도장 셋, 인계 기록은 짐표, 인계 범위는 두 칸 막대, 대안은 비교 */
.v-artd .sp-405 .prose{font-size:17px}
.v-artd .sp-405 .prose h2{margin:0 0 18px;padding:0;border:0;font-size:27px;letter-spacing:-.8px;display:block;min-height:0}
.v-artd .sp-405 .prose h2::before,.v-artd .sp-405 .prose h2::after{content:none}
.v-artd .sp-405 :where(.prose) .dd-s{padding:58px 0 6px}
.v-artd .sp-405 :where(.prose) .dd-s>p{margin:0 0 16px}
.v-artd .sp-405 :where(.prose) .dd-lead{font-size:20px;line-height:1.7;color:var(--ink);margin:0}
.v-artd .sp-405 :where(.prose) .dd-lead b{color:var(--blue)}

/* 저울대 */
.v-artd .sp-405 :where(.prose) .dd-scale{margin:6px 0 10px}
.v-artd .sp-405 :where(.prose) .ds-ends{display:flex;justify-content:space-between;margin:0;padding:0 4px 12px;position:relative;font-size:15px;font-weight:800}
.v-artd .sp-405 :where(.prose) .ds-ends span:first-child{color:var(--blue)}
.v-artd .sp-405 :where(.prose) .ds-ends span:last-child{color:var(--navy)}
.v-artd .sp-405 :where(.prose) .ds-ends::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--navy))}
.v-artd .sp-405 :where(.prose) .ds-ends::before{content:"";position:absolute;left:50%;bottom:-14px;margin-left:-12px;border:12px solid transparent;border-bottom:14px solid var(--ink);border-top:0;transform:translateY(-0px)}
.v-artd .sp-405 :where(.prose) .ds-w{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:26px 0 0;padding:0;list-style:none;counter-reset:w}
.v-artd .sp-405 :where(.prose) .ds-w li{counter-increment:w;margin:0;padding:44px 12px 14px;position:relative;border-radius:10px 10px 14px 14px;background:var(--soft);font-size:13.5px;line-height:1.55;color:var(--sub)}
.v-artd .sp-405 :where(.prose) .ds-w li::before{content:counter(w);position:absolute;left:50%;top:10px;margin-left:-13px;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
.v-artd .sp-405 :where(.prose) .ds-w li::after{content:"";position:absolute;left:50%;top:-26px;width:1px;height:26px;background:#9aa1b5}
.v-artd .sp-405 :where(.prose) .ds-w b{display:block;margin-bottom:6px;font-size:15px;line-height:1.4;color:var(--ink)}

/* 상자 속 색인 폴더 */
.v-artd .sp-405 :where(.prose) .dd-box{margin:6px 0 22px;padding:0 18px 18px;border-radius:6px 6px 16px 16px;background:#e8ecf6;box-shadow:inset 0 0 0 1px #d3d9ea}
.v-artd .sp-405 :where(.prose) .db-lid{margin:0 -18px 18px;padding:12px 18px;border-radius:6px 6px 0 0;background:#d3daee;font-size:14px;font-weight:800;color:var(--navy);text-align:center;letter-spacing:.04em}
.v-artd .sp-405 :where(.prose) .db-folders{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.v-artd .sp-405 :where(.prose) .dd-fo{position:relative;padding:34px 12px 14px;border-radius:0 8px 8px 8px;background:#fff;box-shadow:0 6px 12px -8px rgba(27,31,58,.35)}
.v-artd .sp-405 :where(.prose) .dd-fot{position:absolute;left:0;top:-14px;max-width:100%;padding:5px 10px 4px;border-radius:8px 8px 0 0;background:var(--blue);color:#fff;font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-artd .sp-405 :where(.prose) .dd-fo:nth-child(2) .dd-fot{background:#1d3fc4}.v-artd .sp-405 :where(.prose) .dd-fo:nth-child(3) .dd-fot{background:var(--navy)}.v-artd .sp-405 :where(.prose) .dd-fo:nth-child(4) .dd-fot{background:#4062ff}.v-artd .sp-405 :where(.prose) .dd-fo:nth-child(5) .dd-fot{background:#27306b}
.v-artd .sp-405 :where(.prose) .dd-fo p{margin:0;font-size:13.5px;line-height:1.55;color:#3a4152}
.v-artd .sp-405 :where(.prose) .db-folders{padding-top:14px}

/* 결과서 표지 */
.v-artd .sp-405 :where(.prose) .dd-report{margin:6px 0 10px;padding:26px 24px 20px;background:#fff;border:1px solid var(--line);border-top:8px solid var(--navy);border-radius:0 0 6px 6px;box-shadow:0 22px 40px -28px rgba(27,31,58,.45)}
.v-artd .sp-405 :where(.prose) .dr-k{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:18px;font-weight:800;color:var(--ink)}
.v-artd .sp-405 :where(.prose) .dd-report ol{margin:0;padding:0;list-style:none;counter-reset:c;display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.v-artd .sp-405 :where(.prose) .dd-report li{counter-increment:c;margin:0;padding:8px 0;display:flex;gap:10px;font-size:15px;color:var(--ink);border-bottom:1px dotted #cfd3dd}
.v-artd .sp-405 :where(.prose) .dd-report li::before{content:"제" counter(c) "장";flex:none;font-size:12.5px;font-weight:800;color:var(--blue);padding-top:2px}
.v-artd .sp-405 :where(.prose) .dr-f{margin:12px 0 0;font-size:12.5px;color:var(--sub)}

/* 진단 화살표 */
.v-artd .sp-405 :where(.prose) .dd-diag{margin:6px 0 10px;padding:20px 22px;border-radius:14px;background:var(--navy);color:#fff}
.v-artd .sp-405 :where(.prose) .dg-k{margin:0 0 14px;font-size:14px;font-weight:800;color:#9fb3ff}
.v-artd .sp-405 :where(.prose) .dd-diag ol{display:flex;margin:0;padding:0;list-style:none}
.v-artd .sp-405 :where(.prose) .dd-diag li{flex:1;margin:0 0 0 -6px;padding:12px 8px 12px 22px;background:#2b3466;font-size:14.5px;font-weight:700;text-align:center;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%)}
.v-artd .sp-405 :where(.prose) .dd-diag li:first-child{margin-left:0;padding-left:12px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
.v-artd .sp-405 :where(.prose) .dd-diag li:last-child{background:var(--blue)}
.v-artd .sp-405 :where(.prose) .dg-end{margin:14px 0 0;font-size:14.5px;color:#cfd6f2}

/* 도장 셋 */
.v-artd .sp-405 :where(.prose) .dd-stamps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:6px 0 22px}
.v-artd .sp-405 :where(.prose) .dd-sm{padding:18px 16px;border:1px solid var(--line);border-radius:14px;text-align:center}
.v-artd .sp-405 :where(.prose) .dd-smc{display:inline-grid;place-items:center;width:74px;height:74px;margin-bottom:12px;border:3px double #c4282d;border-radius:50%;color:#c4282d;font-size:14px;font-weight:800;line-height:1.25;transform:rotate(-8deg)}
.v-artd .sp-405 :where(.prose) .dd-sm p{margin:0;font-size:14.5px;line-height:1.55;color:var(--sub)}
.v-artd .sp-405 :where(.prose) .dd-sm b{display:block;margin-bottom:4px;font-size:16px;color:var(--ink)}

/* 짐표 */
.v-artd .sp-405 :where(.prose) .dd-tag{position:relative;max-width:440px;filter:drop-shadow(0 10px 14px rgba(27,31,58,.14));margin:6px 0 20px;padding:18px 22px 18px 58px;background:#fff;border:1px solid var(--line);border-radius:6px 16px 16px 6px;clip-path:polygon(28px 0,100% 0,100% 100%,28px 100%,0 50%)}
.v-artd .sp-405 :where(.prose) .tg-hole{position:absolute;left:22px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--blue)}
.v-artd .sp-405 :where(.prose) .tg-k{margin:0 0 10px;font-size:15px;font-weight:800;color:var(--navy)}
.v-artd .sp-405 :where(.prose) .dd-tag dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0}
.v-artd .sp-405 :where(.prose) .dd-tag dl div{display:flex;align-items:flex-end;gap:8px}
.v-artd .sp-405 :where(.prose) .dd-tag dt{flex:none;font-size:13.5px;font-weight:700;color:#3a4152}
.v-artd .sp-405 :where(.prose) .dd-tag dd{flex:1;margin:0;height:20px;border-bottom:1px solid #9aa6c8}

/* 두 칸 막대 */
.v-artd .sp-405 :where(.prose) .dd-split{display:flex;margin:6px 0 12px;border-radius:12px;overflow:hidden;font-size:15px;font-weight:800}
.v-artd .sp-405 :where(.prose) .dd-split span{padding:16px 18px}
.v-artd .sp-405 :where(.prose) .sp-in{flex:3;background:var(--blue);color:#fff}
.v-artd .sp-405 :where(.prose) .sp-ex{flex:2;background:repeating-linear-gradient(-45deg,var(--blue2) 0 10px,#eef1ff 10px 20px);color:#1d3fc4}
.v-artd .sp-405 :where(.prose) .sp-ex small{display:block;margin-top:2px;font-size:12.5px;font-weight:700;color:#28305a}

/* 비교 */
.v-artd .sp-405 :where(.prose) .dd-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:6px 0 10px}
.v-artd .sp-405 :where(.prose) .dd-vs p{margin:0;padding:18px;border-radius:14px;background:var(--soft);text-align:center;font-size:14.5px;color:var(--sub)}
.v-artd .sp-405 :where(.prose) .dd-vs b{display:block;font-size:17px;color:var(--ink);margin-bottom:4px}
.v-artd .sp-405 :where(.prose) .dd-vs span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:13px;font-weight:800}
.v-artd .sp-405 :where(.prose) .dd-go{margin:6px 0 0;padding:16px 20px 16px 18px;border-left:6px solid var(--blue);border-radius:0 12px 12px 0;background:var(--blue2);font-size:15.5px;line-height:1.65;color:#28305a}
.v-artd .sp-405 :where(.prose) .dd-go b{display:block;color:#1d3fc4;margin-bottom:2px}

/* 흐름소프트 진행 방식 = 인수 경로 */
.v-artd .sp-405 :where(.prose) .dd-we{margin:36px 0 10px;padding:28px 30px;border-radius:20px;background:var(--navy);color:#fff}
.v-artd .sp-405 :where(.prose) .dw-k{margin:0 0 16px;font-size:13px;font-weight:800;color:#9fb3ff}
.v-artd .sp-405 :where(.prose) .dw-path{display:grid;grid-template-columns:auto 1fr 60px auto;align-items:center;gap:12px;margin-bottom:18px}
.v-artd .sp-405 :where(.prose) .dw-from{font-size:14px;color:#aab3d6}
.v-artd .sp-405 :where(.prose) .dw-items{display:flex;flex-wrap:wrap;gap:6px}
.v-artd .sp-405 :where(.prose) .dw-items b{padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.12);font-size:14.5px;color:#fff}
.v-artd .sp-405 :where(.prose) .dw-arrow{height:2px;background:#9fb3ff;position:relative}
.v-artd .sp-405 :where(.prose) .dw-arrow::after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left:9px solid #9fb3ff;border-right:0}
.v-artd .sp-405 :where(.prose) .dw-to{padding:10px 14px;border-radius:10px;background:#fff;color:var(--navy);font-size:15px;font-weight:800}
.v-artd .sp-405 :where(.prose) .dw-t{margin:0 0 20px;font-size:16px;line-height:1.7;color:#e3e7f7}
.v-artd .sp-405 :where(.prose) .dw-btn{display:inline-flex;padding:13px 24px;border-radius:999px;background:#fff;color:var(--navy)!important;font-weight:800;text-decoration:none!important}
.v-artd .sp-405 :where(.prose) .dw-btn:hover{background:var(--blue2)}

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

@media (max-width:900px){
  .v-artd .sp-405 :where(.prose) .ds-w{grid-template-columns:1fr;gap:10px}
  .v-artd .sp-405 :where(.prose) .ds-w li{padding:14px 14px 14px 52px;border-radius:12px}
  .v-artd .sp-405 :where(.prose) .ds-w li::before{left:14px;top:14px;margin-left:0}
  .v-artd .sp-405 :where(.prose) .ds-w li::after{display:none}
  .v-artd .sp-405 :where(.prose) .db-folders{grid-template-columns:1fr 1fr;row-gap:24px}
}
@media (max-width:720px){
  .v-artd .sp-405 :where(.prose) .dd-lead{font-size:18px}
  .v-artd .sp-405 .prose h2{font-size:23px}
  .v-artd .sp-405 :where(.prose) .dd-s{padding-top:46px}
  .v-artd .sp-405 :where(.prose) .dd-report ol{grid-template-columns:1fr}
  .v-artd .sp-405 :where(.prose) .dd-diag ol{flex-direction:column;gap:4px}
  .v-artd .sp-405 :where(.prose) .dd-diag li,.v-artd .sp-405 :where(.prose) .dd-diag li:first-child{margin:0;padding:10px 12px;border-radius:8px;clip-path:none;text-align:left}
  .v-artd .sp-405 :where(.prose) .dd-stamps{grid-template-columns:1fr}
  .v-artd .sp-405 :where(.prose) .dd-tag dl{grid-template-columns:1fr}
  .v-artd .sp-405 :where(.prose) .dd-split{flex-direction:column}
  .v-artd .sp-405 :where(.prose) .dd-vs{grid-template-columns:1fr}
  .v-artd .sp-405 :where(.prose) .dd-vs span{margin:0 auto}
  .v-artd .sp-405 :where(.prose) .dd-we{padding:24px 22px}
  .v-artd .sp-405 :where(.prose) .dw-path{grid-template-columns:1fr}
  .v-artd .sp-405 :where(.prose) .dw-arrow{width:2px;height:24px;margin-left:20px}
  .v-artd .sp-405 :where(.prose) .dw-arrow::after{right:-5px;top:auto;bottom:-2px;border:6px solid transparent;border-top:9px solid #9fb3ff;border-bottom:0}
}