/* 9237 탈모병원 편(연재 '전문가는 전문가를 만나야 한다' 37편, 2026-11-06 작성, 11-08 09:00 예약 공개).
   검색량 좌우 나비 막대(약과 제품, 병원과 시술) → 비급여 판단 세 단계 흐름과 두 줄 → 광고 금지 의약품 세 칸과 광고 기준 세 줄
   → 의약품, 기능성화장품, 화장품 세 단 → 사례 → 진행 방식 → 연재 순서 */
.v-artd .sp-9237 .prose{font-size:17px}
.v-artd .sp-9237 .prose h2{margin:0 0 14px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-9237 .prose h2::before,.v-artd .sp-9237 .prose h2::after{content:none}
.v-artd .sp-9237 :where(.prose) .hl-s{padding:64px 0 4px;scroll-margin-top:90px}
.v-artd .sp-9237 :where(.prose) li::before{content:none}
.v-artd .sp-9237 :where(.prose) ul,.v-artd .sp-9237 :where(.prose) ol{list-style:none;padding:0;margin:0}
.v-artd .sp-9237 :where(.prose) li{margin:0}
.v-artd .sp-9237 .prose p{margin:0}
.v-artd .sp-9237 .prose .hl-s>p{margin:0 0 16px}
.v-artd .sp-9237 .hlm{--c1:#b23a3a;--c1b:#f8e6e4;--c2:#3c6e47;--c2b:#e5f1e7;--c3:#29627e;--c3b:#e1eef4;--dk:#262321;--line:#e2ddd8;--paper:#fbfaf8}
.v-artd .sp-9237 .prose .hl-nt{margin:-4px 0 18px;font-size:12.5px;line-height:1.6;color:var(--sub)}

/* 나비 막대 */
.v-artd .sp-9237 .prose .hl-bf{display:flex;flex-direction:column;gap:4px;margin:6px 0 16px;padding:18px 18px 14px;border-radius:20px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9237 .prose .bf-hd,.v-artd .sp-9237 .prose .bf-r{display:grid;grid-template-columns:1fr 1fr;gap:0}
.v-artd .sp-9237 .prose .bf-hd p{padding:0 10px 8px;font-size:14px;font-weight:900}
.v-artd .sp-9237 .prose .bf-hl{color:var(--c1);text-align:right;border-right:2px solid var(--dk)}
.v-artd .sp-9237 .prose .bf-hr{color:var(--c2)}
.v-artd .sp-9237 .prose .bf-r p{display:flex;align-items:center;gap:6px;height:32px;padding:0 8px}
.v-artd .sp-9237 .prose .bf-r .l{justify-content:flex-end;border-right:2px solid var(--dk)}
.v-artd .sp-9237 .prose .bf-r i{display:block;width:calc(var(--v) * 62%);min-width:4px;height:16px}
.v-artd .sp-9237 .prose .bf-r .l i{background:var(--c1);border-radius:8px 0 0 8px;order:2}
.v-artd .sp-9237 .prose .bf-r .l span{order:3}
.v-artd .sp-9237 .prose .bf-r .l em{order:1}
.v-artd .sp-9237 .prose .bf-r .r i{background:var(--c2);border-radius:0 8px 8px 0}
.v-artd .sp-9237 .prose .bf-r span{flex:0 0 auto;font-size:13px;font-weight:900;white-space:nowrap;color:var(--ink)}
.v-artd .sp-9237 .prose .bf-r .l span{width:84px;text-align:right}
.v-artd .sp-9237 .prose .bf-r .r span{width:84px}
.v-artd .sp-9237 .prose .bf-r em{font-style:normal;font-size:12px;font-weight:800;color:var(--sub)}

/* 비급여 판단 흐름 */
.v-artd .sp-9237 .prose .hl-fl{display:flex;align-items:stretch;gap:0;margin:6px 0 12px}
.v-artd .sp-9237 .prose .fl-n{display:flex;flex-direction:column;justify-content:center;gap:6px;flex:1 1 0;padding:18px 16px;border-radius:16px;background:var(--c3b)}
.v-artd .sp-9237 .prose .fl-q{font-size:15px;font-weight:900;line-height:1.45;color:var(--c3)}
.v-artd .sp-9237 .prose .fl-3{background:var(--c3)}
.v-artd .sp-9237 .prose .fl-3 .fl-q{color:#fff}
.v-artd .sp-9237 .prose .fl-r{font-size:12px;font-weight:800;color:#d4ece4}
.v-artd .sp-9237 .prose .fl-ar{flex:0 0 26px;align-self:center;height:14px;background:var(--c3);clip-path:polygon(0 35%,60% 35%,60% 0,100% 50%,60% 100%,60% 65%,0 65%)}
.v-artd .sp-9237 .prose .hl-ln{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.v-artd .sp-9237 .prose .hl-ln li{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font-size:14.5px;line-height:1.55;color:var(--ink)}
.v-artd .sp-9237 .prose .hl-ln b{font-size:15px;font-weight:900;color:var(--c3)}
.v-artd .sp-9237 .prose .hl-ln small{font-size:12px;font-weight:800;color:var(--sub)}

/* 광고 금지 의약품 */
.v-artd .sp-9237 .prose .hl-ban{display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:8px;margin:6px 0 12px}
.v-artd .sp-9237 .prose .bn-c{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 2px var(--c1);overflow:hidden}
.v-artd .sp-9237 .prose .bn-c::after{content:"광고 금지";position:absolute;right:10px;top:12px;padding:3px 8px;border:2px solid var(--c1);border-radius:6px;font-size:11px;font-weight:900;color:var(--c1);transform:rotate(6deg)}
.v-artd .sp-9237 .prose .bn-c b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c1);font-size:15px;font-weight:900;color:#fff}
.v-artd .sp-9237 .prose .bn-c span{font-size:15px;font-weight:900;line-height:1.5;color:var(--dk)}
.v-artd .sp-9237 .prose .hl-ad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}
.v-artd .sp-9237 .prose .hl-ad li{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;background:var(--c1b);font-size:14px;line-height:1.6;color:var(--ink)}
.v-artd .sp-9237 .prose .hl-ad b{font-size:15.5px;font-weight:900;color:var(--c1)}
.v-artd .sp-9237 .prose .hl-ad small{margin-top:auto;font-size:12px;font-weight:800;color:var(--sub)}

/* 세 단 구분 */
.v-artd .sp-9237 .prose .hl-lv{display:flex;flex-direction:column;gap:0;margin:6px 0 16px;border-radius:18px;overflow:hidden}
.v-artd .sp-9237 .prose .lv-x{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px}
.v-artd .sp-9237 .prose .lv-a{background:var(--dk)}
.v-artd .sp-9237 .prose .lv-b{background:var(--c2);margin-left:28px}
.v-artd .sp-9237 .prose .lv-3{background:var(--c2b)}
.v-artd .sp-9237 .prose .lv-3{margin-left:56px}
.v-artd .sp-9237 .prose .lv-k{font-size:16px;font-weight:900;color:#fff}
.v-artd .sp-9237 .prose .lv-d{font-size:14px;line-height:1.55;color:#fff}
.v-artd .sp-9237 .prose .lv-r{font-size:12px;font-weight:800;color:rgba(255,255,255,.75)}
.v-artd .sp-9237 .prose .lv-3 .lv-k{color:var(--c2)}
.v-artd .sp-9237 .prose .lv-3 .lv-d{color:var(--ink)}
.v-artd .sp-9237 .prose .lv-3 .lv-r{color:var(--sub)}
.v-artd .sp-9237 .prose .lv-a{border-radius:18px 18px 0 0}
.v-artd .sp-9237 .prose .lv-3{border-radius:0 0 18px 18px}
@media (max-width:900px){
  .v-artd .sp-9237 .prose .hl-ban{grid-template-columns:1fr}
}

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

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

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

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

@media (max-width:760px){
  .v-artd .sp-9237 .prose h2{font-size:22px}
  .v-artd .sp-9237 :where(.prose) .hl-s{padding-top:48px}
  .v-artd .sp-9237 .prose .hl-cs{grid-template-columns:1fr}
  .v-artd .sp-9237 :where(.prose) .hl-wbox{padding:20px 16px}
  .v-artd .sp-9237 .prose .hl-wbox dl{grid-template-columns:1fr}
  .v-artd .sp-9237 .prose .hl-nx{grid-template-columns:1fr 1fr}
  .v-artd .sp-9237 .prose .hl-dt{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v-artd .sp-9237 .prose .hl-bf{padding:12px 8px 10px}
  .v-artd .sp-9237 .prose .bf-r p{height:auto;min-height:30px;padding:0 4px;gap:4px;flex-wrap:wrap}
  .v-artd .sp-9237 .prose .bf-r span{font-size:11.5px}
  .v-artd .sp-9237 .prose .bf-r .l span,.v-artd .sp-9237 .prose .bf-r .r span{width:auto}
  .v-artd .sp-9237 .prose .bf-r i{width:calc(var(--v) * 40%);height:12px}
  .v-artd .sp-9237 .prose .bf-r em{font-size:10.5px}
  .v-artd .sp-9237 .prose .hl-fl{flex-direction:column}
  .v-artd .sp-9237 .prose .fl-ar{flex:0 0 20px;width:16px;height:20px;margin:4px 0;clip-path:polygon(35% 0,65% 0,65% 60%,100% 60%,50% 100%,0 60%,35% 60%)}
  .v-artd .sp-9237 .prose .hl-ln li{grid-template-columns:1fr;gap:4px}
  .v-artd .sp-9237 .prose .hl-ad{grid-template-columns:1fr}
  .v-artd .sp-9237 .prose .lv-x{grid-template-columns:1fr;gap:4px}
  .v-artd .sp-9237 .prose .lv-b{margin-left:14px}
  .v-artd .sp-9237 .prose .lv-3{margin-left:28px}
}