/* 414 장애 등급별 응답, 착수, 복구 시간과 야간 지원 = 운영 상황판(2026-10-16 글마다 다른 레이아웃).
   상태 띠 첫머리, 처리 시점 시간 축과 두 띠, 색 등급 표, 낮밤 원판, 처리 기록 줄, 접수 경로 사슬, 이용 안내 공지, 복구 보고 양식, 처리 조건 계단 */
.v-artd .sp-414 .prose{font-size:17px}
.v-artd .sp-414 .prose h2{margin:70px 0 18px;padding:0;border:0;font-size:27px;letter-spacing:-.8px;display:block;min-height:0}
.v-artd .sp-414 .prose h2::before,.v-artd .sp-414 .prose h2::after{content:none}
.v-artd .sp-414 :where(.prose) .sl>p{margin:0 0 16px}

.v-artd .sp-414 :where(.prose) .sl-status{border-radius:20px;background:var(--ink);color:#fff;padding:24px 28px 26px}
.v-artd .sp-414 :where(.prose) .ss-bar{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:14px;font-weight:800;color:#b9c3e8}
.v-artd .sp-414 :where(.prose) .ss-dot{width:10px;height:10px;border-radius:50%;background:#3ccf7e;box-shadow:0 0 0 4px rgba(60,207,126,.22)}
.v-artd .sp-414 :where(.prose) .ss-keys{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.v-artd .sp-414 :where(.prose) .ss-keys li{margin:0;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.1);font-size:15.5px;font-weight:700}
.v-artd .sp-414 :where(.prose) .ss-keys li::before{content:none}
.v-artd .sp-414 :where(.prose) .ss-lead{margin:0;font-size:17px;line-height:1.7;color:#dde2f5}

/* 시간 축 */
.v-artd .sp-414 :where(.prose) .sl-axis{margin:26px 0 26px;padding:26px 24px 22px;border:1px solid var(--line);border-radius:18px}
.v-artd .sp-414 :where(.prose) .sa-marks{display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 22px;padding:0;list-style:none;position:relative}
.v-artd .sp-414 :where(.prose) .sa-marks::before{content:"";position:absolute;left:10%;right:10%;top:9px;height:3px;background:linear-gradient(90deg,var(--blue),#7d96ff)}
.v-artd .sp-414 :where(.prose) .sa-marks li{margin:0;text-align:center;position:relative;padding-top:30px;font-size:14.5px}
.v-artd .sp-414 :where(.prose) .sa-marks li::before{content:"";position:absolute;left:50%;top:0;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-sizing:border-box}
.v-artd .sp-414 :where(.prose) .sa-marks li:last-child::before{background:var(--blue)}
.v-artd .sp-414 :where(.prose) .sa-band{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start;padding:14px 16px;border-radius:12px;font-size:15px;line-height:1.6}
.v-artd .sp-414 :where(.prose) .sa-band b{font-size:15px}
.v-artd .sp-414 :where(.prose) .sa-band.resp{background:var(--blue2);margin-right:30%}
.v-artd .sp-414 :where(.prose) .sa-band.resp b{color:#1d3fc4}
.v-artd .sp-414 :where(.prose) .sa-band.fix{background:var(--soft);margin:10px 0 0 30%}

/* 등급 표 */
.v-artd .sp-414 :where(.prose) .sl-grade{margin:22px 0 18px;overflow-x:auto;border-radius:14px;border:1px solid var(--line)}
.v-artd .sp-414 :where(.prose) .sl-grade table{margin:0;min-width:640px;border-radius:0;font-size:14.5px}
.v-artd .sp-414 :where(.prose) .sl-grade thead th{background:var(--soft);color:var(--ink);border-bottom:1px solid var(--line);font-size:13.5px}
.v-artd .sp-414 :where(.prose) .sl-grade tbody th{width:96px;border-bottom:1px solid var(--line);vertical-align:top}
.v-artd .sp-414 :where(.prose) .sl-grade tbody th span{display:inline-block;padding:4px 12px;border-radius:999px;font-size:14px;font-weight:800;color:#fff}
.v-artd .sp-414 :where(.prose) .sl-grade .g1 th span{background:#c4282d}
.v-artd .sp-414 :where(.prose) .sl-grade .g2 th span{background:#b45309}
.v-artd .sp-414 :where(.prose) .sl-grade .g3 th span{background:#5b6475}
.v-artd .sp-414 :where(.prose) .sl-grade .g1 td{background:#fff7f7}
.v-artd .sp-414 :where(.prose) .sl-grade td{vertical-align:top;line-height:1.55}
.v-artd .sp-414 :where(.prose) .sl-grade td:first-of-type{font-weight:700;color:var(--ink)}

/* 낮밤 원판 */
.v-artd .sp-414 :where(.prose) .sl-night{display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:center;margin:22px 0}
.v-artd .sp-414 :where(.prose) .sn-dial{position:relative;width:150px;height:150px;border-radius:50%;background:conic-gradient(from 180deg,var(--navy) 0 50%,#ffe9a8 50% 100%);box-shadow:inset 0 0 0 10px #fff,0 0 0 1px var(--line)}
.v-artd .sp-414 :where(.prose) .sn-day{position:absolute;right:30px;top:62px;width:22px;height:22px;border-radius:50%;background:#f5b400}
.v-artd .sp-414 :where(.prose) .sn-moon{position:absolute;left:30px;top:60px;width:24px;height:24px;border-radius:50%;box-shadow:-7px 3px 0 0 #fff}
.v-artd .sp-414 :where(.prose) .sn-copy p{margin:0 0 12px}
.v-artd .sp-414 :where(.prose) .sl-pin{margin:6px 0 18px;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v-artd .sp-414 :where(.prose) .sl-pin li{margin:0;padding:16px 18px;border-radius:12px;background:var(--navy);color:#fff;font-size:15.5px;line-height:1.6}
.v-artd .sp-414 :where(.prose) .sl-pin li::before{content:none}

/* 처리 기록 줄 */
.v-artd .sp-414 :where(.prose) .sl-log{margin:20px 0;padding:0;list-style:none;border-left:2px solid var(--line);margin-left:44px}
.v-artd .sp-414 :where(.prose) .sl-log li{position:relative;margin:0 0 14px;padding:4px 0 4px 26px}
.v-artd .sp-414 :where(.prose) .sl-log li::before{content:none}
.v-artd .sp-414 :where(.prose) .lg-who{position:absolute;left:-46px;top:2px;width:44px;padding:4px 0;border-radius:8px;background:var(--soft);font-size:13px;font-weight:800;text-align:center;color:var(--sub)}
.v-artd .sp-414 :where(.prose) .lg-who.sl-up{background:#fff1e6;color:#b45309}
.v-artd .sp-414 :where(.prose) .sl-log li::after{content:"";position:absolute;left:-7px;top:12px;width:12px;height:12px;border-radius:50%;background:var(--blue)}
.v-artd .sp-414 :where(.prose) .sl-log p{margin:0;padding:12px 16px;border-radius:0 12px 12px 12px;background:#fff;border:1px solid var(--line);font-size:16px;line-height:1.6}

/* 접수 경로 사슬 */
.v-artd .sp-414 :where(.prose) .sl-route{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}
.v-artd .sp-414 :where(.prose) .sr-n{position:relative;padding:16px;border-radius:14px;border:1.5px solid var(--line);font-size:14.5px;line-height:1.55;color:var(--sub)}
.v-artd .sp-414 :where(.prose) .sr-n b{display:block;margin-bottom:6px;font-size:15.5px;color:var(--ink)}
.v-artd .sp-414 :where(.prose) .sr-n:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;margin-top:-5px;border-top:2px solid var(--blue);border-right:2px solid var(--blue);transform:rotate(45deg)}
.v-artd .sp-414 :where(.prose) .sr-n.start{border-color:var(--blue);background:var(--blue2);color:#3b4256}
.v-artd .sp-414 :where(.prose) .sr-n.auto{border-style:dashed}

/* 이용 안내 공지 */
.v-artd .sp-414 :where(.prose) .sl-notice{margin:22px 0 16px;border-radius:14px;overflow:hidden;border:1px solid #f1c9a5}
.v-artd .sp-414 :where(.prose) .sl-notice .sn-h{margin:0;padding:12px 18px;background:#fff1e6;font-weight:800;color:#92400e;display:flex;align-items:center;gap:10px}
.v-artd .sp-414 :where(.prose) .sl-notice .sn-h span{width:22px;height:22px;border-radius:50%;background:#b45309;color:#fff;display:grid;place-items:center;font-size:13px}
.v-artd .sp-414 :where(.prose) .sl-notice dl{margin:0;padding:6px 18px}
.v-artd .sp-414 :where(.prose) .sl-notice dl div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}
.v-artd .sp-414 :where(.prose) .sl-notice dt{font-weight:700;font-size:15px}
.v-artd .sp-414 :where(.prose) .sl-notice dd{margin:0;height:12px;align-self:center;border-radius:6px;background:var(--soft)}
.v-artd .sp-414 :where(.prose) .sl-notice .sn-f{margin:0;padding:10px 18px 14px;font-size:15px;color:var(--sub)}
.v-artd .sp-414 :where(.prose) .sl-four{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 18px;border-top:1px solid var(--line)}
.v-artd .sp-414 :where(.prose) .sl-four p{margin:0;padding:14px 16px 14px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.55;color:var(--sub)}
.v-artd .sp-414 :where(.prose) .sl-four p:nth-child(odd){border-right:1px solid var(--line)}
.v-artd .sp-414 :where(.prose) .sl-four p:nth-child(even){padding-left:16px}
.v-artd .sp-414 :where(.prose) .sl-four b{display:block;color:var(--ink);font-size:15.5px;margin-bottom:2px}

/* 복구 보고 양식 */
.v-artd .sp-414 :where(.prose) .sl-report{margin:22px 0;padding:22px 24px;border:2px solid var(--ink);border-radius:6px;background:#fff}
.v-artd .sp-414 :where(.prose) .sr-h{margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid var(--ink);font-weight:800;text-align:center;letter-spacing:.08em}
.v-artd .sp-414 :where(.prose) .sr-r{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid var(--line)}
.v-artd .sp-414 :where(.prose) .sr-r:last-child{border-bottom:0}
.v-artd .sp-414 :where(.prose) .sr-r span{padding:12px 0;font-weight:800;font-size:15px;color:var(--ink);border-right:1px solid var(--line)}
.v-artd .sp-414 :where(.prose) .sr-r p{margin:0;padding:12px 14px;font-size:15.5px;line-height:1.55}

/* 처리 조건 계단 */
.v-artd .sp-414 :where(.prose) .sl-steps{display:flex;align-items:flex-end;gap:8px;height:150px;margin:22px 0;padding:0;list-style:none}
.v-artd .sp-414 :where(.prose) .sl-steps li{flex:1;margin:0;padding:12px;border-radius:10px 10px 0 0;background:var(--blue2);font-weight:800;font-size:15px;color:#1d3fc4;text-align:center}
.v-artd .sp-414 :where(.prose) .sl-steps li::before{content:none}
.v-artd .sp-414 :where(.prose) .sl-steps li:nth-child(1){height:40%}
.v-artd .sp-414 :where(.prose) .sl-steps li:nth-child(2){height:60%}
.v-artd .sp-414 :where(.prose) .sl-steps li:nth-child(3){height:80%}
.v-artd .sp-414 :where(.prose) .sl-steps li:nth-child(4){height:100%;background:var(--navy);color:#fff}

.v-artd .sp-414 :where(.prose) .sl-link{padding:16px 20px;border-left:5px solid var(--blue);border-radius:0 12px 12px 0;background:var(--soft)}
.v-artd .sp-414 :where(.prose) .sl-link b{display:block;color:var(--ink);margin-bottom:2px}

/* 진행 방식 */
.v-artd .sp-414 :where(.prose) .sl-we{display:grid;grid-template-columns:220px 1fr;gap:10px 30px;margin:40px 0 10px;padding:28px 30px;border-radius:20px;background:linear-gradient(135deg,var(--navy),#2a3170);color:#fff}
.v-artd .sp-414 :where(.prose) .sw-k{margin:0 0 6px;font-size:13px;font-weight:800;color:#a9b8ff}
.v-artd .sp-414 :where(.prose) .sw-t{margin:0;font-size:22px;font-weight:800;line-height:1.35}
.v-artd .sp-414 :where(.prose) .sw-r{margin:0;padding:0;list-style:none}
.v-artd .sp-414 :where(.prose) .sw-r li{margin:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.15);font-size:15.5px;line-height:1.55}
.v-artd .sp-414 :where(.prose) .sw-r li::before{content:none}
.v-artd .sp-414 :where(.prose) .sw-r b{display:inline-block;width:84px;color:#aab3d6;font-weight:700;font-size:14px}
.v-artd .sp-414 :where(.prose) .sw-btn{grid-column:2;justify-self:start;margin-top:8px;padding:12px 24px;border-radius:999px;background:#fff;color:var(--navy)!important;font-weight:800;text-decoration:none!important}

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

@media (max-width:720px){
  .v-artd .sp-414 .prose h2{font-size:23px;margin-top:54px}
  .v-artd .sp-414 :where(.prose) .sl-status{padding:22px}
  .v-artd .sp-414 :where(.prose) .sa-marks li{font-size:12.5px}
  .v-artd .sp-414 :where(.prose) .sa-band{grid-template-columns:1fr;gap:4px}
  .v-artd .sp-414 :where(.prose) .sa-band.resp{margin-right:0}
  .v-artd .sp-414 :where(.prose) .sa-band.fix{margin-left:0}
  .v-artd .sp-414 :where(.prose) .sl-night{grid-template-columns:96px 1fr;gap:18px}
  .v-artd .sp-414 :where(.prose) .sn-dial{width:96px;height:96px}
  .v-artd .sp-414 :where(.prose) .sn-day{right:18px;top:37px;width:16px;height:16px}
  .v-artd .sp-414 :where(.prose) .sn-moon{left:18px;top:36px;width:18px;height:18px}
  .v-artd .sp-414 :where(.prose) .sl-pin{grid-template-columns:1fr}
  .v-artd .sp-414 :where(.prose) .sl-route{grid-template-columns:1fr}
  .v-artd .sp-414 :where(.prose) .sr-n:not(:last-child)::after{right:50%;top:auto;bottom:-12px;transform:rotate(135deg)}
  .v-artd .sp-414 :where(.prose) .sl-notice dl div{grid-template-columns:1fr;gap:6px}
  .v-artd .sp-414 :where(.prose) .sl-four{grid-template-columns:1fr}
  .v-artd .sp-414 :where(.prose) .sl-four p:nth-child(odd){border-right:0}
  .v-artd .sp-414 :where(.prose) .sl-four p:nth-child(even){padding-left:0}
  .v-artd .sp-414 :where(.prose) .sr-r{grid-template-columns:1fr}
  .v-artd .sp-414 :where(.prose) .sr-r span{border-right:0;padding-bottom:0}
  .v-artd .sp-414 :where(.prose) .sr-r p{padding:4px 0 12px}
  .v-artd .sp-414 :where(.prose) .sl-steps li{font-size:13px;padding:8px 4px}
  .v-artd .sp-414 :where(.prose) .sl-we{grid-template-columns:1fr;padding:24px 22px}
  .v-artd .sp-414 :where(.prose) .sw-btn{grid-column:1}
}