/* 9207 홈페이지 유지보수(연재 '전문가는 전문가를 만나야 한다' 7편, 관리 편 시작, 2026-10-23).
   점검 주기 달력 네 장(머리 띠 색 구분, 확인란) → 유지보수 범위 세 층(아래로 넓어지는 계단) + 관련 글 칩
   → 멈추는 지점 세 장(윤곽 큰 글자) → 해킹 경고 검색 결과 견본 + 해제 세 단계 → 사례 기간 막대 둘 → 진행 방식 → 연재 순서 4×2 */
.v-artd .sp-9207 .prose{font-size:17px}
.v-artd .sp-9207 .prose h2{margin:0 0 14px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-9207 .prose h2::before,.v-artd .sp-9207 .prose h2::after{content:none}
.v-artd .sp-9207 .prose h3{margin:0;padding:0;border:0}
.v-artd .sp-9207 .prose h3::before,.v-artd .sp-9207 .prose h3::after{content:none}
.v-artd .sp-9207 :where(.prose) .mn-s{padding:64px 0 4px;scroll-margin-top:90px}
.v-artd .sp-9207 :where(.prose) .mn-s>p{margin:0 0 16px}
.v-artd .sp-9207 :where(.prose) li::before{content:none}
.v-artd .sp-9207 :where(.prose) ul,.v-artd .sp-9207 :where(.prose) ol{list-style:none;padding:0;margin:0}
.v-artd .sp-9207 :where(.prose) li{margin:0}

/* 점검 주기 달력 */
.v-artd .sp-9207 :where(.prose) .mn-cal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 16px}
.v-artd .sp-9207 .prose .cal{display:flex;flex-direction:column;gap:0;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line),0 8px 20px rgba(27,31,58,.05);overflow:hidden}
.v-artd .sp-9207 :where(.prose) .cal-h{position:relative;margin:0;padding:16px 16px 12px;color:#fff}
.v-artd .sp-9207 :where(.prose) .cal-h::before,.v-artd .sp-9207 :where(.prose) .cal-h::after{content:"";position:absolute;top:6px;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55)}
.v-artd .sp-9207 :where(.prose) .cal-h::before{left:18px}
.v-artd .sp-9207 :where(.prose) .cal-h::after{right:18px}
.v-artd .sp-9207 .prose .cal-h b{display:block;margin-top:4px;font-size:20px;font-weight:900;letter-spacing:-.4px;color:inherit}
.v-artd .sp-9207 :where(.prose) .cal-d .cal-h{background:var(--navy)}
.v-artd .sp-9207 :where(.prose) .cal-w .cal-h{background:var(--blue)}
.v-artd .sp-9207 :where(.prose) .cal-m .cal-h{background:#1f9d5c}
.v-artd .sp-9207 :where(.prose) .cal-c .cal-h{background:var(--yellow);color:var(--navy)}
.v-artd .sp-9207 :where(.prose) .cal ul{display:flex;flex-direction:column;gap:2px;padding:12px 14px 14px}
.v-artd .sp-9207 :where(.prose) .cal li{display:flex;align-items:flex-start;gap:9px;padding:6px 0;font-size:14.5px;font-weight:700;line-height:1.45;color:var(--ink)}
.v-artd .sp-9207 :where(.prose) .cal li::after{content:"";order:-1;flex:none;width:16px;height:16px;margin-top:2px;border-radius:5px;box-shadow:inset 0 0 0 2px #c9cdd8}

/* 유지보수 범위 세 층 */
.v-artd .sp-9207 :where(.prose) .mn-scope{display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px 0 16px}
.v-artd .sp-9207 :where(.prose) .mn-scope li{display:grid;grid-template-columns:110px 200px 1fr;align-items:center;gap:16px;box-sizing:border-box;padding:16px 22px;border-radius:14px}
.v-artd .sp-9207 :where(.prose) .sc-3{order:1;width:78%;background:#eef2ff}
.v-artd .sp-9207 :where(.prose) .sc-2{order:2;width:89%;background:#dfe6ff}
.v-artd .sp-9207 :where(.prose) .sc-1{order:3;width:100%;background:var(--navy)}
.v-artd .sp-9207 :where(.prose) .sc-k{margin:0;font-size:13px;font-weight:900;color:var(--blue)}
.v-artd .sp-9207 .prose .mn-scope h3{font-size:17px;letter-spacing:-.3px;color:var(--ink)}
.v-artd .sp-9207 :where(.prose) .mn-scope li p:last-child{margin:0;font-size:14.5px;line-height:1.55;color:#3a3f52}
.v-artd .sp-9207 :where(.prose) .sc-1 .sc-k{color:var(--yellow)}
.v-artd .sp-9207 .prose .sc-1 h3{color:#fff}
.v-artd .sp-9207 :where(.prose) .sc-1 p:last-child{color:#c9cde0 !important}
.v-artd .sp-9207 :where(.prose) .mn-more{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.v-artd .sp-9207 :where(.prose) .mn-more a{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border-radius:12px;background:var(--soft);font-size:14px;font-weight:800;color:var(--ink);text-decoration:none}
.v-artd .sp-9207 :where(.prose) .mn-more a:hover{background:#eef2ff}
.v-artd .sp-9207 :where(.prose) .mn-more small{font-size:11.5px;font-weight:800;color:var(--blue)}

/* 멈추는 지점 */
.v-artd .sp-9207 :where(.prose) .mn-stop{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 8px}
.v-artd .sp-9207 .prose .stp{display:block;padding:22px 20px;border-radius:16px;background:#fff7e6;box-shadow:inset 0 0 0 1.5px #f6deb0}
.v-artd .sp-9207 :where(.prose) .stp-c{margin:0 0 10px;font-size:34px;font-weight:900;letter-spacing:-1px;line-height:1.1;color:transparent;-webkit-text-stroke:1.5px #d98a14}
.v-artd .sp-9207 .prose .stp h3{margin:0 0 8px;font-size:17px;letter-spacing:-.3px;color:var(--ink)}
.v-artd .sp-9207 :where(.prose) .stp p:last-child{margin:0;font-size:14.5px;line-height:1.65;color:#4a3f2a}

/* 해킹 경고 */
.v-artd .sp-9207 :where(.prose) .mn-hack{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;margin:6px 0 16px}
.v-artd .sp-9207 :where(.prose) .hk-r{padding:20px 22px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line),0 10px 26px rgba(27,31,58,.06)}
.v-artd .sp-9207 :where(.prose) .hk-r p{margin:0}
.v-artd .sp-9207 :where(.prose) .hk-site{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink)}
.v-artd .sp-9207 :where(.prose) .hk-site i{width:18px;height:18px;border-radius:5px;background:#5b6b8c}
.v-artd .sp-9207 :where(.prose) .hk-site small{font-size:12px;font-weight:400;color:var(--sub)}
.v-artd .sp-9207 :where(.prose) .hk-w{display:inline-block;margin:10px 0 6px !important;padding:3px 0;font-size:13px;font-weight:700;color:#c5221f}
.v-artd .sp-9207 :where(.prose) .hk-t{font-size:17px;font-weight:700;color:#1a0dab}
.v-artd .sp-9207 :where(.prose) .hk-d{margin-top:4px !important;font-size:13.5px;line-height:1.55;color:#4d5156}
.v-artd .sp-9207 :where(.prose) .hk-st{counter-reset:h;display:flex;flex-direction:column;justify-content:center;gap:8px}
.v-artd .sp-9207 :where(.prose) .hk-st li{counter-increment:h;display:grid;grid-template-columns:30px 1fr;gap:2px 12px;padding:12px 14px;border-radius:12px;background:var(--soft)}
.v-artd .sp-9207 :where(.prose) .hk-st li::after{content:counter(h);order:-1;grid-row:span 2;width:30px;height:30px;border-radius:50%;background:#c5221f;font-size:13px;font-weight:900;line-height:30px;text-align:center;color:#fff}
.v-artd .sp-9207 :where(.prose) .hk-st li:last-child::after{background:#1f9d5c}
.v-artd .sp-9207 .prose .hk-st b{font-size:15px;font-weight:900;color:var(--ink)}
.v-artd .sp-9207 :where(.prose) .hk-st span{font-size:13.5px;line-height:1.5;color:#3a3f52}

/* 사례 기간 막대 */
.v-artd .sp-9207 :where(.prose) .mn-proof{display:flex;flex-direction:column;gap:12px;margin:6px 0 8px}
.v-artd .sp-9207 .prose .prf{display:block;padding:22px 24px;border-radius:18px;background:var(--soft)}
.v-artd .sp-9207 :where(.prose) .prf-k{margin:0 0 12px;font-size:17px;font-weight:900;color:var(--ink)}
.v-artd .sp-9207 :where(.prose) .prf-bar{position:relative;height:38px;border-radius:10px;background:#fff;overflow:hidden}
.v-artd .sp-9207 :where(.prose) .prf-bar span{position:absolute;top:0;bottom:0;left:var(--a);width:var(--w);display:flex;align-items:center;padding:0 10px;box-sizing:border-box;font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden}
.v-artd .sp-9207 :where(.prose) .b-stop{background:#e4e6ec;color:var(--sub)}
.v-artd .sp-9207 :where(.prose) .b-build{background:var(--yellow);color:var(--navy)}
.v-artd .sp-9207 :where(.prose) .b-run{background:var(--navy);color:#fff}
.v-artd .sp-9207 :where(.prose) .prf-y{display:flex;justify-content:space-between;margin:6px 0 12px;font-size:12px;font-weight:700;color:var(--sub)}
.v-artd .sp-9207 :where(.prose) .prf-d{margin:0 0 12px;font-size:15px;line-height:1.65;color:#3a3f52}
.v-artd .sp-9207 :where(.prose) .prf a{display:inline-block;padding:9px 16px;border-radius:999px;background:var(--navy);font-size:14px;font-weight:800;color:#fff;text-decoration:none}
.v-artd .sp-9207 :where(.prose) .prf a:hover{background:var(--blue)}

/* 진행 방식 */
.v-artd .sp-9207 :where(.prose) .mn-wbox{margin:0;padding:24px 26px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 2px var(--navy)}
.v-artd .sp-9207 :where(.prose) .mn-wbox .we-h{margin:0 0 12px;font-size:13px;font-weight:800;letter-spacing:.4px;color:var(--blue)}
.v-artd .sp-9207 :where(.prose) .mn-wbox dl{margin:0}
.v-artd .sp-9207 :where(.prose) .mn-wbox dl>div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:13px 0;border-top:1px dashed var(--line)}
.v-artd .sp-9207 :where(.prose) .mn-wbox dl>div:first-child{border-top:0;padding-top:0}
.v-artd .sp-9207 :where(.prose) .mn-wbox dt{font-size:15px;font-weight:900;color:var(--ink)}
.v-artd .sp-9207 :where(.prose) .mn-wbox dd{margin:0;font-size:15px;line-height:1.6;color:#3a3f52}

/* 연재 순서 */
.v-artd .sp-9207 :where(.prose) .mn-next{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 8px}
.v-artd .sp-9207 :where(.prose) .mn-next a,.v-artd .sp-9207 :where(.prose) .mn-next p{display:flex;flex-direction:column;gap:3px;height:100%;margin:0;padding:12px 14px;border-radius:12px;background:var(--soft);font-size:14px;font-weight:700;line-height:1.4;color:var(--ink);text-decoration:none;box-sizing:border-box}
.v-artd .sp-9207 :where(.prose) .mn-next a:hover{background:#eef2ff}
.v-artd .sp-9207 :where(.prose) .mn-next li.on p{background:var(--navy);color:#fff}
.v-artd .sp-9207 :where(.prose) .mn-next li:last-child p{background:#fff;border:1.5px dashed #c9cdd8;color:var(--sub)}
.v-artd .sp-9207 :where(.prose) .mn-next span{font-size:12.5px;font-weight:800;color:var(--blue)}
.v-artd .sp-9207 :where(.prose) .mn-next li.on span{color:var(--yellow)}

/* 출처 */
.v-artd .sp-9207 .prose .mn-srcs h2{font-size:15px;color:var(--sub)}
.v-artd .sp-9207 :where(.prose) .mn-srcs li{font-size:13.5px;line-height:1.7;color:var(--sub)}

@media (max-width:760px){
  .v-artd .sp-9207 .prose h2{font-size:22px}
  .v-artd .sp-9207 :where(.prose) .mn-s{padding-top:48px}
  .v-artd .sp-9207 :where(.prose) .mn-cal{grid-template-columns:1fr 1fr}
  .v-artd .sp-9207 :where(.prose) .mn-scope li{grid-template-columns:1fr;gap:4px;width:100% !important;padding:14px 16px}
  .v-artd .sp-9207 :where(.prose) .mn-stop,.v-artd .sp-9207 :where(.prose) .mn-hack{grid-template-columns:1fr}
  .v-artd .sp-9207 .prose .prf{padding:18px}
  .v-artd .sp-9207 :where(.prose) .prf-bar{height:auto;display:flex;flex-direction:column;gap:2px;background:none}
  .v-artd .sp-9207 :where(.prose) .prf-bar span{position:static;width:100%;padding:8px 10px;border-radius:8px}
  .v-artd .sp-9207 :where(.prose) .mn-wbox{padding:20px 18px}
  .v-artd .sp-9207 :where(.prose) .mn-wbox dl>div{grid-template-columns:1fr;gap:4px}
  .v-artd .sp-9207 :where(.prose) .mn-next{grid-template-columns:1fr 1fr}
}