/* 9230 교정치과 편(연재 '전문가는 전문가를 만나야 한다' 30편, 2026-11-05).
   검색량 가로 막대 네 묶음 → 목적 갈래 표(외모 개선 | 진료 | 기능 개선) → 교정 비용 화면 견본과 번호 핀 범례
   → 화면별 광고 금지 기준 줄 → 명칭 표시판 견본 두 묶음과 의료기사 업무 두 장
   → 사례 세 장 → 진행 방식 → 연재 순서 + 병원 세부 편 30칸 */
.v-artd .sp-9230 .prose{font-size:17px}
.v-artd .sp-9230 .prose h2{margin:0 0 14px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-9230 .prose h2::before,.v-artd .sp-9230 .prose h2::after{content:none}
.v-artd .sp-9230 :where(.prose) .oc-s{padding:64px 0 4px;scroll-margin-top:90px}
.v-artd .sp-9230 :where(.prose) li::before{content:none}
.v-artd .sp-9230 :where(.prose) ul,.v-artd .sp-9230 :where(.prose) ol{list-style:none;padding:0;margin:0}
.v-artd .sp-9230 :where(.prose) li{margin:0}
.v-artd .sp-9230 .prose p{margin:0}
.v-artd .sp-9230 .prose .oc-s>p{margin:0 0 16px}
.v-artd .sp-9230 .ocm{--o1:#2c5fb8;--o1b:#e8eefb;--o2:#d9573b;--o2b:#fcebe6;--o3:#178a74;--o3b:#e2f4ef;--o4:#7a4fc0;--o4b:#f1ebfa;--dk:#1d2540;--line:#d6dbe6}
.v-artd .sp-9230 .prose .oc-nt{margin:-4px 0 18px;font-size:12.5px;line-height:1.6;color:var(--sub)}

/* 검색량 가로 막대 */
.v-artd .sp-9230 .prose .oc-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 16px}
.v-artd .sp-9230 .prose .bg-g{--c:var(--o1);--cb:var(--o1b);display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9230 .prose .bg-2{--c:var(--o4);--cb:var(--o4b);grid-row:span 2}
.v-artd .sp-9230 .prose .bg-3{--c:var(--o3);--cb:var(--o3b)}
.v-artd .sp-9230 .prose .bg-4{--c:var(--o2);--cb:var(--o2b);grid-column:1/-1}
.v-artd .sp-9230 .prose .bg-h{font-size:15px;font-weight:900;color:var(--c)}
.v-artd .sp-9230 .prose .bg-g ul{display:flex;flex-direction:column;gap:9px}
.v-artd .sp-9230 .prose .bg-g li{display:grid;grid-template-columns:112px minmax(0,1fr) 64px;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--ink)}
.v-artd .sp-9230 .prose .bg-g li span{white-space:nowrap}
.v-artd .sp-9230 :where(.prose) .bg-g li::after{content:"";grid-column:2;grid-row:1;justify-self:start;width:max(6px,calc(var(--v) * 100%));height:12px;border-radius:6px;background:var(--c)}
.v-artd .sp-9230 .prose .bg-g li em{grid-column:3;font-style:normal;font-size:13.5px;font-weight:900;text-align:right;color:var(--c)}
.v-artd .sp-9230 .prose .bg-4 ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 22px}

/* 목적 갈래 표 */
.v-artd .sp-9230 .prose .oc-fk{position:relative;display:flex;flex-direction:column;gap:10px;margin:6px 0 16px}
.v-artd .sp-9230 .prose .fk-h,.v-artd .sp-9230 .prose .fk-r{display:grid;grid-template-columns:minmax(0,1fr) 200px minmax(0,1.4fr);align-items:stretch;gap:0}
.v-artd .sp-9230 .prose .fk-h span{padding:0 18px 4px;font-size:13px;font-weight:900}
.v-artd .sp-9230 .prose .fk-hn{color:var(--o2);text-align:right}
.v-artd .sp-9230 .prose .fk-hm{color:var(--sub);text-align:center}
.v-artd .sp-9230 .prose .fk-hy{color:var(--o3)}
.v-artd .sp-9230 .prose .fk-r>p{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:16px 18px;font-size:14.5px;line-height:1.55}
.v-artd .sp-9230 .prose .fk-n{border-radius:16px 0 0 16px;background:var(--o2b);align-items:flex-end;text-align:right;font-size:16px;font-weight:900;color:var(--o2)}
.v-artd .sp-9230 .prose .fk-m{background:var(--dk);align-items:center;text-align:center;font-size:16px;font-weight:900;color:#fff}
.v-artd .sp-9230 .prose .fk-y{border-radius:0 16px 16px 0;background:var(--o3b);font-weight:700;color:var(--ink)}
.v-artd .sp-9230 .prose .fk-x{color:#8a93a6;background:#f2f4f8}
.v-artd .sp-9230 .prose .fk-r small{font-size:12px;font-weight:800;color:#6b7385}

/* 교정 비용 화면 견본 */
.v-artd .sp-9230 .prose .oc-ui{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start;margin:6px 0 16px}
.v-artd .sp-9230 .prose .ui-sc{border-radius:16px;background:#fff;box-shadow:0 0 0 1.5px var(--line),0 14px 30px rgba(29,37,64,.08);overflow:hidden}
.v-artd .sp-9230 .prose .ui-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--dk);font-size:13px;font-weight:800;color:#fff}
.v-artd .sp-9230 .prose .ui-bar i{width:9px;height:9px;border-radius:50%;background:#5c6584}
.v-artd .sp-9230 .prose .ui-bar span{margin-left:8px}
.v-artd .sp-9230 .prose .ui-bd{display:flex;flex-direction:column;gap:8px;padding:16px}
.v-artd .sp-9230 .prose .ui-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#f5f7fb;font-size:14px;font-weight:700;color:var(--ink)}
.v-artd .sp-9230 .prose .ui-v{font-weight:900;color:var(--dk)}
.v-artd .sp-9230 .prose .ui-v s{color:#8a93a6}
.v-artd .sp-9230 .prose .ui-sum{background:var(--o1b)}
.v-artd .sp-9230 .prose .ui-dc{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:var(--o2b)}
.v-artd .sp-9230 .prose .ui-dc .ui-row{background:#fff}
.v-artd .sp-9230 .prose .ui-dh{font-size:13px;font-weight:900;color:var(--o2)}
.v-artd .sp-9230 .prose .ui-ex{grid-template-columns:26px minmax(0,1fr);background:var(--o3b)}
.v-artd .sp-9230 .prose .pin{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--o1);font-size:12px;font-weight:900;color:#fff}
.v-artd .sp-9230 .prose .ui-dc .pin{background:var(--o2)}
.v-artd .sp-9230 .prose .ui-ex .pin{background:var(--o3)}
.v-artd .sp-9230 .prose .ui-lg{display:flex;flex-direction:column;gap:10px}
.v-artd .sp-9230 .prose .ui-lg li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:14px;background:var(--soft)}
.v-artd .sp-9230 .prose .ui-lg b{display:flex;align-items:center;justify-content:center;height:28px;border-radius:14px;background:var(--o1);font-size:12.5px;font-weight:900;color:#fff}
.v-artd .sp-9230 .prose .ui-lg li:nth-child(3) b{background:var(--o2)}
.v-artd .sp-9230 .prose .ui-lg li:nth-child(4) b{background:var(--o3)}
.v-artd .sp-9230 .prose .ui-lg p{display:flex;flex-direction:column;gap:4px;font-size:14.5px;font-weight:700;line-height:1.55;color:var(--ink)}
.v-artd .sp-9230 .prose .ui-lg small{font-size:12px;font-weight:800;color:var(--sub)}

/* 화면별 광고 금지 기준 */
.v-artd .sp-9230 .prose .oc-ad{display:flex;flex-direction:column;margin:6px 0 16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);overflow:hidden}
.v-artd .sp-9230 .prose .ad-r{display:grid;grid-template-columns:190px minmax(0,1fr) 190px;align-items:center;gap:16px;padding:16px 20px}
.v-artd .sp-9230 .prose .ad-r+.ad-r{border-top:1.5px solid var(--line)}
.v-artd .sp-9230 .prose .ad-k{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:900;color:var(--dk)}
.v-artd .sp-9230 .prose .ad-k::before{content:"";flex:none;width:22px;height:16px;border-radius:4px;background:var(--o4b);box-shadow:inset 0 0 0 2px var(--o4)}
.v-artd .sp-9230 .prose .ad-v{font-size:14.5px;line-height:1.55;color:var(--ink)}
.v-artd .sp-9230 .prose .ad-l{font-size:12.5px;font-weight:800;line-height:1.55;text-align:right;color:var(--o4)}

/* 명칭 표시판 견본 */
.v-artd .sp-9230 .prose .oc-nm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 12px}
.v-artd .sp-9230 .prose .nm-r{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;background:var(--soft)}
.v-artd .sp-9230 .prose .nm-k{font-size:14px;font-weight:900;color:var(--o1)}
.v-artd .sp-9230 .prose .nm-b{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;padding:14px 18px;border-radius:10px;background:var(--dk);font-size:22px;font-weight:900;letter-spacing:-.5px;color:#fff}
.v-artd .sp-9230 .prose .nm-own{color:#fff}
.v-artd .sp-9230 .prose .nm-sp{color:#ffd166}
.v-artd .sp-9230 .prose .nm-kd{color:#9fc3ff}
.v-artd .sp-9230 .prose .nm-b .nm-sp:first-child{margin-right:6px;font-size:14px}
.v-artd .sp-9230 .prose .nm-sub{background:#fff;box-shadow:inset 0 0 0 1.5px var(--dk);font-size:18px}
.v-artd .sp-9230 .prose .nm-sub .nm-tg{margin-right:8px;padding:2px 8px;border-radius:6px;background:var(--dk);font-size:12.5px;color:#fff}
.v-artd .sp-9230 .prose .nm-sub .nm-sp{color:var(--dk)}
.v-artd .sp-9230 .prose .nm-r2{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.55;color:var(--ink)}
.v-artd .sp-9230 .prose .nm-r2 small{font-size:12px;font-weight:800;color:var(--sub)}
.v-artd .sp-9230 .prose .oc-wk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}
.v-artd .sp-9230 .prose .wk-c{--c:var(--o4);--cb:var(--o4b);display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:18px;background:var(--cb)}
.v-artd .sp-9230 .prose .wk-hy{--c:var(--o3);--cb:var(--o3b)}
.v-artd .sp-9230 .prose .wk-t{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:900;color:var(--c)}
.v-artd .sp-9230 .prose .wk-t::before{content:"";width:26px;height:10px;border-radius:5px;border:2.5px solid var(--c);border-top-color:transparent}
.v-artd .sp-9230 .prose .wk-v{font-size:15px;font-weight:700;line-height:1.55;color:var(--ink)}
.v-artd .sp-9230 .prose .wk-r{font-size:12px;font-weight:800;color:var(--sub)}

/* 사례 */
.v-artd .sp-9230 .prose .oc-cs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 8px}
.v-artd .sp-9230 :where(.prose) .cs-c{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--soft);color:var(--ink);text-decoration:none}
.v-artd .sp-9230 :where(.prose) .cs-c:hover{background:#eef2ff}
.v-artd .sp-9230 .prose .cs-k{font-size:12.5px;font-weight:900;color:var(--o1)}
.v-artd .sp-9230 .prose .cs-t{font-size:16px;font-weight:900;line-height:1.4;color:var(--ink)}
.v-artd .sp-9230 .prose .cs-d{font-size:13.5px;line-height:1.55;color:var(--sub)}

/* 진행 방식 */
.v-artd .sp-9230 :where(.prose) .oc-wbox{margin:0;padding:24px 26px;border-radius:18px;background:#fff8e1}
.v-artd .sp-9230 :where(.prose) .oc-wbox .we-h{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.4px;color:#9a6a00}
.v-artd .sp-9230 .prose .oc-wbox dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.v-artd .sp-9230 .prose .oc-wbox dl>div{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;background:#fff}
.v-artd .sp-9230 :where(.prose) .oc-wbox dt{font-size:15px;font-weight:900;color:var(--ink)}
.v-artd .sp-9230 :where(.prose) .oc-wbox dd{margin:0;font-size:14.5px;line-height:1.6;color:#3a3f52}

/* 연재 순서 */
.v-artd .sp-9230 .prose .oc-nx{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin:6px 0 8px}
.v-artd .sp-9230 :where(.prose) .oc-nx a{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-9230 :where(.prose) .oc-nx a:hover{background:#eef2ff}
.v-artd .sp-9230 :where(.prose) .oc-nx span{font-size:12.5px;font-weight:800;color:var(--blue)}
.v-artd .sp-9230 .prose .oc-nh{margin:22px 0 10px;font-size:15px;font-weight:900;color:var(--o1)}
.v-artd .sp-9230 .prose .oc-dt{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 8px}
.v-artd .sp-9230 .prose .oc-dt li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:#fff;outline:1.5px dashed #c9cdd8;outline-offset:-1.5px;font-size:13.5px;font-weight:700;line-height:1.35;color:var(--sub)}
.v-artd .sp-9230 .prose .oc-dt li.on{background:var(--navy);outline:0;color:#fff}
.v-artd .sp-9230 .prose .oc-dt li.ok{padding:0;outline:0;background:var(--soft)}
.v-artd .sp-9230 :where(.prose) .oc-dt li.ok a{display:flex;flex-direction:column;gap:2px;height:100%;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;box-sizing:border-box}
.v-artd .sp-9230 :where(.prose) .oc-dt li.ok a:hover{background:#eef2ff}
.v-artd .sp-9230 .prose .oc-dt span{font-size:11.5px;font-weight:800;color:#9aa1b1}
.v-artd .sp-9230 .prose .oc-dt li.on span{color:var(--yellow)}
.v-artd .sp-9230 .prose .oc-dt li.ok span{color:var(--blue)}
.v-artd .sp-9230 :where(.prose) .oc-dt span::after{content:"편"}

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

@media (max-width:900px){
  .v-artd .sp-9230 .prose .oc-ui{grid-template-columns:1fr}
  .v-artd .sp-9230 .prose .ad-r{grid-template-columns:170px minmax(0,1fr)}
  .v-artd .sp-9230 .prose .ad-l{grid-column:2;text-align:left}
}
@media (max-width:760px){
  .v-artd .sp-9230 .prose h2{font-size:22px}
  .v-artd .sp-9230 :where(.prose) .oc-s{padding-top:48px}
  .v-artd .sp-9230 .prose .oc-bars{grid-template-columns:1fr}
  .v-artd .sp-9230 .prose .bg-2{grid-row:auto}
  .v-artd .sp-9230 .prose .bg-g{padding:18px 16px}
  .v-artd .sp-9230 .prose .bg-g li{grid-template-columns:100px minmax(0,1fr) 56px;gap:8px;font-size:13.5px}
  .v-artd .sp-9230 .prose .bg-4 ul{display:flex}
  .v-artd .sp-9230 .prose .fk-h{display:none}
  .v-artd .sp-9230 .prose .fk-r{grid-template-columns:1fr}
  .v-artd .sp-9230 .prose .fk-m{order:-1;border-radius:14px 14px 0 0;align-items:flex-start;text-align:left}
  .v-artd .sp-9230 .prose .fk-n{border-radius:0;align-items:flex-start;text-align:left}
  .v-artd .sp-9230 .prose .fk-y{border-radius:0 0 14px 14px}
  .v-artd .sp-9230 .prose .fk-n::before{content:"비급여 원칙";font-size:12px;font-weight:900;color:#8a4a3a}
  .v-artd .sp-9230 .prose .fk-y::before{content:"단서와 적용 범위";font-size:12px;font-weight:900;color:var(--o3)}
  .v-artd .sp-9230 .prose .ui-bd{padding:12px}
  .v-artd .sp-9230 .prose .ui-lg li{grid-template-columns:44px minmax(0,1fr);padding:12px}
  .v-artd .sp-9230 .prose .ad-r{grid-template-columns:1fr;gap:6px;padding:14px 16px}
  .v-artd .sp-9230 .prose .ad-l{grid-column:auto}
  .v-artd .sp-9230 .prose .oc-nm{grid-template-columns:1fr}
  .v-artd .sp-9230 .prose .nm-b{font-size:19px}
  .v-artd .sp-9230 .prose .oc-wk{grid-template-columns:1fr}
  .v-artd .sp-9230 .prose .oc-cs{grid-template-columns:1fr}
  .v-artd .sp-9230 :where(.prose) .oc-wbox{padding:20px 16px}
  .v-artd .sp-9230 .prose .oc-wbox dl{grid-template-columns:1fr}
  .v-artd .sp-9230 .prose .oc-nx{grid-template-columns:1fr 1fr}
  .v-artd .sp-9230 .prose .oc-dt{grid-template-columns:repeat(3,minmax(0,1fr))}
}