/* 9231 임플란트치과 편(연재 '전문가는 전문가를 만나야 한다' 31편, 2026-11-05).
   검색량 세로 기둥 네 묶음 → 65세 이상 본인부담률 표(치과임플란트, 틀니 × 일반, 희귀난치성질환등, 6개월 이상 치료)
   → 수술 동의서 지면과 사본 발급, 변경 고지 → 치과용 CT 기준 네 칸과 진료기록 보존 기간 눈금 막대
   → 사례 세 장 → 진행 방식 → 연재 순서 + 병원 세부 편 30칸 */
.v-artd .sp-9231 .prose{font-size:17px}
.v-artd .sp-9231 .prose h2{margin:0 0 14px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-9231 .prose h2::before,.v-artd .sp-9231 .prose h2::after{content:none}
.v-artd .sp-9231 :where(.prose) .ip-s{padding:64px 0 4px;scroll-margin-top:90px}
.v-artd .sp-9231 :where(.prose) li::before{content:none}
.v-artd .sp-9231 :where(.prose) ul,.v-artd .sp-9231 :where(.prose) ol{list-style:none;padding:0;margin:0}
.v-artd .sp-9231 :where(.prose) li{margin:0}
.v-artd .sp-9231 .prose p{margin:0}
.v-artd .sp-9231 .prose .ip-s>p{margin:0 0 16px}
.v-artd .sp-9231 .ipm{--p1:#34507a;--p1b:#e9eef6;--p2:#b9801a;--p2b:#fbf2e0;--p3:#2a8466;--p3b:#e3f3ec;--p4:#a8476a;--p4b:#f8e9ef;--dk:#1c2638;--line:#d8dde6}
.v-artd .sp-9231 .prose .ip-nt{margin:-4px 0 18px;font-size:12.5px;line-height:1.6;color:var(--sub)}
.v-artd .sp-9231 .prose .ip-sh{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:26px 0 12px;font-size:16px;font-weight:900;color:var(--dk)}
.v-artd .sp-9231 .prose .ip-sh small{font-size:12px;font-weight:800;color:var(--sub)}

/* 검색량 세로 기둥 */
.v-artd .sp-9231 .prose .ip-col{display:flex;gap:10px;margin:6px 0 16px;padding:22px 18px 18px;border-radius:22px;background:#fbfcfe;box-shadow:inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9231 .prose .cl-g{--c:var(--p1);--cb:var(--p1b);display:flex;flex-direction:column-reverse;gap:10px;flex:var(--n,3) 1 0;min-width:0}
.v-artd .sp-9231 .prose .cl-2{--c:var(--p2);--cb:var(--p2b);--n:4}
.v-artd .sp-9231 .prose .cl-3{--c:var(--p3);--cb:var(--p3b);--n:5}
.v-artd .sp-9231 .prose .cl-4{--c:var(--p4);--cb:var(--p4b)}
.v-artd .sp-9231 .prose .cl-h{padding:7px 8px;border-radius:8px;background:var(--cb);font-size:13px;font-weight:900;text-align:center;color:var(--c)}
.v-artd .sp-9231 .prose .cl-g ul{display:flex;align-items:flex-end;gap:6px;height:250px}
.v-artd .sp-9231 .prose .cl-g li{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;flex:1 1 0;min-width:0;height:100%}
.v-artd .sp-9231 .prose .cl-g li em{font-style:normal;font-size:11.5px;font-weight:900;color:var(--c)}
.v-artd .sp-9231 .prose .cl-g li i{display:block;width:70%;max-width:34px;height:max(4px,calc(var(--v) * 170px));border-radius:8px 8px 3px 3px;background:var(--c)}
.v-artd .sp-9231 .prose .cl-g li span{min-height:34px;font-size:12px;font-weight:800;line-height:1.35;text-align:center;word-break:keep-all;color:var(--ink)}

/* 본인부담률 표 */
.v-artd .sp-9231 .prose .ip-rt{display:flex;flex-direction:column;gap:8px;margin:6px 0 16px}
.v-artd .sp-9231 .prose .rt-h,.v-artd .sp-9231 .prose .rt-r{display:grid;grid-template-columns:150px repeat(3,minmax(0,1fr));gap:8px}
.v-artd .sp-9231 .prose .rt-h span{display:flex;align-items:flex-end;padding:0 6px 2px;font-size:12.5px;font-weight:900;line-height:1.4;color:var(--sub)}
.v-artd .sp-9231 .prose .rt-h span:first-child{color:var(--dk)}
.v-artd .sp-9231 .prose .rt-k{display:flex;align-items:center;padding:16px;border-radius:14px;background:var(--dk);font-size:16px;font-weight:900;color:#fff}
.v-artd .sp-9231 .prose .rt-v{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px;padding:16px 18px;border-radius:14px;background:var(--p1b);color:var(--p1)}
.v-artd .sp-9231 .prose .rt-v b{font-size:40px;font-weight:900;line-height:1;letter-spacing:-1px}
.v-artd .sp-9231 .prose .rt-v small{font-size:16px;font-weight:900}
.v-artd .sp-9231 .prose .rt-v span{flex-basis:100%;margin-top:8px;font-size:12px;font-weight:800;color:var(--sub)}
.v-artd .sp-9231 .prose .rt-main{background:var(--p2b);color:var(--p2);box-shadow:inset 0 0 0 2px var(--p2)}
.v-artd .sp-9231 .prose .ip-nx2{margin:0 0 16px;padding:16px 18px;border-radius:14px;background:#f3f4f7}
.v-artd .sp-9231 .prose .ip-nx2 p{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:15px;font-weight:700;line-height:1.55;color:var(--ink)}
.v-artd .sp-9231 .prose .ip-nx2 b{padding:3px 10px;border-radius:999px;background:#5b6474;font-size:12.5px;font-weight:900;color:#fff}
.v-artd .sp-9231 .prose .ip-nx2 small{flex-basis:100%;font-size:12.5px;font-weight:800;color:var(--sub)}

/* 수술 동의서 지면 */
.v-artd .sp-9231 .prose .ip-doc{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start;margin:6px 0 16px}
.v-artd .sp-9231 .prose .dc-pg{display:flex;flex-direction:column;gap:14px;padding:26px 26px 22px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line),0 16px 34px rgba(28,38,56,.1)}
.v-artd .sp-9231 .prose .dc-t{padding-bottom:12px;border-bottom:2px solid var(--dk);font-size:19px;font-weight:900;letter-spacing:2px;text-align:center;color:var(--dk)}
.v-artd .sp-9231 .prose .dc-l{display:flex;flex-direction:column;gap:8px}
.v-artd .sp-9231 .prose .dc-l li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-bottom:1px dashed var(--line);font-size:14.5px;font-weight:700;line-height:1.5;color:var(--ink)}
.v-artd .sp-9231 .prose .dc-l b{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--p1);font-size:12px;font-weight:900;color:#fff}
.v-artd .sp-9231 .prose .dc-sg{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;margin-top:4px;font-size:13px;font-weight:800;color:var(--sub)}
.v-artd .sp-9231 .prose .dc-sg i{display:block;width:120px;height:26px;border-bottom:1.5px solid var(--dk)}
.v-artd .sp-9231 .prose .dc-r{font-size:12px;font-weight:800;color:var(--sub)}
.v-artd .sp-9231 .prose .dc-sd{display:flex;flex-direction:column;gap:10px}
.v-artd .sp-9231 .prose .sd-c{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--p3b)}
.v-artd .sp-9231 .prose .sd-c+.sd-c{background:var(--p4b)}
.v-artd .sp-9231 .prose .sd-k{font-size:16px;font-weight:900;color:var(--p3)}
.v-artd .sp-9231 .prose .sd-c+.sd-c .sd-k{color:var(--p4)}
.v-artd .sp-9231 .prose .sd-v{font-size:14.5px;font-weight:700;line-height:1.55;color:var(--ink)}
.v-artd .sp-9231 .prose .sd-r{font-size:12px;font-weight:800;color:var(--sub)}

/* 치과용 CT 기준 */
.v-artd .sp-9231 .prose .ip-eqs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 8px}
.v-artd .sp-9231 .prose .eq-c{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border-radius:16px;background:var(--p1b)}
.v-artd .sp-9231 .prose .eq-c b{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:900;color:var(--p1)}
.v-artd .sp-9231 .prose .eq-c b::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;border:3px solid var(--p1);box-sizing:border-box}
.v-artd .sp-9231 .prose .eq-c span{font-size:14px;font-weight:700;line-height:1.5;color:var(--ink)}
.v-artd .sp-9231 .prose .eq-c small{margin-top:auto;font-size:12px;font-weight:800;color:var(--sub)}

/* 보존 기간 눈금 막대 */
.v-artd .sp-9231 .prose .ip-yr{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9231 .prose .yr-ax{position:relative;height:18px;margin-left:236px;font-size:12px;font-weight:800;color:var(--sub)}
.v-artd .sp-9231 .prose .yr-ax span{position:absolute;top:0;white-space:nowrap}
.v-artd .sp-9231 .prose .yr-ax span:nth-child(1){left:0}
.v-artd .sp-9231 .prose .yr-ax span:nth-child(2){left:20%}
.v-artd .sp-9231 .prose .yr-ax span:nth-child(3){left:50%}
.v-artd .sp-9231 .prose .yr-ax span:nth-child(4){right:0}
.v-artd .sp-9231 .prose .yr-r{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:16px}
.v-artd .sp-9231 .prose .yr-r p{font-size:14.5px;font-weight:800;line-height:1.4;color:var(--ink)}
.v-artd .sp-9231 .prose .yr-r i{display:flex;align-items:center;justify-content:flex-end;width:calc(var(--y) * 10%);height:30px;padding:0 10px;border-radius:0 8px 8px 0;background:var(--p1);box-sizing:border-box}
.v-artd .sp-9231 .prose .yr-r[style*="--y:5"] i{background:var(--p3)}
.v-artd .sp-9231 .prose .yr-r[style*="--y:2"] i{background:var(--p2)}
.v-artd .sp-9231 .prose .yr-r b{font-size:13px;font-weight:900;color:#fff}

/* 사례 */
.v-artd .sp-9231 .prose .ip-cs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 8px}
.v-artd .sp-9231 :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-9231 :where(.prose) .cs-c:hover{background:#eef2ff}
.v-artd .sp-9231 .prose .cs-k{font-size:12.5px;font-weight:900;color:var(--p1)}
.v-artd .sp-9231 .prose .cs-t{font-size:16px;font-weight:900;line-height:1.4;color:var(--ink)}
.v-artd .sp-9231 .prose .cs-d{font-size:13.5px;line-height:1.55;color:var(--sub)}

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

/* 연재 순서 */
.v-artd .sp-9231 .prose .ip-nx{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin:6px 0 8px}
.v-artd .sp-9231 :where(.prose) .ip-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-9231 :where(.prose) .ip-nx a:hover{background:#eef2ff}
.v-artd .sp-9231 :where(.prose) .ip-nx span{font-size:12.5px;font-weight:800;color:var(--blue)}
.v-artd .sp-9231 .prose .ip-nh{margin:22px 0 10px;font-size:15px;font-weight:900;color:var(--p1)}
.v-artd .sp-9231 .prose .ip-dt{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 8px}
.v-artd .sp-9231 .prose .ip-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-9231 .prose .ip-dt li.on{background:var(--navy);outline:0;color:#fff}
.v-artd .sp-9231 .prose .ip-dt li.ok{padding:0;outline:0;background:var(--soft)}
.v-artd .sp-9231 :where(.prose) .ip-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-9231 :where(.prose) .ip-dt li.ok a:hover{background:#eef2ff}
.v-artd .sp-9231 .prose .ip-dt span{font-size:11.5px;font-weight:800;color:#9aa1b1}
.v-artd .sp-9231 .prose .ip-dt li.on span{color:var(--yellow)}
.v-artd .sp-9231 .prose .ip-dt li.ok span{color:var(--blue)}
.v-artd .sp-9231 :where(.prose) .ip-dt span::after{content:"편"}

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

@media (max-width:900px){
  .v-artd .sp-9231 .prose .ip-eqs{grid-template-columns:1fr 1fr}
  .v-artd .sp-9231 .prose .ip-doc{grid-template-columns:1fr}
}
@media (max-width:760px){
  .v-artd .sp-9231 .prose h2{font-size:22px}
  .v-artd .sp-9231 :where(.prose) .ip-s{padding-top:48px}
  .v-artd .sp-9231 .prose .ip-col{flex-direction:column;gap:16px;padding:18px 16px}
  .v-artd .sp-9231 .prose .cl-g{flex-direction:column}
  .v-artd .sp-9231 .prose .cl-h{text-align:left}
  .v-artd .sp-9231 .prose .cl-g ul{flex-direction:column;align-items:stretch;height:auto;gap:8px}
  .v-artd .sp-9231 .prose .cl-g li{display:grid;grid-template-columns:104px minmax(0,1fr) 54px;align-items:center;gap:8px;height:auto}
  .v-artd .sp-9231 .prose .cl-g li span{grid-column:1;grid-row:1;min-height:0;text-align:left;font-size:13px;word-break:keep-all}
  .v-artd .sp-9231 .prose .cl-g li span br{display:none}
  .v-artd .sp-9231 .prose .cl-g li i{grid-column:2;grid-row:1;width:max(4px,calc(var(--v) * 100%));max-width:none;height:12px;border-radius:6px}
  .v-artd .sp-9231 .prose .cl-g li em{grid-column:3;grid-row:1;text-align:right;font-size:12.5px}
  .v-artd .sp-9231 .prose .rt-h{display:none}
  .v-artd .sp-9231 .prose .rt-r{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .v-artd .sp-9231 .prose .rt-k{grid-column:1/-1;padding:12px 14px}
  .v-artd .sp-9231 .prose .rt-v{padding:12px 10px}
  .v-artd .sp-9231 .prose .rt-v b{font-size:30px}
  .v-artd .sp-9231 .prose .rt-v::before{flex-basis:100%;margin-bottom:6px;font-size:11.5px;font-weight:900;line-height:1.35;color:var(--sub)}
  .v-artd .sp-9231 .prose .rt-v:nth-child(2)::before{content:"일반"}
  .v-artd .sp-9231 .prose .rt-v:nth-child(3)::before{content:"희귀난치성질환등"}
  .v-artd .sp-9231 .prose .rt-v:nth-child(4)::before{content:"6개월 이상 치료"}
  .v-artd .sp-9231 .prose .dc-pg{padding:20px 16px}
  .v-artd .sp-9231 .prose .ip-eqs{grid-template-columns:1fr}
  .v-artd .sp-9231 .prose .ip-yr{padding:16px}
  .v-artd .sp-9231 .prose .yr-ax{margin-left:0}
  .v-artd .sp-9231 .prose .yr-r{grid-template-columns:1fr;gap:6px}
  .v-artd .sp-9231 .prose .ip-cs{grid-template-columns:1fr}
  .v-artd .sp-9231 :where(.prose) .ip-wbox{padding:20px 16px}
  .v-artd .sp-9231 .prose .ip-wbox dl{grid-template-columns:1fr}
  .v-artd .sp-9231 .prose .ip-nx{grid-template-columns:1fr 1fr}
  .v-artd .sp-9231 .prose .ip-dt{grid-template-columns:repeat(3,minmax(0,1fr))}
}
