.site-header{position: sticky;top: 0;z-index: 50;background: #fff;border-bottom: 1px solid var(--line);}body.admin-bar .site-header{top: 46px;}@media (min-width: 783px){body.admin-bar .site-header{top: 32px;}}.site-header__inner{display: flex;align-items: center;justify-content: space-between;height: 68px;width: min(100% - (var(--gutter) * 2),var(--container));margin-inline: auto;}.site-header__nav{display: flex;}.site-logo{display: flex;align-items: center;gap: 12px;text-decoration: none;min-width: 0;}.site-logo:hover{text-decoration: none;}.site-logo__mark{width: 34px;height: 34px;background: var(--navy-900);color: #fff;border-radius: 5px;display: grid;place-items: center;flex: 0 0 auto;}.site-logo__mark svg{width: 20px;height: 20px;}.site-logo__mark--image{background: transparent;border-radius: 5px;overflow: hidden;}.site-logo__mark--image .site-logo__img{width: 100%;height: 100%;object-fit: contain;display: block;}.site-logo__text{line-height: 1.1;min-width: 0;}.site-logo__ko{display: block;font-weight: 700;font-size: clamp(22px,5.8vw,28px);letter-spacing: -0.04em;color: var(--ink-900);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.site-logo__en{display: none;font-weight: 500;font-size: 11px;letter-spacing: 0.08em;color: var(--ink-500);margin-top: 3px;text-transform: uppercase;}.site-logo--editing .site-logo__en{display: block;}.site-logo--editing .site-logo__mark{width: 52px;height: 52px;}.site-logo--editing .site-logo__mark svg{width: 26px;height: 26px;}.site-logo .sabana-editable--image{max-width: none;margin: 0;}.site-logo .sabana-editable--image img{max-height: none;object-fit: contain;}.site-logo .sabana-image-btn{top: -6px;right: -6px;left: auto;bottom: auto;width: 22px;height: 22px;padding: 0;border-radius: 50%;border: 2px solid #fff;background: #0A2540;box-shadow: 0 2px 6px rgba(15,23,42,.22);font-size: 0;display: grid;place-items: center;line-height: 0;}.site-logo .sabana-image-btn::before{content: '+';font: 700 18px/1 -apple-system,BlinkMacSystemFont,'Pretendard',system-ui,sans-serif;color: #fff;}.site-logo--wordmark .site-logo__mark{width: auto;height: 36px;min-width: 80px;max-width: 200px;background: transparent;border-radius: 0;display: inline-flex;place-items: stretch;}.site-logo--wordmark .site-logo__mark--image .site-logo__img{width: auto;height: 100%;object-fit: contain;}.site-logo--wordmark .site-logo__text{display: none;}.site-logo--wordmark.site-logo--editing .site-logo__text{display: none;}.site-logo--wordmark.site-logo--editing .site-logo__mark{height: 48px;max-width: 260px;}.primary-menu{position: fixed;top: 0;right: 0;z-index: 100;display: flex;flex-direction: column;width: min(85vw,320px);height: 100dvh;background: #fff;border-left: 1px solid var(--line);box-shadow: -8px 0 24px rgba(15,23,42,0.08);transform: translateX(100%);visibility: hidden;transition: transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s;overscroll-behavior: contain;}.primary-menu.is-open{transform: translateX(0);visibility: visible;transition: transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear 0s;}.primary-menu[hidden]{display: none;}body.has-open-drawer{overflow: hidden;}body.has-open-drawer .site-stage__scroll{overflow: hidden;}.primary-menu-backdrop{position: fixed;inset: 0;z-index: 90;background: rgba(15,23,42,0.4);opacity: 0;visibility: hidden;transition: opacity .2s ease,visibility 0s linear .2s;}body.has-open-menu .primary-menu-backdrop{opacity: 1;visibility: visible;transition: opacity .2s ease,visibility 0s linear 0s;}.primary-menu__head{flex: 0 0 auto;display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 12px 12px 12px 16px;border-bottom: 1px solid var(--line);}.primary-menu__brand{display: inline-flex;align-items: center;gap: 10px;min-width: 0;color: var(--ink-900);text-decoration: none;}.primary-menu__brand:hover{text-decoration: none;}.primary-menu__brand-mark{flex: 0 0 auto;width: 26px;height: 26px;display: grid;place-items: center;background: var(--navy-900);color: #fff;border-radius: 5px;overflow: hidden;}.primary-menu__brand-mark .primary-menu__brand-img{width: 100%;height: 100%;object-fit: contain;background: transparent;}.primary-menu__brand-name{font-size: 15px;font-weight: 700;letter-spacing: -0.02em;color: var(--ink-900);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0;}.primary-menu__brand--wordmark{gap: 0;max-width: 78%;}.primary-menu__brand--wordmark .primary-menu__brand-img{display: block;width: auto;height: auto;max-height: 36px;max-width: 100%;background: transparent;object-fit: contain;}.primary-menu__close{flex: 0 0 auto;width: 36px;height: 36px;display: grid;place-items: center;background: transparent;border: 0;border-radius: 6px;color: var(--ink-800);cursor: pointer;}.primary-menu__close:hover{background: var(--bg-2);}.primary-menu__close:focus-visible{outline: 2px solid var(--navy-700);outline-offset: 2px;}.primary-menu__search{flex: 0 0 auto;position: relative;padding: 10px 16px;border-bottom: 1px solid var(--line);}.primary-menu__search-icon{position: absolute;top: 50%;left: 28px;transform: translateY(-50%);display: grid;place-items: center;color: var(--ink-500);pointer-events: none;}.primary-menu__search-input{width: 100%;height: 40px;padding: 0 12px 0 36px;border: 1px solid var(--line);border-radius: var(--r);font-size: 14px;color: var(--ink-900);background: var(--bg-2,#F4F6F9);}.primary-menu__search-input::placeholder{color: var(--ink-500);}.primary-menu__search-input:focus{outline: 2px solid var(--navy-700);outline-offset: -1px;border-color: var(--navy-700);background: #fff;}.primary-menu__nav{flex: 1 1 auto;min-height: 0;display: flex;overflow: hidden;}.primary-menu__list{list-style: none;flex: 1 1 auto;width: 100%;margin: 0;padding: 8px 0;overflow-y: auto;}.primary-menu__list li{list-style: none;}.primary-menu__list a{display: flex;align-items: center;gap: 12px;padding: 13px 20px;font-size: 15px;font-weight: 600;color: var(--ink-800);border-left: 3px solid transparent;}.primary-menu__list a:hover{background: var(--bg-2);text-decoration: none;}.primary-menu__item-icon{flex: 0 0 auto;width: 22px;height: 22px;display: grid;place-items: center;color: var(--ink-500);}.primary-menu__item-label{min-width: 0;}.primary-menu__list .is-current > a,.primary-menu__list .current-menu-item > a,.primary-menu__list .current_page_item > a{color: var(--navy-900);font-weight: 700;background: var(--navy-50,#F0F5FB);border-left-color: var(--navy-900);}.primary-menu__list .is-current > a .primary-menu__item-icon,.primary-menu__list .current-menu-item > a .primary-menu__item-icon{color: var(--navy-900);}.primary-menu__cta{flex: 0 0 auto;display: grid;grid-template-columns: repeat(auto-fit,minmax(0,1fr));gap: 8px;padding: 12px 16px;border-top: 1px solid var(--line);}.primary-menu__cta-btn{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;min-height: 56px;padding: 8px 4px;background: var(--bg-2,#F4F6F9);border: 1px solid var(--line);border-radius: 8px;color: var(--ink-800);font-size: 12px;font-weight: 600;text-decoration: none;}.primary-menu__cta-btn:hover{background: #fff;border-color: var(--navy-700);color: var(--navy-900);text-decoration: none;}.primary-menu__cta-icon{display: grid;place-items: center;width: 24px;height: 24px;color: var(--ink-700);}.primary-menu__cta-icon--text{width: auto;min-width: 28px;height: 18px;padding: 0 6px;border-radius: 4px;background: var(--ink-200,#E2E8F0);color: var(--ink-800);font-size: 10px;font-weight: 800;letter-spacing: 0.04em;}.primary-menu__cta-btn--kakao .primary-menu__cta-icon--text{background: #FEE500;color: #181600;}.primary-menu__cta-btn--book .primary-menu__cta-icon--text{background: #03C75A;color: #fff;}.primary-menu__cta-label{line-height: 1;}.primary-menu__account{flex: 0 0 auto;padding: 12px 20px 18px;border-top: 1px solid var(--line);background: var(--bg-1,#FAFAFB);}.primary-menu__account-name{font-size: 12px;font-weight: 700;color: var(--ink-500);letter-spacing: 0.02em;text-transform: uppercase;padding: 4px 0 8px;}.primary-menu__account-item{display: block;padding: 10px 0;font-size: 14px;font-weight: 600;color: var(--ink-800);}.primary-menu__account-item + .primary-menu__account-item{border-top: 1px solid var(--line);}.primary-menu__account-item:hover{color: var(--navy-900);text-decoration: none;}.primary-menu__account-item--logout{color: var(--ink-600);font-weight: 500;}.notice-strip{background: var(--navy-50);font-size: 12.5px;color: var(--navy-800);border-bottom: 1px solid #DEE5EF;}.notice-strip__inner{display: flex;align-items: center;gap: 8px;width: min(100% - (var(--gutter) * 2),var(--container));margin-inline: auto;padding: 9px 0;flex-wrap: wrap;row-gap: 4px;}.notice-strip__pill{display: inline-flex;align-items: center;gap: 6px;flex-shrink: 0;font-size: 12.5px;font-weight: 700;line-height: 1.2;letter-spacing: -0.01em;color: var(--navy-900);}.notice-strip__pill-dot{width: 5px;height: 5px;border-radius: 50%;background: var(--navy-900);flex-shrink: 0;}.notice-strip__pill--unknown .notice-strip__pill-label,.notice-strip__pill--unknown .notice-strip__pill-dot{display: none;}.notice-strip__text{flex: 1 1 auto;min-width: 0;display: inline-flex;flex-wrap: wrap;align-items: baseline;gap: 0 6px;row-gap: 2px;}.notice-strip__time{font-weight: 700;font-variant-numeric: tabular-nums;color: var(--navy-900);}.notice-strip__sep{color: var(--navy-500);opacity: 0.5;}.notice-strip__hours{font-variant-numeric: tabular-nums;}.notice-strip__hours--lunch{color: var(--navy-700);}.notice-strip__link{margin-left: auto;color: var(--navy-700);font-weight: 600;display: inline-flex;align-items: center;gap: 2px;flex-shrink: 0;white-space: nowrap;}.notice-strip__link-label--full{display: none;}.notice-strip__link-label--short{display: inline;}.site-main{display: block;}.sec{padding: 26px 0 6px;border-bottom: 1px solid var(--line-2);}.sec--tonal{background: var(--bg-2);}.sec__inner,.site-container{width: min(100% - (var(--gutter) * 2),var(--container-lg));margin-inline: auto;}.content-narrow{width: min(100% - 32px,760px);margin-inline: auto;}.content-medium{width: min(100% - 32px,1100px);margin-inline: auto;}.content-wide{width: min(100% - 32px,var(--container-lg));margin-inline: auto;}.content-medium--actions{padding: 18px 16px 32px;text-align: center;}.sec__head{display: flex;align-items: flex-end;justify-content: space-between;gap: 12px;margin-bottom: 14px;}.sec__head-text{min-width: 0;}.sec__head-eng{margin: 0 0 4px;font-size: 11px;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--navy-700);}.sec__title{font-size: 17px;font-weight: 700;letter-spacing: -0.025em;color: var(--ink-900);margin: 0;}.sec__head-lede{margin: 6px 0 0;font-size: 13px;line-height: 1.55;color: var(--ink-700,#475569);}.sec__head--stacked .sec__title{font-size: 20px;}@media (min-width: 768px){.sec__head--stacked .sec__title{font-size: 24px;}.sec__head-eng{font-size: 12px;}.sec__head-lede{font-size: 14px;}}.sec__link{flex-shrink: 0;font-size: 12px;font-weight: 600;color: var(--navy-700);display: inline-flex;align-items: center;gap: 2px;}.hero{position: relative;background: var(--navy-900);overflow: hidden;aspect-ratio: 4 / 5;max-width: 600px;margin-inline: auto;}.hero__img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}.hero[data-orient="landscape"] .hero__img{object-fit: contain;}.hero__blur-bg{position: absolute;inset: 0;z-index: 0;background-position: center center;background-size: cover;background-repeat: no-repeat;filter: blur(28px) saturate(1.1);transform: scale(1.15);pointer-events: none;}.hero__img--placeholder{background: #15355E;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;}.hero__img-icon{display: inline-flex;color: rgba(255,255,255,0.22);}.hero__img-msg{font-size: 13px;font-weight: 600;color: rgba(255,255,255,0.55);letter-spacing: -0.01em;}.hero--editable-bg .sabana-image-btn{position: absolute;top: 14px;right: 14px;z-index: 5;}.hero__scrim{position: absolute;inset: 0;z-index: 2;background: var(--hero-scrim,rgba(10,37,64,0.28));}.hero--has-placeholder .hero__scrim{background: transparent;}.hero__content{position: relative;z-index: 3;width: min(100% - (var(--gutter) * 2),var(--container));margin-inline: auto;padding: clamp(112px,18vh,144px) 0 clamp(44px,8vh,64px);color: #fff;display: flex;flex-direction: column;text-shadow: 0 1px 12px rgba(10,37,64,0.55),0 1px 2px rgba(10,37,64,0.45);}.hero__eyebrow{align-self: flex-start;padding: 4px 9px;background: rgba(255,255,255,0.12);border: 1px solid rgba(255,255,255,0.18);border-radius: 3px;font-size: 11px;font-weight: 600;letter-spacing: 0.02em;color: rgba(255,255,255,0.9);margin-bottom: 12px;}.hero__title{font-size: clamp(22px,5.4vw,28px);font-weight: 700;letter-spacing: -0.03em;line-height: 1.28;margin-bottom: 10px;text-wrap: balance;}.hero__title p{margin: 0;}.hero__sub{font-size: 14px;line-height: 1.6;color: rgba(255,255,255,0.82);text-wrap: pretty;}.hero__alt-edit{display: none;}.hero--editable-bg .hero__alt-edit{display: flex;align-items: center;gap: 8px;margin-top: 12px;padding: 6px 10px;background: rgba(0,0,0,0.45);border-radius: 6px;font-size: 12px;line-height: 1.4;}.hero__alt-edit-label{color: rgba(255,255,255,0.7);flex-shrink: 0;}.hero__alt-edit-value{flex: 1;min-width: 0;min-height: 1.4em;color: #fff;word-break: break-word;}.hero__alt-edit-value:empty::before{content: "장식 이미지면 비워두세요";color: rgba(255,255,255,0.45);}.site-footer{background: var(--navy-900);color: rgba(255,255,255,0.78);font-size: 13px;line-height: 1.6;padding-bottom: var(--safe-bot);}
/* [feat @yuri 2026-07-08] single detail bottom gap so content does not touch footer (body.single only). */
body.single .site-main{padding-bottom: 56px;}.site-footer__inner{width: min(100% - (var(--gutter) * 2),var(--container));margin-inline: auto;padding: 22px 0 18px;}.site-footer__lede{color: #fff;font-size: 13px;line-height: 1.5;letter-spacing: -0.01em;margin: 0 0 4px;text-wrap: pretty;}.site-footer__brand{display: block;margin-bottom: 2px;color: #fff;font-weight: 700;font-size: 15px;letter-spacing: -0.02em;}.site-footer__sep{display: inline-block;margin: 0 4px;color: rgba(255,255,255,0.35);}.site-footer__brand + .site-footer__sep{display: none;}.site-footer__address{font-style: normal;color: rgba(255,255,255,0.78);font-size: 12.5px;margin: 0 0 14px;}.site-footer__paren{margin-left: 4px;}.site-footer__sns{display: flex;flex-wrap: wrap;gap: 6px 8px;margin: 0 0 14px;}.site-footer__sns-link{display: inline-block;padding: 5px 10px;font-size: 12px;color: rgba(255,255,255,0.85);background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.15);border-radius: 4px;text-decoration: none;transition: background-color 0.15s,color 0.15s;}.site-footer__sns-link:hover,.site-footer__sns-link:focus-visible{color: #fff;background: rgba(255,255,255,0.16);text-decoration: none;}.site-footer__grid{display: grid;grid-template-columns: 1fr 1fr;gap: 14px 16px;padding: 14px 0 2px;border-top: 1px solid rgba(255,255,255,0.10);}.site-footer__col--policy{grid-column: 1 / -1;}.site-footer__col{min-width: 0;}.site-footer__h{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}.site-footer__h--inline{position: static;width: auto;height: auto;margin: 0 0 10px;overflow: visible;clip: auto;white-space: normal;display: inline-block;color: rgba(255,255,255,0.8);font-size: 11px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;}.site-footer__dl{display: flex;flex-direction: column;gap: 6px;margin: 0;}.site-footer__dl > div{display: block;line-height: 1.4;}.site-footer__dl dt{color: rgba(255,255,255,0.8);font-size: 11px;letter-spacing: 0.01em;margin: 0 0 1px;}.site-footer__dl dd{color: #fff;margin: 0;font-size: 12.5px;word-break: keep-all;overflow-wrap: anywhere;}.site-footer__dl a{color: #fff;text-decoration: none;border-bottom: 1px solid rgba(255,255,255,0.18);padding-bottom: 1px;}.site-footer__dl a:hover,.site-footer__dl a:focus-visible{border-bottom-color: #fff;}.site-footer__policy{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 4px 14px;}.site-footer__policy li{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;}.site-footer__policy-link{color: #fff;text-decoration: none;font-size: 12.5px;min-height: 22px;display: inline-flex;align-items: center;}.site-footer__policy-link:hover,.site-footer__policy-link:focus-visible{text-decoration: underline;text-underline-offset: 3px;}.site-footer__policy-link.is-strong{font-weight: 600;}.site-footer__policy-note{color: rgba(255,255,255,0.8);font-size: 11px;padding: 2px 6px;border: 1px solid rgba(255,255,255,0.18);border-radius: 3px;letter-spacing: -0.005em;}.site-footer__channels{margin: 14px 0 0;padding: 12px 0 2px;border-top: 1px solid rgba(255,255,255,0.10);}.site-footer__widoks{margin: 14px 0 0;padding: 12px 0 2px;border-top: 1px solid rgba(255,255,255,0.10);}.site-footer__widoks-link{display: inline-flex;align-items: center;gap: 8px;color: rgba(255,255,255,0.82);text-decoration: none;font-size: 13px;padding: 4px 12px 4px 4px;border-radius: 999px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.10);transition: color .15s,background .15s,border-color .15s;}.site-footer__widoks-link:hover,.site-footer__widoks-link:focus-visible{color: #fff;background: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.22);}/* [design @yuri 2026-07-20] 마크 = 위닥스 공식 심볼 SVG(로고 자체가 배경/라운드를 가짐) → 원형 배경·테두리 제거. 텍스트 값은 SVG 미출력 시 폴백용으로만 유지. */
.site-footer__widoks-mark{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 22px;height: 22px;color: #fff;font-weight: 700;font-size: 12px;line-height: 1;letter-spacing: 0;}
.site-footer__widoks-mark .widoks-symbol,.site-footer__widoks-finder-mark .widoks-symbol{display: block;width: 100%;height: 100%;border-radius: 50%;overflow: hidden;box-shadow: 0 0 0 1px rgba(255,255,255,0.16);}
/* [design @yuri 2026-07-20] 뱃지/메디어디 두 줄의 마크·텍스트 크기 통일(22px / 13px). 이전 2차 위계(20px·12.5px·opacity)는 같은 로고를 쓰니 크기 차이가 오류처럼 보여 폐기. */.site-footer__widoks-text{letter-spacing: -0.005em;}
/* [feat @yuri 2026-07-15] 위닥스 메디어디 백링크 — 회원사 뱃지와 통일한 pill 링크(뱃지 바로 아래, 마크는 아웃라인 W 로 2차 위계). 그라데이션 금지 규칙 준수. [design @yuri 2026-07-16 뱃지 톤 매칭] */
.site-footer__widoks-finder{display: inline-flex;align-items: center;gap: 8px;width: fit-content;margin: 8px 0 0;color: rgba(255,255,255,0.82);font-size: 13px;line-height: 1.4;text-decoration: none;padding: 4px 12px 4px 4px;border-radius: 999px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.10);transition: color .15s,background .15s,border-color .15s;}.site-footer__widoks-finder-mark{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 22px;height: 22px;background: transparent;color: #93C5FD;font-weight: 700;font-size: 12px;line-height: 1;}.site-footer__widoks-finder-text{letter-spacing: -0.005em;}
.site-footer__widoks-finder:hover,.site-footer__widoks-finder:focus-visible{color: #fff;background: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.22);}.site-footer__sns{display: flex;flex-wrap: wrap;gap: 8px 8px;list-style: none;padding: 0;margin: 0;}.site-footer__sns li{margin: 0;}.site-footer__sns--widocs span,.site-footer__sns--widocs a{display: inline-flex;align-items: center;min-height: 32px;padding: 4px 12px;color: rgba(255,255,255,0.88);font-size: 12.5px;text-decoration: none;border: 1px solid rgba(255,255,255,0.18);border-radius: 999px;transition: border-color .15s ease,background-color .15s ease;}.site-footer__sns--widocs a:hover,.site-footer__sns--widocs a:focus-visible{color: #fff;border-color: rgba(255,255,255,0.55);background: rgba(255,255,255,0.04);}.site-footer__sns--widocs a{color: #fff;border-color: rgba(255,255,255,0.35);}.site-footer__sns-edit{margin-top: 10px;}.site-footer__sns--icons{gap: 0;margin-left: 0;width: 100%;}.site-footer__sns--icons li{flex: 1 1 0;min-width: 0;display: flex;justify-content: center;}.site-footer__sns--icons a{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;padding: 0;color: rgba(255,255,255,0.72);background: transparent;border: 0;border-radius: 8px;text-decoration: none;transition: color .15s ease,transform .15s ease,background-color .15s ease;}.site-footer__sns--icons a:hover{transform: translateY(-1px);background: rgba(255,255,255,0.04);}.site-footer__sns--icons a:focus-visible{outline: 2px solid rgba(255,255,255,0.6);outline-offset: 2px;background: rgba(255,255,255,0.04);}.site-footer__sns--icons svg{width: 18px;height: 18px;display: block;}.site-footer__sns--icons a[data-channel="naver"]:hover,.site-footer__sns--icons a[data-channel="naver_place"]:hover,.site-footer__sns--icons a[data-channel="naver_blog"]:hover{color: #03c75a;}.site-footer__sns--icons a[data-channel="instagram"]:hover{color: #ff6699;}.site-footer__sns--icons a[data-channel="youtube"]:hover{color: #ff4040;}.site-footer__sns--icons a[data-channel="kakao"]:hover{color: #fee500;}.site-footer__sns--icons a[data-channel="facebook"]:hover{color: #4f8ff5;}.site-footer__sns--icons a[data-channel="x"]:hover,.site-footer__sns--icons a[data-channel="tiktok"]:hover,.site-footer__sns--icons a[data-channel="threads"]:hover,.site-footer__sns--icons a[data-channel="link"]:hover{color: #fff;}.site-footer__disclaimer{margin: 12px 0 0;padding: 10px 12px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.10);border-radius: 6px;color: rgba(255,255,255,0.78);font-size: 11.5px;line-height: 1.55;}.site-footer__disclaimer-label{display: inline-block;color: rgba(255,255,255,0.8);font-size: 10.5px;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;margin-right: 6px;}.site-footer__disclaimer-body{color: rgba(255,255,255,0.88);}.site-footer__nav{margin-top: 12px;}.site-footer__nav-list{display: flex;flex-wrap: wrap;gap: 4px 12px;padding: 10px 0;margin: 0;list-style: none;border-top: 1px solid rgba(255,255,255,0.10);}.site-footer__nav-list li a{font-size: 11.5px;color: rgba(255,255,255,0.82);text-decoration: none;}.site-footer__nav-list li a:hover,.site-footer__nav-list li a:focus-visible{color: #fff;text-decoration: underline;}.site-footer__copyright{color: rgba(255,255,255,0.8);font-size: 11px;padding-top: 10px;margin: 10px 0 0;border-top: 1px solid rgba(255,255,255,0.10);letter-spacing: -0.005em;}.site-footer__credit{color: rgba(255,255,255,0.8);font-size: 11px;margin: 4px 0 0;letter-spacing: -0.005em;}.site-footer__credit a{color: inherit;text-decoration: none;border-bottom: 1px dotted currentColor;}.site-footer__credit a:hover,.site-footer__credit a:focus-visible{color: rgba(255,255,255,0.75);}.side-cta{position: fixed;left: 0;right: 0;bottom: 0;z-index: 60;pointer-events: none;}.side-cta__pill,.side-cta__toggle,.side-cta__top{pointer-events: auto;}.side-cta__pill{background: var(--navy-900);padding: 7px 6px calc(7px + var(--safe-bot));box-shadow: 0 -6px 20px rgba(15,23,42,0.14);}.side-cta.is-collapsed .side-cta__pill{display: none;}.side-cta__toggle{position: absolute;left: 50%;bottom: 100%;transform: translateX(-50%);width: 56px;height: 24px;display: inline-flex;align-items: center;justify-content: center;background: var(--navy-900);border: none;border-radius: 14px 14px 0 0;color: #fff;cursor: pointer;padding: 0;box-shadow: 0 -2px 8px rgba(15,23,42,0.12);}.side-cta__toggle:focus-visible{outline: 2px solid #fff;outline-offset: -3px;}.side-cta__toggle-icon{transition: transform .18s ease;}.side-cta.is-collapsed .side-cta__toggle-icon{transform: rotate(180deg);}.side-cta.is-collapsed .side-cta__toggle{bottom: calc(10px + var(--safe-bot));border-radius: 999px;height: 28px;width: 60px;box-shadow: 0 4px 12px rgba(15,23,42,0.20);}.side-cta__list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: row;align-items: center;justify-content: space-around;gap: 4px;}.side-cta__item{flex: 1 1 0;min-width: 0;display: flex;justify-content: center;}.side-cta__link{display: flex;flex-direction: column;align-items: center;gap: 3px;padding: 2px 2px;text-decoration: none;color: #fff;font-size: 11px;font-weight: 500;line-height: 1.15;letter-spacing: -0.02em;border-radius: 8px;transition: background-color .15s ease;}.side-cta__link:hover{background: rgba(255,255,255,0.08);}.side-cta__link:focus-visible{outline: 2px solid #fff;outline-offset: 2px;}.side-cta__icon{flex-shrink: 0;width: 32px;height: 32px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;font-weight: 700;letter-spacing: -0.02em;color: var(--navy-900);background: #fff;}.side-cta__icon--kakao{background: #fee500;color: #191919;font-size: 9px;}.side-cta__icon--blog{background: #03c75a;color: #fff;font-size: 9px;}.side-cta__icon--book{background: #03c75a;color: #fff;font-size: 14px;font-weight: 800;border-radius: 8px;}.side-cta__icon--phone{background: #fff;color: var(--navy-900);}.side-cta__icon--talk{background: #03c75a;color: #fff;font-size: 8px;font-weight: 800;}.side-cta__icon--instagram{background: #e4405f;color: #fff;}.side-cta__icon--youtube{background: #ff0000;color: #fff;}.side-cta__icon--kakao_channel{background: #fee500;color: #191919;}.side-cta__icon--email{background: #fff;color: var(--navy-900);}.side-cta__icon svg{width: 16px;height: 16px;}.side-cta__label{word-break: keep-all;text-align: center;}.side-cta__top{position: absolute;right: 16px;bottom: calc(100% + 12px);width: 44px;height: 44px;display: inline-flex;align-items: center;justify-content: center;background: var(--navy-900);color: #fff;border: 1px solid rgba(255,255,255,0.10);border-radius: 50%;box-shadow: 0 6px 16px rgba(15,23,42,0.22);cursor: pointer;opacity: 0;transform: translateY(6px);pointer-events: none;transition: opacity .18s ease,transform .18s ease;}.side-cta__top.is-visible{opacity: 1;transform: translateY(0);pointer-events: auto;}.side-cta__top:focus-visible{outline: 2px solid #fff;outline-offset: 2px;}.side-cta.is-collapsed .side-cta__top{bottom: calc(50px + var(--safe-bot));}body.has-bottom-cta{padding-bottom: calc(64px + var(--safe-bot));}body.has-bottom-cta.side-cta-collapsed{padding-bottom: calc(38px + var(--safe-bot));}.breadcrumb{width: min(100% - (var(--gutter) * 2),var(--container-md));margin-inline: auto;padding: 12px 0;display: flex;align-items: center;gap: 4px;font-size: 12px;color: var(--ink-500);border-bottom: 1px solid var(--line-2);}.breadcrumb a{color: var(--ink-500);}.breadcrumb__here{color: var(--ink-800);font-weight: 600;}.page-head{width: min(100% - (var(--gutter) * 2),var(--container-md));margin-inline: auto;padding: 28px 0 26px;border-bottom: 1px solid var(--line);min-width: 0;}.page-head__title,.page-head__lede{word-break: keep-all;overflow-wrap: anywhere;}.page-head__eyebrow{display: inline-block;padding: 3px 8px;border: 1px solid var(--navy-100);background: var(--navy-50);border-radius: 3px;font-size: 11px;font-weight: 600;color: var(--navy-700);letter-spacing: -0.01em;margin-bottom: 12px;}.page-head__title{font-size: 26px;font-weight: 800;letter-spacing: -0.03em;line-height: 1.25;color: var(--ink-900,var(--ink-800));}.page-head__title-en{display: block;margin-top: 4px;font-size: 14px;font-weight: 500;color: var(--ink-500);letter-spacing: 0;}.page-head__title-en:empty{min-width: 0;}.page-head__lede{font-size: 15px;color: var(--ink-800);line-height: 1.6;margin-top: 12px;max-width: 60ch;}.page-head__meta{font-size: 12px;color: var(--ink-500);margin-top: 10px;display: flex;gap: 12px;}.page-head--treatment .page-head__title-row{display: flex;align-items: center;gap: 14px;margin-bottom: 6px;}.page-head--treatment .page-head__icon-wrap{position: relative;flex: 0 0 auto;display: inline-flex;}.page-head--treatment .page-head__icon{display: inline-flex;align-items: center;justify-content: center;width: 56px;height: 56px;color: var(--ink-800);}.page-head--treatment .page-head__title{margin: 0;}.article,.page-body{width: min(100% - (var(--gutter) * 2),var(--container-md));margin-inline: auto;padding: 24px 0 32px;font-size: 16px;color: var(--ink-800);line-height: 1.75;}.article h2,.page-body h2{font-size: 18px;font-weight: 700;margin: 28px 0 12px;}.article p,.page-body p{margin-bottom: 14px;}.article a,.page-body a{color: var(--navy-700);text-decoration: underline;text-underline-offset: 2px;}.article,.page-body{min-width: 0;}.article p,.article li,.article dt,.article dd,.article blockquote,.article h1,.article h2,.article h3,.article h4,.article h5,.article h6,.page-body p,.page-body li,.page-body dt,.page-body dd,.page-body blockquote,.page-body h1,.page-body h2,.page-body h3,.page-body h4,.page-body h5,.page-body h6{word-break: keep-all;overflow-wrap: anywhere;}.article img,.article video,.article iframe,.article embed,.article object,.page-body img,.page-body video,.page-body iframe,.page-body embed,.page-body object{max-width: 100%;height: auto;display: block;}.article table,.page-body table{display: block;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}.article pre,.page-body pre{max-width: 100%;overflow-x: auto;white-space: pre-wrap;word-break: break-word;}.article code,.page-body code{overflow-wrap: anywhere;word-break: break-word;}.post-thumb,.page-thumb{width: min(100% - (var(--gutter) * 2),var(--container-md));margin-inline: auto;}.post-thumb img,.page-thumb img{width: 100%;height: auto;display: block;border-radius: var(--r-sm,4px);}.post-thumb__placeholder{display: block;width: 100%;aspect-ratio: 16 / 9;background: var(--placeholder-bg,#F0F4FA);border-radius: 4px;}.single-doctor .post-thumb__placeholder{aspect-ratio: 1 / 1;}.single-doctor .post-thumb{max-width: 280px;margin: 16px auto 24px;padding: 0;}.single-doctor .post-thumb img{object-fit: cover;border-radius: 6px;}.sabana-img{display: block;margin: 16px auto;height: auto;border-radius: 4px;}.sabana-img-small{width: 50%;max-width: 100%;}.sabana-img-medium{width: 75%;max-width: 100%;}.sabana-img-large{width: 100%;max-width: 100%;}.post-nav{width: min(100% - (var(--gutter) * 2),var(--container-md));margin-inline: auto;padding: 16px 0;display: flex;justify-content: space-between;gap: 12px;border-top: 1px solid var(--line);font-size: 13px;}.post-nav a{color: var(--navy-700);font-weight: 600;}.pagination,.nav-links{display: flex;flex-wrap: wrap;gap: 6px;padding: 16px 0;justify-content: center;}.page-numbers{min-width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;padding: 0 10px;border: 1px solid var(--line);border-radius: var(--r-sm);font-size: 13px;font-weight: 600;color: var(--ink-700);}.page-numbers.current{background: var(--navy-900);color: #fff;border-color: var(--navy-900);}body.is-builder-preview #wpadminbar,body.is-builder-preview .sabana-editor-fab,body.is-builder-preview .side-cta__top,body.is-builder-preview .sabana-popup-modal,body.is-builder-preview .sabana-popup-add-fab{display: none !important;}body.is-builder-preview .site-header,body.is-builder-preview.admin-bar .site-header{top: 0 !important;}html.is-builder-preview-html,body.is-builder-preview{margin-top: 0 !important;padding-top: 0 !important;}html.is-builder-preview-html,body.is-builder-preview{scrollbar-width: none;-ms-overflow-style: none;}html.is-builder-preview-html::-webkit-scrollbar,body.is-builder-preview::-webkit-scrollbar{width: 0;height: 0;display: none;}body.is-popup-preview #wpadminbar,body.is-popup-preview #sabana-editor-toolbar,body.is-popup-preview .sabana-editor-toolbar,body.is-popup-preview .sabana-editor-fab,body.is-popup-preview .sabana-popup-add-fab,body.is-popup-preview .side-cta,body.is-popup-preview .site-header,body.is-popup-preview .notice-strip,body.is-popup-preview .site-main,body.is-popup-preview main,body.is-popup-preview .site-footer,body.is-popup-preview footer.site-footer,body.is-popup-preview footer[role="contentinfo"]{display: none !important;}body.is-popup-preview{margin: 0 !important;padding: 0 !important;background: #F1F5F9 !important;min-height: 100vh;}body.is-popup-preview .sabana-popup-modal{position: fixed;}.desktop-side-panel{display: none;}@media (min-width: 1024px){body:not(.is-dashboard):not(.is-builder-preview){width: 100%;max-width: none;margin-left: 0;margin-right: 0;transform: none;box-shadow: none;overflow: visible;}.site-stage{display: block;width: 100%;max-width: none;height: auto;overflow: visible;background: var(--bg);}body.is-builder-preview .site-stage{width: var(--mobile-frame,390px);max-width: 100%;margin-inline: auto;height: 100%;overflow: hidden;background: #fff;transform: translateZ(0);box-shadow: 0 0 24px rgba(15,23,42,0.06);}
/* [fix @yuri 2026-07-20] 운영자 프론트 = 실제 PC 레이아웃.
   기존엔 has-operator-panels 에도 390px 모바일 프레임을 씌웠는데, CSS 미디어쿼리는 상자 폭이
   아니라 실뷰포트(≥1024) 기준으로 평가되므로 PC 3열 그리드가 390px 안에 눌려 "깨진 화면"이
   됐다(우측 라이브 iframe 은 진짜 390 뷰포트라 정상 → 같은 페이지가 두 번, 하나는 깨진 채).
   좌·우 패널이 차지하는 폭만 margin 으로 비우고 본문은 그 사이를 풀폭으로 채운다.
   transform:translateZ(0) 는 유지 — fixed 자식(drawer/side-cta/popup)이 패널 위로 삐져나가지
   않도록 stage 를 containing block 으로 계속 쓴다. */
body.has-operator-panels{--op-left: clamp(260px,20vw,340px);--op-right: 0px;}
/* [fix @yuri 2026-07-20] 높이 사슬 — 이게 없으면 .site-stage 의 height:100% 가 auto 로 접혀
   내부 스크롤러가 죽고(overscroll-behavior:contain 만 남아 휠이 문서로 체이닝 못 함 = 스크롤 불가)
   stage 안 position:fixed 자식이 문서 전체 높이로 늘어난다. ≥1024(패널 노출 폭)에서만 고정. */
html.has-operator-panels-html:not(.is-builder-preview-html){height: 100%;overflow: hidden;}
html.has-operator-panels-html > body.has-operator-panels{height: 100%;overflow: hidden;}
body.has-operator-panels .site-stage{width: auto;max-width: none;margin-left: var(--op-left);margin-right: var(--op-right);height: 100%;overflow: hidden;background: #fff;transform: translateZ(0);box-shadow: 0 0 24px rgba(15,23,42,0.06);}.site-stage__scroll{display: block;height: auto;overflow: visible;}body.is-builder-preview .site-stage__scroll,body.has-operator-panels .site-stage__scroll{height: 100%;overflow-y: auto;overflow-x: hidden;overscroll-behavior: contain;scrollbar-gutter: auto;scrollbar-width: thin;scrollbar-color: transparent transparent;transition: scrollbar-color .4s ease-out;}body.is-builder-preview .site-stage__scroll::-webkit-scrollbar,body.has-operator-panels .site-stage__scroll::-webkit-scrollbar{width: 6px;}body.is-builder-preview .site-stage__scroll::-webkit-scrollbar-track,body.has-operator-panels .site-stage__scroll::-webkit-scrollbar-track{background: transparent;}body.is-builder-preview .site-stage__scroll::-webkit-scrollbar-thumb,body.has-operator-panels .site-stage__scroll::-webkit-scrollbar-thumb{background: transparent;border-radius: 999px;transition: background .4s ease-out;}body.is-builder-preview .site-stage__scroll.is-scrolling,body.has-operator-panels .site-stage__scroll.is-scrolling{scrollbar-color: rgba(148,163,184,0.85) transparent;}body.is-builder-preview .site-stage__scroll.is-scrolling::-webkit-scrollbar-thumb,body.has-operator-panels .site-stage__scroll.is-scrolling::-webkit-scrollbar-thumb{background: rgba(148,163,184,0.65);}body:not(.logged-in).has-operator-panels .site-stage__scroll,body:not(.logged-in).has-operator-panels .site-stage__scroll.is-scrolling{scrollbar-width: none;-ms-overflow-style: none;scrollbar-color: transparent transparent;}body:not(.logged-in).has-operator-panels .site-stage__scroll::-webkit-scrollbar,body:not(.logged-in).has-operator-panels .site-stage__scroll.is-scrolling::-webkit-scrollbar{width: 0;height: 0;display: none;}body:not(.logged-in).has-operator-panels .site-stage__scroll::-webkit-scrollbar-thumb,body:not(.logged-in).has-operator-panels .site-stage__scroll.is-scrolling::-webkit-scrollbar-thumb{background: transparent;}body.has-bottom-cta{padding-bottom: 0;}/* [fix @yuri 2026-07-20] 운영자는 이제 PC 우측 세로 CTA 레일을 쓰므로 하단 바 여백 불필요. */
body.is-builder-preview.has-bottom-cta .site-stage__scroll{padding-bottom: calc(64px + var(--safe-bot));}body.is-builder-preview.has-bottom-cta.side-cta-collapsed .site-stage__scroll{padding-bottom: calc(38px + var(--safe-bot));}.desktop-side-panel{display: flex;flex-direction: column;gap: 0;position: fixed;overflow: hidden;overscroll-behavior: contain;z-index: 5;color: #E2E8F0;}.desktop-side-panel--left{top: 0;left: 0;bottom: 0;width: var(--op-left,300px);padding: 0;background: #0F172A;border: 0;border-radius: 0 12px 12px 0;box-shadow:1px 0 2px rgba(15,23,42,0.04),12px 0 28px -8px rgba(15,23,42,0.18);}.desktop-side-panel--right{top: 0;bottom: 0;right: 0;padding: 28px 24px;gap: 18px;}.desktop-side-panel::-webkit-scrollbar{width: 4px;}.desktop-side-panel::-webkit-scrollbar-thumb{background: #334155;border-radius: 999px;}}@media (min-width: 1024px) and (max-width: 1199.98px){.desktop-side-panel--left{width: 260px;}.desktop-side-panel--right{width: 260px;padding: 24px 18px;}.op-side__h{font-size: 15px;padding: 11px 12px 5px;}.op-side__group a{font-size: 13.5px;padding: 8px 12px;}}@media (max-width: 1279.98px){.desktop-side-panel--right.sabana-live-frame{display: none;}}@media (min-width: 1280px){
/* [fix @yuri 2026-07-20] 라이브 패널이 뜨는 폭에서만 본문 우측 여백 확보(패널폭 + right:16 + 간격 16).
   좁은 PC 에서 본문이 과도하게 눌리지 않도록 패널 자체도 24vw 로 유연화. */
body.has-operator-panels{--op-right: calc(clamp(320px,24vw,440px) + 32px);}
.desktop-side-panel--right.sabana-live-frame{top: 16px;right: 16px;bottom: 16px;width: clamp(320px,24vw,440px);padding: 0;gap: 0;background: #0F172A;border: 0;border-radius: 12px;overflow: hidden;box-shadow:0 1px 2px rgba(15,23,42,0.04),0 12px 28px -8px rgba(15,23,42,0.18);}.sabana-live-frame__head{position: relative;z-index: 5;display: flex;align-items: center;gap: 10px;padding: 10px 14px;background: transparent;border: 0;border-radius: 0;flex: 0 0 auto;}.sabana-live-frame__title{font-size: 13px;font-weight: 700;color: #E2E8F0;letter-spacing: -0.01em;}.sabana-live-frame__device-label{display: inline-flex;align-items: center;min-height: 22px;padding: 0 8px;font-size: 11px;font-weight: 600;color: #94A3B8;background: #1E293B;border: 0;border-radius: 4px;line-height: 1;letter-spacing: 0.02em;font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}.sabana-live-frame__open{font-size: 12px;font-weight: 600;color: #94A3B8;text-decoration: none;transition: color 0.15s ease;}.sabana-live-frame__open:hover{color: #fff;text-decoration: underline;}.sabana-live-frame__device-toggle{width: 26px;height: 26px;border-radius: 999px;border: 0;background: #1E293B;color: #94A3B8;display: inline-flex;align-items: center;justify-content: center;padding: 0;cursor: pointer;transition: background 0.15s ease,color 0.15s ease;}.sabana-live-frame__device-toggle:hover,.sabana-live-frame__device-toggle:focus-visible{background: #334155;color: #fff;outline: 0;}.sabana-live-frame__device-toggle[aria-pressed="true"]{background: #38BDF8;color: #0F172A;}.sabana-live-frame__device-toggle[aria-pressed="true"]:hover,.sabana-live-frame__device-toggle[aria-pressed="true"]:focus-visible{background: #7DD3FC;color: #0F172A;}.sabana-live-frame__device-toggle svg{display: block;}.desktop-side-panel--right.sabana-live-frame[data-sabana-live-mode="device"] .sabana-live-frame__frame-wrap{flex-direction: column;justify-content: center;align-items: center;padding: 12px 12px 8px;gap: 10px;}.sabana-live-frame__device-caption{margin: 0;padding: 5px 12px;font-size: 12.5px;font-weight: 700;color: #F1F5F9;background: #1E293B;border-radius: 999px;letter-spacing: 0.02em;text-align: center;font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;flex: 0 0 auto;}.sabana-live-frame__device-caption[hidden]{display: none;}.sabana-live-frame__frame-wrap{flex: 1 1 auto;min-height: 0;background: #0F172A;border: 0;border-radius: 0;overflow: hidden;display: flex;justify-content: center;align-items: flex-start;padding: 12px 0;}.sabana-live-frame__frame-inner{background: #fff;width: 390px;transform-origin: top center;transition: transform 0.18s ease-out;border-radius: 6px;box-shadow: 0 1px 3px rgba(0,0,0,0.32);overflow: hidden;}.sabana-live-frame__frame{width: 100%;height: 100%;border: 0;display: block;}.sabana-live-frame__help{position: relative;margin-left: auto;display: inline-flex;align-items: center;}.sabana-live-frame__help-btn{width: 26px;height: 26px;border-radius: 999px;border: 0;background: #1E293B;color: #94A3B8;display: inline-flex;align-items: center;justify-content: center;padding: 0;cursor: pointer;transition: background 0.15s ease,color 0.15s ease;}.sabana-live-frame__help-btn:hover,.sabana-live-frame__help-btn:focus-visible{background: #334155;color: #fff;outline: 0;}.sabana-live-frame__help-btn svg{display: block;}.sabana-live-frame__help-tip{position: absolute;top: calc(100% + 8px);right: 0;width: 240px;background: #1E293B;color: #fff;border-radius: 8px;padding: 12px 14px;box-shadow: 0 8px 22px rgba(0,0,0,0.32);}.sabana-live-frame__help-tip[hidden]{display: none;}.sabana-live-frame__help-tip::before{content: "";position: absolute;top: -5px;right: 12px;width: 10px;height: 10px;background: #1E293B;transform: rotate(45deg);}.sabana-live-frame__help-title{margin: 0 0 4px;font-size: 13px;font-weight: 700;color: #fff;line-height: 1.4;}.sabana-live-frame__help-sub{margin: 0;font-size: 12px;color: rgba(255,255,255,0.78);line-height: 1.5;}}.desktop-side-panel__brand{display: flex;flex-direction: column;gap: 6px;text-decoration: none;color: inherit;}.desktop-side-panel__brand:hover{text-decoration: none;}.desktop-side-panel__logo{width: 56px;height: 56px;object-fit: contain;margin-bottom: 4px;}.desktop-side-panel__name{font-size: 20px;font-weight: 700;letter-spacing: -0.02em;color: var(--ink-900,#0F172A);line-height: 1.25;}.desktop-side-panel__tagline{font-size: 12px;font-weight: 500;color: var(--ink-500,#64748B);line-height: 1.4;}.desktop-side-panel__status{display: inline-flex;align-items: center;gap: 8px;margin: 0;padding: 8px 12px;background: #fff;border: 1px solid var(--line,#E2E8F0);border-radius: 999px;font-size: 12.5px;font-weight: 600;color: var(--ink-700,#334155);width: fit-content;max-width: 100%;}.desktop-side-panel__status-dot{width: 8px;height: 8px;border-radius: 999px;background: #16A34A;box-shadow: 0 0 0 3px rgba(22,163,74,0.12);}.desktop-side-panel__search{display: flex;align-items: stretch;background: #fff;border: 1px solid var(--line,#E2E8F0);border-radius: 10px;overflow: hidden;}.desktop-side-panel__search-input{flex: 1 1 auto;min-width: 0;padding: 10px 12px;border: 0;background: transparent;font: inherit;font-size: 13.5px;color: var(--ink-900,#0F172A);outline: 0;}.desktop-side-panel__search-input::placeholder{color: var(--ink-400,#94A3B8);}.desktop-side-panel__search-btn{flex: 0 0 auto;width: 40px;display: inline-flex;align-items: center;justify-content: center;border: 0;background: transparent;color: var(--ink-500,#64748B);cursor: pointer;}.desktop-side-panel__search-btn:hover{color: var(--ink-900,#0F172A);}.desktop-side-panel__quick{margin: 4px 0 0;}.desktop-side-panel__quick ul{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 2px;}.desktop-side-panel__quick a{display: block;padding: 9px 12px;border-radius: 8px;font-size: 13.5px;font-weight: 500;color: var(--ink-700,#334155);text-decoration: none;transition: background 0.14s,color 0.14s;}.desktop-side-panel__quick a:hover{background: #fff;color: var(--ink-900,#0F172A);text-decoration: none;}.desktop-side-panel__catch{display: flex;flex-direction: column;gap: 10px;padding: 16px;background: #fff;border: 1px solid var(--line,#E2E8F0);border-radius: 12px;}.desktop-side-panel__catch-text{margin: 0;font-size: 14px;font-weight: 600;letter-spacing: -0.01em;line-height: 1.45;color: var(--ink-900,#0F172A);}.desktop-side-panel__catch-photo{width: 100%;max-width: 200px;margin: 0 auto;border-radius: 12px;overflow: hidden;}.desktop-side-panel__catch-img{display: block;width: 100%;height: auto;}.desktop-side-panel__catch-meta{margin: 0;text-align: center;font-size: 12.5px;color: var(--ink-500,#64748B);}.desktop-side-panel__catch-meta strong{display: block;font-size: 13.5px;color: var(--ink-900,#0F172A);margin-bottom: 2px;}.desktop-side-panel__cta{display: flex;flex-direction: column;gap: 10px;padding: 14px;background: #fff;border: 1px solid var(--line,#E2E8F0);border-radius: 12px;}.desktop-side-panel__cta-title{margin: 0 0 2px;font-size: 12px;font-weight: 700;letter-spacing: 0.02em;color: var(--ink-500,#64748B);text-transform: uppercase;}.desktop-side-panel__cta-grid{display: flex;flex-direction: column;gap: 6px;}.desktop-side-panel__cta-btn{display: inline-flex;align-items: center;gap: 10px;padding: 10px 12px;background: var(--ink-50,#F8FAFC);border-radius: 8px;text-decoration: none;color: var(--ink-900,#0F172A);transition: background 0.14s;}.desktop-side-panel__cta-btn:hover{background: var(--ink-100,#F1F5F9);text-decoration: none;}.desktop-side-panel__cta-icon{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 8px;background: #fff;color: var(--ink-700,#334155);flex: 0 0 auto;}.desktop-side-panel__cta-icon--text{font-size: 11px;font-weight: 700;letter-spacing: 0.04em;}.desktop-side-panel__cta-btn--kakao .desktop-side-panel__cta-icon{background: #FAE100;color: #181600;}.desktop-side-panel__cta-btn--book  .desktop-side-panel__cta-icon{background: #03C75A;color: #fff;}.desktop-side-panel__cta-label{display: flex;flex-direction: column;font-size: 13.5px;font-weight: 600;line-height: 1.3;}.desktop-side-panel__cta-label small{font-size: 11.5px;font-weight: 500;color: var(--ink-500,#64748B);margin-top: 2px;}.desktop-side-panel__chat:empty{display: none;}.op-side__user{flex: 0 0 auto;padding: 18px 18px 14px;background: transparent;border: 0;border-radius: 0;border-bottom: 1px solid rgba(255,255,255,0.06);}.op-side__user-top{display: flex;align-items: center;justify-content: space-between;gap: 10px;min-width: 0;}.op-side__user-name{font-size: 17px;font-weight: 800;color: #F8FAFC;line-height: 1.25;letter-spacing: -0.02em;min-width: 0;flex: 1 1 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.op-side__user-role{margin-top: 6px;font-size: 13px;color: #94A3B8;display: flex;flex-wrap: wrap;gap: 4px;align-items: center;}
/* [feat @yuri 2026-07-20] 보기 모드 토글 — 가운데를 '편집 화면' / '사이트 실물' 중 무엇으로 볼지. */
.op-side__viewtoggle{display: flex;margin-top: 12px;padding: 3px;gap: 3px;background: rgba(148,163,184,0.14);border-radius: 8px;}
.op-side__viewtoggle-btn{flex: 1 1 0;min-width: 0;display: inline-flex;align-items: center;justify-content: center;height: 30px;padding: 0 8px;border-radius: 6px;font-size: 12.5px;font-weight: 600;line-height: 1;color: #94A3B8;text-decoration: none;white-space: nowrap;transition: background .14s,color .14s;}
a.op-side__viewtoggle-btn:hover{color: #E2E8F0;background: rgba(148,163,184,0.18);text-decoration: none;}
.op-side__viewtoggle-btn.is-current{background: #1E293B;color: #F8FAFC;cursor: default;}.op-side__user-site{color: inherit;text-decoration: none;border-bottom: 1px dashed transparent;transition: color 0.15s ease,border-color 0.15s ease;}.op-side__user-site:hover,.op-side__user-site:focus-visible{color: #38BDF8;border-bottom-color: currentColor;outline: none;text-decoration: none;}.op-side__user-actions{display: flex;align-items: center;gap: 2px;flex: 0 0 auto;}.op-side__action{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;padding: 0;background: transparent;border: 0;border-radius: 6px;color: #94A3B8;cursor: pointer;transition: background 0.14s,color 0.14s;list-style: none;}.op-side__action::-webkit-details-marker{display: none;}.op-side__action:hover,.op-side__action:focus-visible{background: rgba(255,255,255,0.07);color: #FFFFFF;outline: 0;}.op-side__action--alert{color: #CBD5E1;}.op-side__action__count{position: absolute;top: -2px;right: -2px;min-width: 16px;height: 16px;padding: 0 4px;border-radius: 999px;background: #DC2626;color: #FFFFFF;font-size: 10px;font-weight: 700;line-height: 16px;text-align: center;box-shadow: 0 0 0 2px #0F172A;}.op-side__user-menu{position: relative;}.op-side__user-menu > summary{cursor: pointer;}.op-side__user-menu[open] > summary{background: rgba(255,255,255,0.07);color: #FFFFFF;}.op-side__user-menu__list{list-style: none;margin: 6px 0 0;padding: 4px;position: absolute;right: 0;top: calc(100% + 4px);z-index: 20;min-width: 140px;background: #0F172A;border: 1px solid rgba(255,255,255,0.08);border-radius: 8px;box-shadow: 0 8px 24px rgba(0,0,0,0.45);}.op-side__user-menu__list li{margin: 0;}.op-side__user-menu__list a{display: block;padding: 8px 10px;font-size: 13px;font-weight: 500;color: #CBD5E1;text-decoration: none;border-radius: 6px;}.op-side__user-menu__list a:hover,.op-side__user-menu__list a:focus-visible{background: rgba(255,255,255,0.08);color: #FFFFFF;outline: 0;}.op-side__scroll{flex: 1 1 auto;min-height: 0;overflow-y: auto;overscroll-behavior: contain;padding: 10px 12px 14px;display: flex;flex-direction: column;gap: 2px;scrollbar-width: thin;}.op-side__scroll::-webkit-scrollbar{width: 4px;}.op-side__scroll::-webkit-scrollbar-thumb{background: #334155;border-radius: 999px;}.op-side__group{background: transparent;border-radius: 0;margin-top: 6px;}.op-side__group:first-child{margin-top: 0;}.op-side__group > summary{list-style: none;}.op-side__group > summary::-webkit-details-marker{display: none;}.op-side__h{margin: 0;padding: 12px 12px 6px;display: flex;align-items: center;gap: 8px;font-size: 16px;font-weight: 700;letter-spacing: -0.01em;color: #F8FAFC;cursor: pointer;border-radius: 6px;transition: color 0.14s,background 0.14s;user-select: none;}.op-side__h:hover{color: #FFFFFF;background: rgba(255,255,255,0.04);}.op-side__h > span:first-child{flex: 1 1 auto;min-width: 0;}.op-side__group > summary:focus-visible{outline: 2px solid #38BDF8;outline-offset: 2px;border-radius: 6px;}.op-side__chev{flex: 0 0 auto;width: 14px;height: 14px;color: #64748B;transition: transform 0.16s ease,color 0.14s;}.op-side__h:hover > .op-side__chev{color: #94A3B8;}.op-side__group[open] > .op-side__h > .op-side__chev{transform: rotate(180deg);}.op-side__group ul{list-style: none;margin: 2px 0 4px;padding: 0;display: flex;flex-direction: column;gap: 1px;}.op-side__group a{display: flex;align-items: center;padding: 9px 12px;border-radius: 6px;font-size: 14px;font-weight: 500;letter-spacing: -0.01em;color: #CBD5E1;text-decoration: none;transition: background 0.14s,color 0.14s;}.op-side__group a:hover,.op-side__group a:focus-visible{background: rgba(255,255,255,0.07);color: #FFFFFF;text-decoration: none;outline: 0;}.op-side__group a[aria-current="page"]{background: rgba(56,189,248,0.14);color: #38BDF8;}.op-side__inbox{display: flex !important;align-items: center;justify-content: space-between;gap: 8px;}.op-side__badge{display: inline-flex;align-items: center;justify-content: center;min-width: 20px;height: 20px;padding: 0 6px;border-radius: 999px;background: #DC2626;color: #fff;font-size: 11px;font-weight: 700;line-height: 1;}.op-side__badge--summary{margin-left: 4px;}.op-side__group[open] > .op-side__h > .op-side__badge--summary{display: none;}.op-side__footer{flex: 0 0 auto;padding: 10px 14px 16px;background: transparent;border-top: 0;display: flex;justify-content: flex-start;}.op-side__helper{display: inline-flex;align-items: center;gap: 10px;height: 46px;padding: 0 6px 0 18px;border: 0;border-radius: 999px;background: #1B3F6E;color: #FFFFFF;font-size: 13.5px;font-weight: 700;letter-spacing: -0.01em;cursor: pointer;box-shadow: 0 6px 16px rgba(27,63,110,0.40);transition: background 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease;font-family: inherit;white-space: nowrap;}.op-side__helper:hover,.op-side__helper:focus-visible{background: #2A5A9C;color: #FFFFFF;transform: translateY(-1px);box-shadow: 0 10px 22px rgba(42,90,156,0.50);outline: 0;}.op-side__helper__label{line-height: 1;}.op-side__helper__icon{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 999px;background: rgba(255,255,255,0.14);color: #FFFFFF;flex: 0 0 auto;}.op-side__helper__icon svg{display: block;}.op-side__helper[hidden]{display: none;}@media (min-width: 1024px){body:has(.desktop-side-panel--left) #sabana-helper > .sh-toggle{display: none;}}.op-side__chat-head{padding: 0 4px 6px;}.op-side__chat-title{margin: 0;font-size: 14px;font-weight: 700;color: var(--ink-900,#0F172A);letter-spacing: -0.01em;}.op-side__chat-lede{margin: 6px 0 0;font-size: 12px;line-height: 1.5;color: var(--ink-500,#64748B);}.op-side__chat-mount{flex: 1 1 auto;min-height: 0;display: flex;}.op-side__chat-mount:empty{display: none;}.op-side__chat-mount > .sh-widget{width: 100%;display: flex;flex-direction: column;}.primary-nav--horizontal{display: none;}@media (min-width: 1024px){body:not(.is-builder-preview):not(.is-dashboard) .primary-nav--horizontal{display: flex;align-items: center;gap: 4px;margin: 0;padding: 0;list-style: none;}body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__item{list-style: none;}body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__item > a{display: inline-flex;align-items: center;height: 76px;padding: 0 18px;font-size: 15px;font-weight: 600;color: var(--ink-700);text-decoration: none;border-bottom: 3px solid transparent;line-height: 1;transition: color .15s ease,border-color .15s ease;}body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__item > a:hover{color: var(--navy-900);text-decoration: none;}body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__item.is-current > a{color: var(--navy-900);border-bottom-color: var(--navy-900);}body:not(.is-builder-preview):not(.is-dashboard) .site-header__nav{gap: 4px;align-items: stretch;}body:not(.is-builder-preview):not(.is-dashboard) #js-menu-toggle{display: none;}body:not(.is-builder-preview):not(.is-dashboard) .site-header__inner{height: 76px;}body:not(.is-builder-preview):not(.is-dashboard) .site-footer__inner{padding: 48px 0 32px;}body:not(.is-builder-preview):not(.is-dashboard) .site-footer__lede{font-size: 15px;margin-bottom: 6px;}body:not(.is-builder-preview):not(.is-dashboard) .site-footer__address{font-size: 13.5px;margin-bottom: 20px;}body:not(.is-builder-preview):not(.is-dashboard) .site-footer__grid{grid-template-columns: 2fr 1.4fr 1.4fr 1.4fr;gap: 28px 36px;padding: 28px 0 8px;}body:not(.is-builder-preview):not(.is-dashboard) .site-footer__col--policy{grid-column: auto;}body:not(.is-builder-preview):not(.is-dashboard) .site-footer__policy{flex-direction: column;gap: 6px;}body:not(.is-builder-preview):not(.is-dashboard) .site-footer__channels,body:not(.is-builder-preview):not(.is-dashboard) .site-footer__widoks{padding-top: 24px;margin-top: 20px;}body:not(.is-builder-preview):not(.is-dashboard) .site-footer__sns--icons{justify-content: flex-start;gap: 4px 6px;}body:not(.is-builder-preview):not(.is-dashboard) .site-footer__sns--icons li{flex: 0 0 auto;}body:not(.is-builder-preview):not(.is-dashboard) .side-cta{display: none;}body:not(.is-builder-preview):not(.is-dashboard).has-bottom-cta{padding-bottom: 0;}body:not(.is-builder-preview):not(.is-dashboard) .side-cta{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;left:auto;right:0;top:0;bottom:0;transform:none;width:auto;}body:not(.is-builder-preview):not(.is-dashboard) .side-cta__pill{padding:8px;border-radius:14px 0 0 14px;box-shadow:-6px 0 22px rgba(15,23,42,0.16);}body:not(.is-builder-preview):not(.is-dashboard) .side-cta__list{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;}body:not(.is-builder-preview):not(.is-dashboard) .side-cta__item{flex:0 0 auto;}body:not(.is-builder-preview):not(.is-dashboard) .side-cta__link{width:62px;padding:8px 4px;gap:4px;}body:not(.is-builder-preview):not(.is-dashboard) .side-cta__toggle{left:auto;right:100%;top:50%;bottom:auto;transform:translateY(-50%);width:22px;height:54px;border-radius:12px 0 0 12px;}body:not(.is-builder-preview):not(.is-dashboard) .side-cta__toggle-icon{transform:rotate(-90deg);}body:not(.is-builder-preview):not(.is-dashboard) .side-cta.is-collapsed .side-cta__toggle-icon{transform:rotate(90deg);}body:not(.is-builder-preview):not(.is-dashboard) .side-cta.is-collapsed .side-cta__toggle{right:0;left:auto;top:50%;bottom:auto;transform:translateY(-50%);width:24px;height:56px;border-radius:12px 0 0 12px;}body:not(.is-builder-preview):not(.is-dashboard) .side-cta__top{top:auto;bottom:24px;right:16px;left:auto;}body:not(.is-builder-preview):not(.is-dashboard) .side-cta--pc-left{right:auto;left:0;align-items:flex-start;}body:not(.is-builder-preview):not(.is-dashboard) .side-cta--pc-left .side-cta__pill{border-radius:0 14px 14px 0;box-shadow:6px 0 22px rgba(15,23,42,0.16);}body:not(.is-builder-preview):not(.is-dashboard) .side-cta--pc-left .side-cta__toggle{right:auto;left:100%;border-radius:0 12px 12px 0;}body:not(.is-builder-preview):not(.is-dashboard) .side-cta--pc-left.is-collapsed .side-cta__toggle{left:0;right:auto;border-radius:0 12px 12px 0;}body:not(.is-builder-preview):not(.is-dashboard) .side-cta--pc-left .side-cta__toggle-icon{transform:rotate(90deg);}body:not(.is-builder-preview):not(.is-dashboard) .side-cta--pc-left.is-collapsed .side-cta__toggle-icon{transform:rotate(-90deg);}body:not(.is-builder-preview):not(.is-dashboard) .side-cta--pc-left .side-cta__top{right:auto;left:16px;}}
/* [feat @yuri 2026-07-06] 데스크톱 폭 일관 정렬 (single 상세 & CPT 아카이브) + CTA 전역 폭 맞춤 — 머리말·본문·하단 공통섹션(지도/진료시간/형제내비)을 콘텐츠 폭에 맞춤. CTA(.cta-block max-width:980 고정)는 **홈 포함 전 페이지**에서 섹션(.sec__inner) 꽉 채우고 데스크톱 가로 배치(제목 좌/버튼 우). single은 body.single 규칙이 더 구체적이라 1000, 아카이브·홈은 --container-lg(1200)로 섹션과 동일. min()이 빌더 390프레임 안에선 자동 축소. */
@media (min-width:1024px){
body.single .breadcrumb,body.single .page-head,body.single .post-thumb,body.single .post-nav,body.single .article,body.single .post-content,body.single .content-medium,body.single .sec__inner,body.single .equip-hero{width:min(100% - 48px,var(--container-lg));}
body.post-type-archive .breadcrumb,body.post-type-archive .page-head{width:min(100% - 48px,var(--container-lg));}
.sec--cta .cta-block{width:min(100% - (var(--gutter) * 2),var(--container-lg));max-width:none;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.sec--cta .cta-block__body{min-width:0;flex:1 1 320px;}
.sec--cta .cta-block__actions{flex-direction:row;margin-top:0;flex-shrink:0;}
}
/* [feat @yuri 2026-07-07] 태블릿(768~1023) 폭 통일 — single 머리말·본문·post-content·content-medium·섹션 + CPT 아카이브 머리말을 sec__inner(--container-lg=태블릿 900)에 정렬해 태블릿 계단(머리말 720 vs 섹션 900) 제거. 데스크톱(≥1024)은 위 1000 통일 유지, 중간폭(<768)은 토큰이 100%-거터라 무영향. */
@media (min-width:768px) and (max-width:1023.98px){
body.single .breadcrumb,body.single .page-head,body.single .post-thumb,body.single .post-nav,body.single .article,body.single .post-content,body.single .content-medium,body.single .sec__inner,body.single .equip-hero,body.post-type-archive .breadcrumb,body.post-type-archive .page-head{width:min(100% - (var(--gutter) * 2),var(--container-lg));}
}
/* [feat @yuri 2026-07-06] 홈/CTA 섹션 폭 통일 (태블릿+데스크톱 ≥768) — 홈 content-medium 3섹션(credentials/partnership/notice)과 CTA(.cta-block width:100%·max-width:980 → edge-to-edge)가 나머지 .sec__inner(--container-lg: 태블릿 900/데스크톱 1200, gutter 토큰)보다 넓어 좌우가 제각각이던 것 정렬. (CTA 가로배치는 위 ≥1024 블록 전용, 여기선 폭만.) */
@media (min-width:768px){
body.home .sec__inner.content-medium{width:min(100% - (var(--gutter) * 2),var(--container-lg));}
.sec--cta .cta-block{width:min(100% - (var(--gutter) * 2),var(--container-lg));max-width:none;}
}
/* [feat @yuri 2026-07-07] 태블릿 아래 중간폭(≈431~767px) 死존 제거 — <768 에서 body 는 이미 유동 전체폭인데 컨테이너 토큰만 폰프레임(390)에 묶여 메인 섹션(.sec__inner)이 가운데 390 으로 떠 좌우가 비던 문제(사용자 신고: 756px 부근). 토큰을 뷰포트 채우도록 확장. 실제 폰(≤430)은 min()이 100%-거터를 택하므로 영향 0, 빌더 프리뷰는 .site-stage(390)가 부모폭을 고정하므로 영향 0, 768~1023 태블릿과 값 연속. */
@media (max-width:767.98px){
:root{--container-sm:560px;--container-md:720px;--container-lg:900px;--container:900px;}
body.home .sec__inner.content-medium{width:min(100% - (var(--gutter) * 2),var(--container-lg));}
.sec--cta .cta-block{width:min(100% - (var(--gutter) * 2),var(--container-lg));max-width:none;}
}
/* [feat @yuri 2026-07-07] Tier3 후속 — About(병원소개) 폭 통일. sec--about-* 섹션(.sec__inner content-medium ≈1100)과 머리말·본문(.page-head/.page-body=container-md 880)이 어긋나 데스크톱부터 폭 뒤죽박죽(사용자 신고). single 과 동일하게 데스크톱 1000·태블릿 container-lg 로 breadcrumb/머리말/썸네일/본문/섹션 통일. 모바일·중간폭(<768)은 전부 100%-거터라 무영향. */
/* [fix @yuri 2026-07-13] 데스크톱 캡 1000px → var(--container-lg)(1200) 로 변경. 기존 1000 은 '단일(single)과 동일'이라 적었으나 실제 single 은 desktop 에서 container-lg(1200) 라, About 만 헤더·푸터·홈 섹션·글 상세보다 200px 좁게 보이는 사용자 신고. 사이트 기준폭(1200)에 맞춰 통일. 태블릿(768~1023)은 기존 container-lg(900) 유지. */
@media (min-width:1024px){body.page-template-template-about .breadcrumb,body.page-template-template-about .page-head,body.page-template-template-about .page-thumb,body.page-template-template-about .page-body,body.page-template-template-about .sec__inner{width:min(100% - 48px,var(--container-lg));}}
@media (min-width:768px) and (max-width:1023.98px){body.page-template-template-about .breadcrumb,body.page-template-template-about .page-head,body.page-template-template-about .page-thumb,body.page-template-template-about .page-body,body.page-template-template-about .sec__inner{width:min(100% - (var(--gutter) * 2),var(--container-lg));}}
/* [feat @yuri 2026-07-13] 진료일정(schedule)·오시는길(contact)·진료안내(treatments) 템플릿 폭 통일 — About 와 동일 유형. 이 3템플릿(2026-07-13 그룹 페이지 배치 때 신설)은 머리말·본문(.page-head/.page-body=container-md 880) 아래에 sabana_part 풀폭 섹션(hours/map/treatment: .sec__inner=container-lg 1200)이 붙는데, About 만 통일 규칙을 받아 이 셋은 위 머리말·본문만 880 으로 좁게 남음(하나이비 /guide/schedule/ '진료시간 위 섹션이 좁다' 제보). single·헤더·섹션과 동일하게 데스크톱·태블릿 container-lg 로 breadcrumb/머리말/본문 통일. 이 템플릿들은 .page-thumb·인라인 .sec__inner 가 없어 셋만 대상. 모바일(<768)은 100%-거터라 무영향. */
@media (min-width:1024px){body.page-template-template-schedule .breadcrumb,body.page-template-template-schedule .page-head,body.page-template-template-schedule .page-body,body.page-template-template-contact .breadcrumb,body.page-template-template-contact .page-head,body.page-template-template-contact .page-body,body.page-template-template-treatments .breadcrumb,body.page-template-template-treatments .page-head,body.page-template-template-treatments .page-body{width:min(100% - 48px,var(--container-lg));}}
@media (min-width:768px) and (max-width:1023.98px){body.page-template-template-schedule .breadcrumb,body.page-template-template-schedule .page-head,body.page-template-template-schedule .page-body,body.page-template-template-contact .breadcrumb,body.page-template-template-contact .page-head,body.page-template-template-contact .page-body,body.page-template-template-treatments .breadcrumb,body.page-template-template-treatments .page-head,body.page-template-template-treatments .page-body{width:min(100% - (var(--gutter) * 2),var(--container-lg));}}
/* [fix @yuri 2026-07-07] 칼럼 상세 380px 전후에서 breadcrumb 마지막 제목이 눌리며 무너지던 것 방어. breadcrumb 소스 CSS엔 폭 오버라이드만 있고 내부 항목 줄바꿈 보장이 없어, 긴 현재 항목(칼럼 제목)이 flex/nowrap 계열 규칙 영향 받을 때 폭을 못 줄이던 상태. 전체 breadcrumb를 wrap 가능하게 두고, 링크/현재 항목에 min-width:0 + white-space:normal + overflow-wrap:anywhere를 명시해 좁은 폭에서도 자연 줄바꿈. single/archive/about 공용 breadcrumb 모두 안전하게 적용. */
.breadcrumb{display:flex;align-items:center;column-gap:4px;min-width:0;flex-wrap:wrap;row-gap:4px;}
.breadcrumb>a,.breadcrumb>.breadcrumb__here{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;}
.breadcrumb>svg{flex:0 0 auto;}
.breadcrumb__here{font-weight:600;color:var(--ink-800,#1F2937);}

/* [feat @yuri 2026-07-10] 2-depth nav — drawer accordion (mobile base) */
.primary-menu__row{display:flex;align-items:stretch;}
.primary-menu__row > a{flex:1 1 auto;min-width:0;}
.primary-menu__group-label{flex:1 1 auto;display:flex;align-items:center;gap:12px;padding:13px 20px;font-size:15px;font-weight:600;color:var(--ink-800);}
.primary-menu__sub-toggle{flex:0 0 auto;width:48px;min-height:48px;display:grid;place-items:center;background:none;border:0;color:var(--ink-500);cursor:pointer;}
.primary-menu__sub-toggle svg{transition:transform .15s ease;}
.primary-menu__sub-toggle[aria-expanded="true"] svg{transform:rotate(180deg);}
.primary-menu__sub{list-style:none;margin:0;padding:4px 0;background:var(--bg-2);}
.primary-menu__sub li{list-style:none;}
.primary-menu__sub a{padding:11px 20px 11px 44px;font-size:14.5px;font-weight:500;}
.primary-menu__sub .is-current > a,.primary-menu__sub-item.is-current > a{color:var(--navy-900);font-weight:700;border-left-color:var(--navy-900);background:var(--navy-50,#F0F5FB);}
/* [feat @yuri 2026-07-13] 3-depth nav — 메가메뉴(센터) 드로어 중첩 아코디언. 하위(컬럼)가 손자를 가지면 접이식. */
.primary-menu__sub-item--group{display:block;padding:0;background:transparent;}
.primary-menu__sub-item--group > .primary-menu__row > a,.primary-menu__group-label--sub{flex:1 1 auto;min-width:0;display:flex;align-items:center;padding:11px 12px 11px 44px;font-size:14.5px;font-weight:600;color:var(--ink-800);}
.primary-menu__sub--nested{background:var(--bg-3,#EDF2F7);padding:2px 0;}
.primary-menu__sub--nested a{padding-left:60px;font-size:14px;font-weight:500;}
/* [feat @yuri 2026-07-10] 2-depth nav — PC horizontal dropdown (>=1024, 방문자 뷰만) */
@media (min-width: 1024px){
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__item{position:relative;}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__group-btn{display:inline-flex;align-items:center;height:76px;padding:0 18px;font-size:15px;font-weight:600;color:var(--ink-700);background:none;border:0;border-bottom:3px solid transparent;line-height:1;cursor:pointer;font-family:inherit;transition:color .15s ease,border-color .15s ease;}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__group-btn:hover{color:var(--navy-900);}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__item.is-current > .primary-nav__group-btn{color:var(--navy-900);border-bottom-color:var(--navy-900);}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__chev{margin-left:5px;color:var(--ink-400);}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__sub{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:196px;margin:0;padding:8px 0;list-style:none;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-2);display:none;z-index:80;}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__item.has-sub:hover > .primary-nav__sub,
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__item.has-sub:focus-within > .primary-nav__sub,
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__item.has-sub.is-open > .primary-nav__sub{display:block;}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__sub-item > a{display:block;padding:10px 18px;font-size:14.5px;font-weight:500;color:var(--ink-700);text-decoration:none;white-space:nowrap;border:0;height:auto;}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__sub-item > a:hover{background:var(--bg-2);color:var(--navy-900);text-decoration:none;}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__sub-item.is-current > a{color:var(--navy-900);font-weight:700;}
/* [feat @yuri 2026-07-13] 3-depth nav — PC 메가메뉴 패널(센터). 하위(컬럼)가 손자를 가지면 넓은 패널로. */
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__mega{position:absolute;top:100%;right:0;left:auto;z-index:80;display:none;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-2);max-width:calc(100vw - 32px);}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__item.has-mega:hover > .primary-nav__mega,
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__item.has-mega:focus-within > .primary-nav__mega,
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__item.has-mega.is-open > .primary-nav__mega{display:block;}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__mega-inner{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,max-content);gap:6px 26px;align-items:start;}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__mega-col{min-width:0;}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__mega-title{display:block;margin-bottom:8px;padding-bottom:8px;font-size:14px;font-weight:700;color:var(--navy-900);white-space:nowrap;border-bottom:1px solid var(--line);text-decoration:none;}
body:not(.is-builder-preview):not(.is-dashboard) a.primary-nav__mega-title:hover{text-decoration:underline;}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__mega-list{margin:0;padding:0;list-style:none;}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__mega-item > a{display:block;padding:6px 6px;font-size:13.5px;font-weight:500;color:var(--ink-700);text-decoration:none;white-space:nowrap;border:0;height:auto;line-height:1.35;border-radius:6px;}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__mega-item > a:hover{background:var(--bg-2);color:var(--navy-900);}
body:not(.is-builder-preview):not(.is-dashboard) .primary-nav__mega-item.is-current > a{color:var(--navy-900);font-weight:700;}
/* [feat @yuri 2026-07-15] IA A안 — 콘텐츠 3버킷 소그룹 설명 힌트(운영자 좌측 패널). op-side 다크 카드라 흰색 반투명. summary 바로 아래 작은 안내. */
.op-side__ghint{margin:1px 0 7px;padding:0 2px;font-size:11px;line-height:1.45;color:rgba(255,255,255,.5);}
.op-side__group > .op-side__ghint{margin-top:2px;}
/* [feat @yuri 2026-07-21] 그룹 제목 옆 항목 수 — 접혀 있어도 "안에 N개" 가 보이게(기획서 §9.1-7). */
.op-side__count{display:inline-block;margin-left:6px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.14);font-size:10.5px;font-weight:700;line-height:1.7;color:rgba(255,255,255,.72);vertical-align:middle;}
/* [feat @yuri 2026-07-15] 가상(자동 생성) 페이지 표시 — 후기 페이지처럼 직접 편집이 아닌 항목에 '자동 생성' 배지 + 새 탭(↗). 일반 편집 항목과 성격 구분. */
.op-side__tag{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.14);font-size:10px;font-weight:600;line-height:1.5;color:rgba(255,255,255,.72);vertical-align:middle;}
.op-side__ext{margin-left:4px;font-size:11px;color:rgba(255,255,255,.5);}
}