/* ── 상단바·헤더 ─────────────────────────────────────────────── */
body{padding-top:calc(var(--dn-topbar-ht) + var(--dn-nav-ht))}
.head_wrap{position:fixed;top:var(--dn-topbar-ht);left:0;right:0;width:100%;
  background:#fff;border-bottom:1px solid var(--dn-border);box-shadow:none}
.head_wrap .head{height:var(--dn-nav-ht);max-width:1400px;margin:0 auto;padding:0 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px}
.head .head_menu_wrap{width:auto;flex:1 1 auto;justify-content:flex-start}
.head_menu_wrap .head_menu{margin:0;gap:26px}
.head_menu_wrap .head_menu>li>a{display:block;padding:8px 0;font-size:16px;font-weight:600;white-space:nowrap}
.head_menu_wrap .head_menu .down_menu{position:absolute;left:0;top:100%;min-width:170px;
  background:#fff;border:1px solid var(--dn-border);padding:8px 0;display:none;z-index:120}
.head_menu_wrap .head_menu>li:hover .down_menu,
.head_menu_wrap .head_menu>li:focus-within .down_menu{display:block}
.head_menu_wrap .head_menu .down_menu>li>a{display:block;padding:8px 16px;font-size:14.72px;white-space:nowrap}
.head_logo.dn-nav-logo{flex:0 0 auto}
.head_logo.dn-nav-logo img{width:132px;height:auto}
.dn-nav-right{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.head-cta-btn{display:inline-block;background:var(--dn-dark);color:#fff;
  padding:11px 20px;font-size:14.72px;font-weight:600;white-space:nowrap}
.head-cta-btn:hover{background:var(--dn-btn-hover)}
@media (max-width:760px){
  .head_menu_wrap.dn-nav-left{display:none}
  .head_wrap .head{justify-content:space-between}
  .head_logo.dn-nav-logo img{width:108px}
}

/* ── 이미지·영상·아이콘 «자리» ───────────────────────────────────
   이번 회차는 이미지·영상이 범위 밖이다. 비어 보이지 않게 «자리»임을 남긴다. */
.dn-sub-hero img,.dn-natural-results__image img,.dn-implant-method__img img,
.dn-loc-split__img img,.doctor01 img,.dn-doctor-intro__statue img{background:var(--dn-cream2)}
.dn-implant-panel__video,.dn-geo-content__block iframe,.nyw-hub__cta iframe,
.dn-doctor-intro__text iframe{width:100%;aspect-ratio:16/9;background:var(--dn-cream2);
  border:1px dashed var(--dn-border)}
iframe{width:100%;border:0;background:var(--dn-cream2)}
#locationMap{width:100%;aspect-ratio:16/7;background:var(--dn-cream2);
  border:1px dashed var(--dn-border);display:flex;align-items:center;justify-content:center}
#locationMap::after{content:"지도 자리 — 준비 중";color:var(--dn-sub);font-size:13.12px;letter-spacing:.04em}
/* remixicon 웹폰트는 이번 회차 자산에 없다 — 배치가 무너지지 않게 자리만 잡는다 */
[class^="ri-"],[class*=" ri-"],.quick-icon{display:inline-block;width:1em;height:1em;
  vertical-align:-.12em;border:1px solid currentColor;border-radius:2px;opacity:.55;background:none}

/* ── 본문 폭 ─────────────────────────────────────────────────── */
.cont,.dn-container,.nyw-hub,.dn-geo-block,.dn-geo-content>.cont,.about-hub__section{
  max-width:var(--blog-content-width);margin-left:auto;margin-right:auto;
  padding-left:var(--blog-content-padding-x);padding-right:var(--blog-content-padding-x)}


.dn-loc-split{display:flex;flex-wrap:wrap;align-items:stretch}
.dn-loc-split__img{flex:1 1 50%;width:auto;min-width:0}
.dn-loc-split__body{flex:1 1 50%;width:auto;min-width:0;padding:48px 32px}
.dn-loc-info__val,.dn-loc-split__text{min-width:0;overflow-wrap:anywhere}
.dn-hours-table td{padding:4px 10px 4px 0;vertical-align:top}
.dn-loc-transport-mini{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.dn-loc-transport-mini__card{flex:1 1 150px;min-width:0;border:1px solid var(--dn-border);padding:14px}
.dn-loc-map{max-width:var(--blog-content-width);margin:48px auto 0;padding:0 var(--blog-content-padding-x)}
.dn-loc-map-nav{display:flex;flex-wrap:wrap;gap:10px;max-width:var(--blog-content-width);
  margin:0 auto;padding:20px var(--blog-content-padding-x) 72px}
.dn-loc-map-nav__btn{flex:1 1 160px;text-align:center;border:1px solid var(--dn-border);
  padding:13px 10px;background:var(--dn-cream)}
.dn-loc-map-nav__btn:hover{background:var(--dn-cream2)}
@media (max-width:900px){
  .dn-loc-split,.dn-loc-split--tall{min-height:0}
  .dn-loc-split__img,.dn-loc-split__body{flex:1 1 100%}
  .dn-loc-split__img{aspect-ratio:16/10}
  .dn-loc-split__img img{height:100%}
  .dn-loc-split__body{padding:32px 20px}
}

/* ── 그리드·표가 화면을 밀어내지 않게 ───────────────────────────── */
.dn-implant-methods{min-width:0}
.dn-implant-method,.dn-implant-method__img,.dn-implant-method__img img{min-width:0;max-width:100%}
@media (max-width:520px){ .dn-implant-methods{grid-template-columns:1fr} }
.nyw-hub__table-wrap>div{overflow-x:auto;-webkit-overflow-scrolling:touch}
.nyw-hub__table{min-width:520px}
.dn-insight-slider{overflow-x:visible}


.nyw-hold{color:var(--dn-sub);font-size:.9em}
@media (max-width:768px){ html{font-size:16px} :root{--dn-nav-ht:60px} }
@media (max-width:420px){ html{font-size:15px} }


.dn-geo-card ul li,.dn-geo-content__block ul li,.nyw-hub__subtopics li,
.nyw-hub__table-wrap ul li,.nyw-hub__table-wrap ol li{
  position:relative;padding-left:14px;margin:6px 0}
.dn-geo-card ul li::before,.dn-geo-content__block ul li::before,
.nyw-hub__table-wrap ul li::before,.nyw-hub__subtopics li::before{
  content:"";position:absolute;left:0;top:.72em;width:5px;height:1px;background:var(--dn-sub)}
.nyw-hub__table-wrap ol{counter-reset:n}
.nyw-hub__table-wrap ol li{counter-increment:n;padding-left:22px}
.nyw-hub__table-wrap ol li::before{content:counter(n) ".";position:absolute;left:0;
  color:var(--dn-sub);font-variant-numeric:tabular-nums}

/* 본문 안의 링크 — 붙어 보이지 않게 «칩»으로 띄운다 */
.dn-geo-card a,.dn-geo-content__block p a,.nyw-hub__table-wrap p a,
.dn-loc-info__val a,.dn-natural-results__body a,.dn-sub-hero__intro-inner a{
  display:inline-block;margin:2px 6px 2px 0;padding:2px 10px;
  border:1px solid var(--dn-border);border-radius:999px;font-size:.9em;
  color:var(--dn-dark);background:var(--dn-cream)}
.dn-geo-card a:hover,.dn-geo-content__block p a:hover,.nyw-hub__table-wrap p a:hover{
  background:var(--dn-dark);color:#fff;border-color:var(--dn-dark)}
.en-paren{display:inline-block;margin:3px 6px 3px 0;padding:3px 11px;
  border:1px solid var(--dn-border);border-radius:999px;font-size:.9em;background:var(--dn-cream)}
.nyw-hub__definition p{display:flex;flex-wrap:wrap;align-items:center;gap:2px}
.nyw-hub__definition p>strong{margin-left:4px}

/* 표는 줄이 보여야 읽힌다 */
.nyw-hub__table th,.nyw-hub__table td{border-bottom:1px solid var(--dn-border);
  padding:11px 12px;text-align:left;vertical-align:top;font-size:15.04px}
.nyw-hub__table thead th,.nyw-hub__table tr:first-child th{
  background:var(--dn-cream2);font-weight:700;white-space:nowrap}

/* 오시는 길 — 이미지 칸이 본문 칸 높이를 따라가게 */
@media (min-width:901px){
  .dn-loc-split__img{align-self:stretch;min-height:520px}
  .dn-loc-split__img img,.dn-loc-split__img picture{height:100%;object-fit:cover}
}


@media (max-width:768px){
  .nyw-hub__definition .en-paren{display:inline-block !important}
  .nyw-hub__definition p{display:block}
  .nyw-hub__definition p>strong{display:block;margin:8px 0 0}
}


.nike-hero-mobile{display:none}
@media (max-width:768px){
  .nike-hero-mobile{display:block;position:relative;margin-bottom:24px}
  .nike-hero-mobile img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--dn-cream2)}
}
.dn-doctor-intro{max-width:var(--blog-content-width);margin:0 auto;padding:0 var(--blog-content-padding-x)}
.dn-doctor-intro__text{width:100% !important}
.dn-doctor-intro__body p{margin:8px 0}
.dn-doctor-intro__highlight{margin-top:16px;font-weight:700}
.doctor-media__list li{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;
  padding:12px 0;border-bottom:1px solid var(--dn-border)}
.doctor-media__date{flex:0 0 auto;font-size:13.12px;color:var(--dn-sub);
  border:1px solid var(--dn-border);padding:2px 9px;border-radius:999px}
.doctor-media__source{flex:0 0 auto;font-weight:700;font-size:14.72px}
.doctor-media__list li>a{flex:1 1 220px;min-width:0;color:var(--dn-sub);font-size:15.04px}
.cont_title_wrap{margin:20px 0}
.cont_text_title.text_title_design{font-weight:700;margin-bottom:6px}
.cont_text p{margin:4px 0;color:var(--dn-sub)}
.answer-summary b{display:block;margin:3px 0}

/* 영상 «자리»가 지면을 차지하지 않게 크기를 묶는다 — 실제 영상이 들어오면 풀면 된다 */
.dn-doctor-intro__text iframe{max-width:560px;aspect-ratio:16/9}
.dn-geo-content__block iframe,.nyw-hub__cta iframe{max-width:720px;margin:0 auto}
.dn-doctor-intro__ytlink{display:inline-block;margin-top:10px;padding:6px 14px;
  border:1px solid var(--dn-border);border-radius:999px;font-size:14.4px;color:var(--dn-sub)}


.dn-sub-hero{height:auto !important;min-height:420px !important;max-height:560px;
  position:relative;overflow:hidden;background:var(--dn-dark)}
.dn-sub-hero figure{position:absolute;inset:0;margin:0}
.dn-sub-hero figure picture,.dn-sub-hero figure img{position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;max-height:none}
.dn-sub-hero__overlay{position:absolute;inset:0;z-index:2;
  background:linear-gradient(to bottom,rgba(0,0,0,.48),rgba(0,0,0,.34) 42%,rgba(0,0,0,.72)) !important}
.dn-sub-hero__text{position:relative;z-index:4;width:100%;max-width:var(--blog-content-width);
  margin:0 auto;padding:72px 20px 150px;text-align:left}
.dn-sub-hero figcaption{position:absolute;left:0;right:0;bottom:0;z-index:3;
  color:#fff;font-size:15.2px;line-height:1.7;padding:0 0 28px}
.dn-sub-hero figcaption::before{content:"";display:block;height:1px;background:rgba(255,255,255,.28);
  max-width:var(--blog-content-width);margin:0 auto 18px}
@media (min-width:1121px){ .dn-sub-hero figcaption{padding-left:calc((100% - var(--blog-content-width))/2 + 20px);
  padding-right:calc((100% - var(--blog-content-width))/2 + 20px)} }
@media (max-width:1120px){ .dn-sub-hero figcaption{padding-left:20px;padding-right:20px} }
@media (max-width:768px){
  .dn-sub-hero{min-height:360px !important}
  .dn-sub-hero__text{padding:56px 20px 140px}
  .dn-sub-hero figcaption{font-size:14.08px}
}


.dn-burger{display:none;position:relative}
.dn-burger__btn{list-style:none;display:flex;flex-direction:column;justify-content:center;
  gap:5px;width:44px;height:44px;padding:0 10px;cursor:pointer}
.dn-burger__btn::-webkit-details-marker{display:none}
.dn-burger__btn span{display:block;height:2px;background:var(--dn-dark,#1e1e1e);border-radius:2px}
.dn-burger[open] .dn-burger__btn span:nth-child(2){opacity:.25}
.dn-burger:not([open]) .dn-burger__panel{display:none}
.dn-burger__panel{position:absolute;right:0;top:48px;z-index:9500;min-width:236px;
  background:#fff;border:1px solid var(--dn-border,#e1e1e1);border-radius:6px;
  box-shadow:0 12px 32px rgba(0,0,0,.14);max-height:76vh;overflow-y:auto}
.dn-burger__list{list-style:none;margin:0;padding:0}
.dn-burger__list a{display:block;padding:12px 20px;font-size:15.2px;line-height:1.4;
  text-decoration:none;color:var(--dn-dark,#1e1e1e);border-bottom:1px solid #f0f0f0;min-height:48px}
.dn-burger__list a:hover{background:#f7f7f7}
.dn-burger__cta{display:flex;gap:6px;padding:12px 14px 14px;border-top:1px solid var(--dn-border,#e1e1e1)}
.dn-burger__cta a{flex:1;text-align:center;padding:10px 4px;font-size:12.48px;font-weight:600;
  text-decoration:none;color:#fff;background:var(--dn-dark,#1e1e1e);border-radius:4px;min-height:44px}
@media (max-width:760px){.dn-burger{display:block !important;margin-left:auto}}


.quick_menu_wrap_pc .quick_menu_pc ul {padding:8px 6px !important}

.quick_menu_wrap_pc .quick_menu_pc ul li a {flex-direction:column !important;
  justify-content:center !important;
  gap:3px;
  padding:9px 2px;
  text-decoration:none}

/* 라벨 — 툴팁을 걷어내고 아이콘 밑 상시 표시로 바꾼다 */
.quick_menu_wrap_pc .quick_menu_pc ul li a span,
.quick_menu_wrap_pc .quick_menu_pc ul li:hover span {display:block !important;
  position:static !important;
  right:auto !important;
  width:auto !important;
  max-width:56px;
  background:none !important;
  padding:0 !important;
  border-radius:0 !important;
  color:#fff !important;
  font-size:10.5px !important;
  line-height:1.25;
  letter-spacing:-.02em;
  text-align:center;
  word-break:keep-all;
  opacity:.94;
  order:2}

/* 아이콘 — 외부 폰트·이미지 자산에 기대지 않는 인라인 SVG */
.quick_menu_wrap_pc .quick_menu_pc ul li .quick-icon {width:26px !important;
  height:26px !important;
  border-bottom:none !important;
  background-repeat:no-repeat !important;
  background-position:50% 50% !important;
  background-size:contain !important;
  opacity:1 !important;
  border:0 !important;
  order:1}

.quick_menu_wrap_pc .quick_menu_pc ul li .quick-icon.q-phone {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E") !important}

.quick_menu_wrap_pc .quick_menu_pc ul li .quick-icon.q-map {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important}

.quick_menu_wrap_pc .quick_menu_pc ul li .quick-icon.q-doctor {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important}

/* 항목 사이 구분선은 li 로 옮긴다(아이콘 밑줄이던 것을 라벨 아래로) */
.quick_menu_wrap_pc .quick_menu_pc ul li + li {border-top:1px solid rgba(255,255,255,.28)}

.quick_menu_wrap_pc .quick_menu_pc ul li a:hover span {opacity:1 !important}


.quick_menu_wrap_pc .quick_menu_pc ul li .quick-icon.q-kakao {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-9 8.3 9.7 9.7 0 0 1-2.4-.3L5 21l1.2-3.4A8.2 8.2 0 0 1 3 11.5a8.4 8.4 0 0 1 9-8.3 8.4 8.4 0 0 1 9 8.3z'/%3E%3C/svg%3E") !important;
  background-size:contain !important}


@media (min-width:761px){
  .head.head_after.dn-nav-wrap{grid-template-columns:auto 1fr auto !important;
    column-gap:32px !important}
  .head_logo.dn-nav-logo{order:1 !important;justify-self:start !important}
  .head_menu_wrap.dn-nav-left{order:2 !important;justify-self:start !important;
    justify-content:flex-start !important}
  .dn-nav-right{order:3 !important;justify-self:end !important}
}