/* 9236 난임병원 편(연재 '전문가는 전문가를 만나야 한다' 36편, 2026-11-06 작성, 11-07 14:00 예약 공개).
   검색량 묶음 띠(묶음 합계 길이 안에 검색어 칸) → 난임시술 의료기관과 배아생성의료기관 두 장
   → 동의권자 띠와 동의 여섯 칸 → 보존기간 시간 막대와 금지 행위 다섯 줄 → 본인부담 30%와 휴가 여섯 칸 → 사례 → 진행 방식 → 연재 순서 */
.v-artd .sp-9236 .prose{font-size:17px}
.v-artd .sp-9236 .prose h2{margin:0 0 14px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-9236 .prose h2::before,.v-artd .sp-9236 .prose h2::after{content:none}
.v-artd .sp-9236 :where(.prose) .ib-s{padding:64px 0 4px;scroll-margin-top:90px}
.v-artd .sp-9236 :where(.prose) li::before{content:none}
.v-artd .sp-9236 :where(.prose) ul,.v-artd .sp-9236 :where(.prose) ol{list-style:none;padding:0;margin:0}
.v-artd .sp-9236 :where(.prose) li{margin:0}
.v-artd .sp-9236 .prose p{margin:0}
.v-artd .sp-9236 .prose .ib-s>p{margin:0 0 16px}
.v-artd .sp-9236 .ibm{--c1:#b03f6a;--c1b:#f9e7ee;--c2:#a3482f;--c2b:#f8e9e3;--c3:#2f7a74;--c3b:#e1f1ef;--c4:#5d4c9a;--c4b:#ece9f6;--dk:#2b1f27;--line:#e6dde2;--paper:#fcf9fa}
.v-artd .sp-9236 .prose .ib-nt{margin:-4px 0 18px;font-size:12.5px;line-height:1.6;color:var(--sub)}

/* 검색량 묶음 띠 */
.v-artd .sp-9236 .prose .ib-sp{display:flex;flex-direction:column;gap:14px;margin:6px 0 16px;padding:20px;border-radius:20px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9236 .prose .sp-g{--c:var(--c1);--cb:var(--c1b)}
.v-artd .sp-9236 .prose .sp-g.g2{--c:var(--c2);--cb:var(--c2b)}
.v-artd .sp-9236 .prose .sp-g.g3{--c:var(--c3);--cb:var(--c3b)}
.v-artd .sp-9236 .prose .sp-g.g4{--c:var(--c4);--cb:var(--c4b)}
.v-artd .sp-9236 .prose .sp-h{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;font-size:14px;font-weight:900;color:var(--c)}
.v-artd .sp-9236 .prose .sp-h b{font-size:12px;font-weight:800;color:var(--sub)}
.v-artd .sp-9236 .prose .sp-bar{display:flex;gap:3px;width:calc(var(--t) / 17350 * 100%);min-width:fit-content}
.v-artd .sp-9236 .prose .sp-bar i{display:flex;flex-direction:column;justify-content:center;flex:var(--v) 1 0;min-width:96px;height:54px;padding:0 8px;border-radius:8px;background:var(--c);font-style:normal;color:#fff;overflow:hidden}
.v-artd .sp-9236 .prose .sp-bar i:nth-child(2){background:color-mix(in srgb,var(--c) 80%,#fff)}
.v-artd .sp-9236 .prose .sp-bar i:nth-child(3){background:color-mix(in srgb,var(--c) 65%,#fff)}
.v-artd .sp-9236 .prose .sp-bar i:nth-child(n+4){background:color-mix(in srgb,var(--c) 52%,#fff)}
.v-artd .sp-9236 .prose .sp-bar span{font-size:12.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-artd .sp-9236 .prose .sp-bar em{font-style:normal;font-size:11.5px;font-weight:800;opacity:.9}

/* 두 지정 의료기관 */
.v-artd .sp-9236 .prose .ib-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 16px}
.v-artd .sp-9236 .prose .tw-c{--c:var(--c1);--cb:var(--c1b);position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px 18px;border-radius:20px;background:var(--cb);overflow:hidden}
.v-artd .sp-9236 .prose .tw-b{--c:var(--c3);--cb:var(--c3b)}
.v-artd .sp-9236 .prose .tw-c::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;border:14px solid var(--c);opacity:.12}
.v-artd .sp-9236 .prose .tw-k{font-size:19px;font-weight:900;color:var(--c)}
.v-artd .sp-9236 .prose .tw-l{margin-bottom:6px;font-size:12px;font-weight:800;color:var(--sub)}
.v-artd .sp-9236 .prose .tw-c dl{display:flex;flex-direction:column;gap:6px;margin:0}
.v-artd .sp-9236 .prose .tw-c dl>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px 12px;border-radius:10px;background:#fff}
.v-artd .sp-9236 .prose .tw-c dt{font-size:13px;font-weight:900;color:var(--c)}
.v-artd .sp-9236 .prose .tw-c dd{margin:0;font-size:14px;line-height:1.55;color:var(--ink)}

/* 동의권자와 여섯 칸 */
.v-artd .sp-9236 .prose .ib-who{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 10px;padding:12px 14px;border-radius:14px;background:var(--dk)}
.v-artd .sp-9236 .prose .ib-who span{margin-right:6px;font-size:13px;font-weight:900;color:#ffd6e3}
.v-artd .sp-9236 .prose .ib-who em{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-style:normal;font-size:13.5px;font-weight:800;color:#fff}
.v-artd .sp-9236 .prose .ib-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
.v-artd .sp-9236 .prose .ib-six li{display:flex;flex-direction:column;gap:8px;min-height:104px;padding:16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--c1b);font-size:14.5px;font-weight:800;line-height:1.5;color:var(--ink)}
.v-artd .sp-9236 .prose .ib-six b{font-size:22px;font-weight:900;color:var(--c1)}

/* 보존기간 시간 막대 */
.v-artd .sp-9236 .prose .ib-tl{display:flex;flex-direction:column;gap:10px;margin:6px 0 14px;padding:20px;border-radius:18px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}
.v-artd .sp-9236 .prose .tl-ax{position:relative;height:18px;margin-left:150px;border-bottom:1.5px solid var(--line)}
.v-artd .sp-9236 .prose .tl-ax span{position:absolute;left:calc(var(--x) * 1%);bottom:3px;transform:translateX(-50%);font-size:11.5px;font-weight:800;white-space:nowrap;color:var(--sub)}
.v-artd .sp-9236 .prose .tl-ax span:first-child{transform:none}
.v-artd .sp-9236 .prose .tl-r{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:10px}
.v-artd .sp-9236 .prose .tl-r p{font-size:13.5px;font-weight:900;color:var(--dk)}
.v-artd .sp-9236 .prose .tl-r i{display:flex;align-items:center;width:calc(var(--w) * 1%);height:34px;padding:0 12px;box-sizing:border-box;border-radius:6px;background:var(--c3);font-style:normal}
.v-artd .sp-9236 .prose .tl-b i{background:var(--c4)}
.v-artd .sp-9236 .prose .tl-c i{background:linear-gradient(90deg,var(--c3) 62.5%,transparent),repeating-linear-gradient(90deg,var(--c3) 0 8px,transparent 8px 14px);border-radius:6px 0 0 6px}
.v-artd .sp-9236 .prose .tl-r b{font-size:13.5px;font-weight:900;color:#fff;white-space:nowrap}
.v-artd .sp-9236 .prose .tl-f{padding-top:10px;border-top:1.5px dashed var(--line);font-size:13.5px;line-height:1.6;color:var(--ink)}
.v-artd .sp-9236 .prose .ib-no{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.v-artd .sp-9236 .prose .ib-no li{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px 14px 12px 44px;border-radius:12px;background:var(--c2b);font-size:14.5px;font-weight:800;line-height:1.5;color:var(--ink)}
.v-artd .sp-9236 :where(.prose) .ib-no li::before{content:"";position:absolute;left:14px;top:14px;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2.5px var(--c2);background:linear-gradient(45deg,transparent 43%,var(--c2) 43% 57%,transparent 57%)}
.v-artd .sp-9236 .prose .ib-no small{font-size:12px;font-weight:800;color:var(--sub)}

/* 본인부담과 휴가 */
.v-artd .sp-9236 .prose .ib-pv{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 12px}
.v-artd .sp-9236 .prose .pv-c{display:flex;flex-direction:column;gap:10px;padding:22px 20px 18px;border-radius:20px}
.v-artd .sp-9236 .prose .pv-a{background:var(--c1);color:#fff}
.v-artd .sp-9236 .prose .pv-b{background:var(--c4b)}
.v-artd .sp-9236 .prose .pv-k{font-size:15px;font-weight:900}
.v-artd .sp-9236 .prose .pv-b .pv-k{color:var(--c4)}
.v-artd .sp-9236 .prose .pv-v{font-size:22px;font-weight:900}
.v-artd .sp-9236 .prose .pv-v b{font-size:64px;line-height:1}
.v-artd .sp-9236 .prose .pv-d{font-size:14px;line-height:1.6}
.v-artd .sp-9236 .prose .pv-b .pv-d{color:var(--ink)}
.v-artd .sp-9236 .prose .pv-r{margin-top:auto;font-size:12px;font-weight:800;opacity:.8}
.v-artd .sp-9236 .prose .pv-b .pv-r{color:var(--sub);opacity:1}
.v-artd .sp-9236 .prose .pv-cal{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.v-artd .sp-9236 .prose .pv-cal i{display:grid;place-items:center;height:54px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1.5px #d5cdea;font-style:normal;font-size:12px;font-weight:900;color:#fff}
.v-artd .sp-9236 .prose .pv-cal i.on{background:var(--c4);box-shadow:none}
.v-artd .sp-9236 .prose .ib-sup{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}
.v-artd .sp-9236 .prose .ib-sup li{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);font-size:14.5px;line-height:1.6;color:var(--ink)}
.v-artd .sp-9236 .prose .ib-sup b{font-size:15px;font-weight:900;color:var(--c1)}
.v-artd .sp-9236 .prose .ib-sup small{font-size:12px;font-weight:800;color:var(--sub)}

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

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

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

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

@media (max-width:760px){
  .v-artd .sp-9236 .prose h2{font-size:22px}
  .v-artd .sp-9236 :where(.prose) .ib-s{padding-top:48px}
  .v-artd .sp-9236 .prose .ib-cs{grid-template-columns:1fr}
  .v-artd .sp-9236 :where(.prose) .ib-wbox{padding:20px 16px}
  .v-artd .sp-9236 .prose .ib-wbox dl{grid-template-columns:1fr}
  .v-artd .sp-9236 .prose .ib-nx{grid-template-columns:1fr 1fr}
  .v-artd .sp-9236 .prose .ib-dt{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v-artd .sp-9236 .prose .ib-sp{padding:14px}
  .v-artd .sp-9236 .prose .sp-bar{flex-wrap:wrap;width:100%}
  .v-artd .sp-9236 .prose .sp-bar i{flex:1 1 40%;height:48px}
  .v-artd .sp-9236 .prose .ib-two{grid-template-columns:1fr}
  .v-artd .sp-9236 .prose .tw-c dl>div{grid-template-columns:1fr;gap:2px}
  .v-artd .sp-9236 .prose .ib-six{grid-template-columns:1fr 1fr}
  .v-artd .sp-9236 .prose .ib-six li{min-height:0}
  .v-artd .sp-9236 .prose .tl-ax{margin-left:0}
  .v-artd .sp-9236 .prose .tl-r{grid-template-columns:1fr;gap:4px}
  .v-artd .sp-9236 .prose .ib-pv{grid-template-columns:1fr}
}