/*
Theme Name: 도어웹 치과
Theme URI: https://doorweb.net
Author: 도어웹
Author URI: https://doorweb.net
Description: 치과·병의원 예약형 워드프레스 테마. 메인 슬라이드(사진·동영상)와 진료 과목·의료진·진료시간·예약 폼·오시는 길을 페이지 편집기에서 바로 편집, Polylang·WPML 다국어 지원.
Version: 1.2.9
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: doorweb
Domain Path: /languages
Tags: business, medical, dental, booking, custom-menu, featured-images, translation-ready, block-patterns
*/

/* =========================================================
   Design Tokens
   ========================================================= */
:root {
    --dw-primary: #1764C9;
    --dw-primary-dark: #0F4FA6;
    --dw-primary-light: #E8F1FC;
    --dw-navy: #0F2D57;
    --dw-navy-2: #1B4277;
    --dw-ink: #12243f;
    --dw-text: #3a4a63;
    --dw-muted: #5d6b83;
    --dw-line: #e4e9f2;
    --dw-bg: #F3F7FC;
    --dw-white: #ffffff;
    --dw-up: #d0202e;          /* 상승, 밝은 배경용 */
    --dw-down: #2f6fe0;        /* 하락, 밝은 배경용 */
    --dw-up-on-dark: #ff8a94;  /* 상승, 다크카드용 */
    --dw-down-on-dark: #7fb2ff;/* 하락, 다크카드용 */
    --dw-accent-on-dark: color-mix(in srgb, var(--dw-primary) 45%, #fff);

    --dw-radius: 14px;
    --dw-radius-lg: 20px;
    --dw-shadow-sm: 0 4px 14px rgba(18, 36, 63, 0.06);
    --dw-shadow: 0 14px 40px rgba(18, 36, 63, 0.10);
    --dw-shadow-lg: 0 24px 60px rgba(18, 36, 63, 0.14);

    --dw-container: 1260px;
    --dw-font: "Pretendard Variable", "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* =========================================================
   Reset / Base
   ========================================================= */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: var(--dw-font);
    color: var(--dw-text);
    background: var(--dw-bg);
    line-height: 1.6;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body:not(.dw-front) {
    background: #fff;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--dw-primary); text-decoration: none; transition: color .2s ease; }
a:hover { color: var(--dw-primary-dark); }

h1, h2, h3, h4, h5 { color: var(--dw-ink); font-weight: 800; line-height: 1.3; margin: 0 0 .5em; }

p { margin: 0 0 1em; }

ul { margin: 0; padding: 0; list-style: none; }

button { font-family: inherit; cursor: pointer; }

.dw-container {
    width: 100%;
    max-width: var(--dw-container);
    margin: 0 auto;
    padding: 0 24px;
}

.screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px; height: 1px; overflow: hidden;
}

/* =========================================================
   Buttons
   ========================================================= */
.dw-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 26px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 15px;
    border: 2px solid transparent;
    transition: all .2s ease;
    white-space: nowrap;
    line-height: 1;
}
.dw-btn .dw-arrow { transition: transform .2s ease; }
.dw-btn:hover .dw-arrow { transform: translateX(4px); }

.dw-btn-primary { background: var(--dw-primary); color: #fff; box-shadow: 0 8px 20px rgba(23, 100, 201, .30); }
.dw-btn-primary:hover { background: var(--dw-primary-dark); color: #fff; transform: translateY(-2px); }

.dw-btn-outline { background: transparent; color: var(--dw-primary); border-color: color-mix(in srgb,var(--dw-primary) 28%,#fff); }
.dw-btn-outline:hover { background: var(--dw-primary-light); color: var(--dw-primary-dark); }

.dw-btn-ghost-light { background: rgba(255,255,255,.12); color: #fff; border-color: rgba(255,255,255,.35); }
.dw-btn-ghost-light:hover { background: rgba(255,255,255,.22); color: #fff; }

.dw-btn-sm { padding: 10px 18px; font-size: 14px; }

/* =========================================================
   Header
   ========================================================= */
.dw-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: transparent;
    border-bottom: 1px solid var(--dw-line);
    transition: box-shadow .2s ease;
}
.dw-header.is-scrolled {
    box-shadow: 0 8px 24px rgba(18, 36, 63, 0.08);
}
.dw-header-bg {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: saturate(160%) blur(12px);
    -webkit-backdrop-filter: saturate(160%) blur(12px);
    pointer-events: none;
    z-index: 0;
}
.dw-header-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--dw-header-h, 74px);
    gap: 24px;
}
.dw-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -.5px;
    color: var(--dw-ink);
}
.dw-brand:hover { color: var(--dw-ink); }
.dw-brand-logo {
    width: 34px; height: 34px;
    border-radius: 9px;
    background: linear-gradient(135deg, var(--dw-primary), color-mix(in srgb, var(--dw-primary) 62%, #fff));
    display: grid; place-items: center;
    color: #fff;
    box-shadow: 0 6px 16px color-mix(in srgb, var(--dw-primary) 35%, transparent);
}
.dw-brand-logo svg { width: 20px; height: 20px; }
.dw-brand-image {
    display: block;
    max-height: var(--dw-logo-h, 60px);
    width: auto;
    height: auto;
}
.dw-brand-name { line-height: 1; }

.dw-nav { display: flex; align-items: center; gap: 34px; }
.dw-menu { display: flex; align-items: center; gap: 34px; }
.dw-menu a {
    color: var(--dw-ink);
    font-weight: 700;
    font-size: 16px;
    padding: 8px 0;
    position: relative;
}
.dw-menu a::after {
    content: "";
    position: absolute; left: 0; bottom: -2px;
    width: 0; height: 3px; border-radius: 3px;
    background: var(--dw-primary);
    transition: width .25s ease;
}
.dw-menu a:hover::after,
.dw-menu .current-menu-item > a::after,
.dw-menu .current-menu-ancestor > a::after { width: 100%; }

.dw-menu > li { position: relative; list-style: none; }
.dw-menu .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.dw-menu-caret {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    vertical-align: middle;
    opacity: .55;
    position: absolute;
    top: 50%;
    margin-top: -3px;
}
.dw-submenu-toggle { display: none; }

/* Desktop dropdown */
@media (min-width: 861px) {
    .dw-menu > li > .sub-menu {
        position: absolute;
        top: calc(100% + 8px);
        left: 50%;
        transform: translateX(-50%) translateY(6px);
        min-width: 196px;
        padding: 8px;
        display: flex;
        flex-direction: column;
        gap: 2px;
        background: #fff;
        border: 1px solid var(--dw-line);
        border-radius: 12px;
        box-shadow: var(--dw-shadow);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
        z-index: 120;
    }
    .dw-menu > li:hover > .sub-menu,
    .dw-menu > li:focus-within > .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
    }
    .dw-menu .sub-menu a {
        display: block;
        /* 흰 배경 위 드롭다운. 투명 헤더의 color:#fff 를 상속하면 글자가 사라지므로 명시. */
        color: var(--dw-ink);
        padding: 10px 14px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 700;
        white-space: nowrap;
    }
    .dw-menu .sub-menu a::after { display: none; }
    .dw-menu .sub-menu a:hover {
        background: color-mix(in srgb, var(--dw-primary-light) 55%, #fff);
        color: #000000;
    }
    .dw-menu .sub-menu .current-menu-item > a,
    .dw-menu .sub-menu .current_page_item > a {
        background: color-mix(in srgb, var(--dw-primary-light) 55%, #fff);
        color: #000000;
    }
}

.dw-header-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.dw-header-actions .dw-header-action { display: inline-flex; align-items: center; white-space: nowrap; }
.dw-header-actions .dw-header-action--link {
    color: var(--dw-ink);
    font-weight: 700;
    font-size: 16px;
    padding: 8px 0;
    position: relative;
}
/* 누르는 영역만 위아래로 넓힌다(밑줄 위치는 메뉴와 같게 유지) */
.dw-header-actions .dw-header-action--link::before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -2px; bottom: -2px;
}
.dw-header-actions .dw-header-action--link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 3px;
    border-radius: 3px;
    background: var(--dw-primary);
    transition: width .25s ease;
}
.dw-header-actions .dw-header-action--link:hover { color: var(--dw-ink); }
.dw-header-actions .dw-header-action--link:hover::after { width: 100%; }
.dw-header-actions .dw-header-action--btn {
    color: var(--dw-primary);
    font-weight: 800;
    font-size: 15px;
    padding: 8px 16px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    border: 1.5px solid color-mix(in srgb,var(--dw-primary) 28%,#fff);
    border-radius: 8px;
}
.dw-header-actions .dw-header-action--btn:hover { background: var(--dw-primary-light); }

.dw-burger {
    display: none;
    background: none; border: none;
    width: 44px; height: 44px;
    flex-direction: column; justify-content: center; gap: 5px;
    padding: 0;
}
.dw-burger span { display: block; height: 3px; width: 24px; background: var(--dw-ink); border-radius: 2px; transition: .25s; margin: 0 auto; }
.dw-burger.is-open span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.dw-burger.is-open span:nth-child(2) { opacity: 0; }
.dw-burger.is-open span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }

.dw-nav-head { display: none; }
.dw-nav-body { display: contents; }
.dw-nav-close { display: none; }
.dw-nav-backdrop { display: none; }

/* =========================================================
   Footer
   ========================================================= */
.dw-footer {
    background: var(--dw-footer-bg, #000);
    color: rgba(255,255,255,.65);
    padding: 48px 0 28px;
    font-size: 13px;
}
.dw-footer-main {
    display: flex;
    align-items: flex-start;
    gap: 40px 56px;
    flex-wrap: wrap;
}
.dw-footer-logo,
.dw-footer-legal-nav { flex-shrink: 0; }
.dw-footer .dw-brand { color: #fff; margin-bottom: 0; }
.dw-footer .dw-brand-image { max-height: var(--dw-logo-h, 60px); }
.dw-footer .dw-brand-name { color: #fff; }
.dw-footer-info {
    flex: 1 1 200px;
    min-width: 0;
    font-size: 13px;
    line-height: 1.85;
    color: rgba(255,255,255,.55);
}
.dw-footer-social {
    flex-shrink: 0;
    margin-left: auto;
}
.dw-footer-social .dw-social { justify-content: flex-end; }
.dw-footer-legal-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.dw-footer-legal-nav li + li { margin-top: 8px; }
.dw-footer-legal-nav a {
    color: rgba(255,255,255,.72);
    font-size: 13px;
    line-height: 1.5;
}
.dw-footer-legal-nav a:hover { color: #fff; }
.dw-footer-legal-nav a strong { color: #fff; font-weight: 600; }
.dw-footer-info p { margin: 0; }
.dw-footer-info p + p { margin-top: 2px; }
.dw-footer-info a { color: rgba(255,255,255,.72); }
.dw-footer-info a:hover { color: #fff; }
.dw-footer-copy {
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.08);
    text-align: center;
    font-size: 12px;
    color: rgba(255,255,255,.45);
}
.dw-social { display: flex; gap: 10px; flex-wrap: wrap; }
.dw-social a {
    width: 36px; height: 36px; border-radius: 8px;
    background: rgba(255,255,255,.08);
    display: grid; place-items: center; color: rgba(255,255,255,.75);
}
.dw-social a:hover { background: var(--dw-primary); color: #fff; }
.dw-social svg { width: 17px; height: 17px; }
.dw-social-naver svg { width: 19px; height: 19px; }

/* =========================================================
   Responsive — Common (헤더·푸터)
   ========================================================= */
@media (max-width: 1024px) {
    .dw-footer-main { gap: 28px 32px; }
    .dw-container { padding: 0 24px; }
}

@media (max-width: 860px) {
    .dw-brand-image { max-width: 50vw; }
    .dw-footer-main {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "logo social"
            "legal legal"
            "info info";
        gap: 22px 16px;
        align-items: start;
    }
    .dw-footer-logo { grid-area: logo; }
    .dw-footer-legal-nav { grid-area: legal; }
    .dw-footer-info {
        grid-area: info;
        flex: none;
        width: 100%;
    }
    .dw-footer-social {
        grid-area: social;
        margin-left: 0;
        justify-self: end;
        align-self: start;
    }

    html.dw-menu-open,
    body.dw-menu-open {
        overflow: hidden;
        overscroll-behavior: none;
    }

    .dw-header {
        overflow: visible;
    }

    .dw-nav-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(8, 18, 40, 0.58);
        backdrop-filter: blur(3px);
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .3s ease, visibility .3s ease;
    }
    .dw-nav-backdrop.is-visible {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .dw-nav {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: min(320px, 88vw);
        max-width: 100vw;
        height: 100%;
        height: 100dvh;
        background: #f7f9fd;
        flex-direction: column;
        align-items: stretch;
        padding: 0;
        gap: 0;
        transform: translate3d(100%, 0, 0);
        transition: transform .36s cubic-bezier(.22, 1, .36, 1), visibility .36s ease;
        border: none;
        box-shadow: -16px 0 48px rgba(8, 18, 40, 0.18);
        z-index: 101;
        overflow: hidden;
        visibility: hidden;
        pointer-events: none;
        will-change: transform;
    }
    .dw-nav.is-open {
        transform: translate3d(0, 0, 0);
        visibility: visible;
        pointer-events: auto;
    }

    .dw-nav-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        position: relative;
        padding: 24px 20px 22px;
        background: linear-gradient(145deg, color-mix(in srgb,var(--dw-navy) 70%,#000) 0%, #0F2D57 52%, #1764C9 140%);
        color: #fff;
        flex-shrink: 0;
        overflow: hidden;
    }
    .dw-nav-head::before {
        content: "";
        position: absolute;
        top: -36px;
        right: -24px;
        width: 132px;
        height: 132px;
        border-radius: 50%;
        background: rgba(111, 160, 255, 0.14);
        pointer-events: none;
    }
    .dw-nav-head::after {
        content: "";
        position: absolute;
        bottom: -48px;
        left: -20px;
        width: 96px;
        height: 96px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.05);
        pointer-events: none;
    }
    .dw-nav-head-text {
        position: relative;
        z-index: 1;
        min-width: 0;
    }
    .dw-nav-title {
        display: block;
        font-size: 18px;
        font-weight: 800;
        letter-spacing: -.4px;
        line-height: 1.2;
    }
    .dw-nav-sub {
        display: block;
        margin-top: 4px;
        font-size: 12px;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.62);
        letter-spacing: .2px;
    }
    .dw-nav-close {
        display: grid;
        place-items: center;
        position: relative;
        z-index: 1;
        flex-shrink: 0;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.22);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        cursor: pointer;
        transition: background .2s ease, transform .2s ease;
    }
    .dw-nav-close svg { width: 20px; height: 20px; }
    .dw-nav-close:hover { background: rgba(255, 255, 255, 0.18); }
    .dw-nav-close:active { transform: scale(.96); }

    .dw-nav-body {
        display: block;
        flex: 1;
        overflow-y: auto;
        padding: 16px 14px 8px;
        -webkit-overflow-scrolling: touch;
    }

    .dw-menu {
        flex: none;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .dw-menu li { margin: 0; }
    .dw-menu > li {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }
    .dw-menu > li > a {
        flex: 1;
        min-width: 0;
    }
    .dw-menu-caret { display: none; }
    .dw-submenu-toggle {
        margin-left: 4px !important;
        display: grid;
        place-items: center;
        flex: none;
        width: 48px;
        margin: 0;
        padding: 0;
        border: 1px solid rgba(228, 233, 242, 0.95);
        border-radius: 12px;
        background: #fff;
        color: var(--dw-ink);
        cursor: pointer;
        box-shadow: 0 2px 8px rgba(18, 36, 63, 0.04);
        transition: background .2s ease, border-color .2s ease, color .2s ease;
    }
    .dw-submenu-toggle-icon {
        display: block;
        width: 10px;
        height: 10px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg) translateY(-2px);
        transition: transform .25s ease;
    }
    .dw-menu > li.is-submenu-open > .dw-submenu-toggle,
    .dw-menu > li.current-menu-ancestor > .dw-submenu-toggle {
        background: var(--dw-primary-light);
        border-color: color-mix(in srgb,var(--dw-primary) 28%,#fff);
        color: var(--dw-primary);
    }
    .dw-menu > li.is-submenu-open > .dw-submenu-toggle .dw-submenu-toggle-icon,
    .dw-menu > li.current-menu-ancestor > .dw-submenu-toggle .dw-submenu-toggle-icon {
        transform: rotate(-135deg) translateY(-2px);
    }
    .dw-menu .sub-menu {
        display: none;
        width: 100%;
        margin-top: 6px;
        padding: 0 0 0 12px;
        
    }
    .dw-menu li.is-submenu-open > .sub-menu,
    .dw-menu .current-menu-ancestor > .sub-menu {
        display: block;
    }
    .dw-menu .sub-menu li { margin-bottom: 2px; }
    .dw-menu .sub-menu li:last-child { margin-bottom: 0; }
    .dw-menu .sub-menu a {
        padding: 12px 14px;
        font-size: 14px;
        font-weight: 600;
        background: #f8faff;
        border-color: #e8eef8;
        box-shadow: none;
    }
    .dw-menu .sub-menu a:hover {
        transform: none;
    }
    .dw-menu a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 16px;
        font-size: 15px;
        font-weight: 700;
        color: var(--dw-ink);
        background: #fff;
        border: 1px solid rgba(228, 233, 242, 0.95);
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(18, 36, 63, 0.04);
        transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
    }
    .dw-menu a::after {
        display:none;
    }
    .dw-menu a:hover {
        color: var(--dw-primary);
        border-color: color-mix(in srgb,var(--dw-primary) 28%,#fff);
        box-shadow: 0 6px 16px rgba(26, 79, 214, 0.08);
        transform: translateY(-1px);
    }
    .dw-menu a:hover::after {
        opacity: .7;
        transform: rotate(-45deg) translateX(2px);
    }
    .dw-menu .current-menu-item > a,
    .dw-menu .current_page_item > a {
        color: var(--dw-primary);
        background: linear-gradient(135deg, var(--dw-primary-light) 0%, color-mix(in srgb,var(--dw-primary) 12%,#fff) 100%);
        border-color: color-mix(in srgb,var(--dw-primary) 28%,#fff);
        box-shadow: 0 4px 14px rgba(26, 79, 214, 0.1);
    }
    .dw-menu .current-menu-item > a::after,
    .dw-menu .current_page_item > a::after {
        opacity: .75;
    }

    .dw-nav.is-open .dw-menu li {
        animation: dw-menu-in .38s cubic-bezier(.22, 1, .36, 1) both;
    }
    .dw-nav.is-open .dw-menu li:nth-child(1) { animation-delay: .04s; }
    .dw-nav.is-open .dw-menu li:nth-child(2) { animation-delay: .07s; }
    .dw-nav.is-open .dw-menu li:nth-child(3) { animation-delay: .10s; }
    .dw-nav.is-open .dw-menu li:nth-child(4) { animation-delay: .13s; }
    .dw-nav.is-open .dw-menu li:nth-child(5) { animation-delay: .16s; }
    .dw-nav.is-open .dw-menu li:nth-child(6) { animation-delay: .19s; }
    .dw-nav.is-open .dw-menu li:nth-child(7) { animation-delay: .22s; }
    .dw-nav.is-open .dw-menu li:nth-child(8) { animation-delay: .25s; }

    @keyframes dw-menu-in {
        from { opacity: 0; transform: translateX(12px); }
        to   { opacity: 1; transform: translateX(0); }
    }

    .dw-header-actions {
        margin-top: auto;
        flex-direction: row;
        gap: 10px;
        padding: 14px 14px calc(16px + env(safe-area-inset-bottom, 0px));
        border-top: 1px solid rgba(228, 233, 242, 0.9);
        background: #fff;
        flex-shrink: 0;
    }
    .dw-header-actions .dw-header-action {
        flex: 1;
        justify-content: center;
        min-height: 48px;
        text-align: center;
        font-size: 14px;
    }
    .dw-header-actions .dw-header-action--link {
        background: transparent;
        border: none;
        color: var(--dw-ink);
        font-weight: 700;
        padding: 12px 8px;
    }
    .dw-header-actions .dw-header-action--link::after { display: none; }
    .dw-header-actions .dw-header-action--link:hover {
        color: var(--dw-primary);
        background: transparent;
    }
    .dw-header-actions .dw-header-action--btn {
        padding: 12px 14px;
        border-radius: 12px;
        font-weight: 800;
        background: #fff;
        border: 1.5px solid color-mix(in srgb,var(--dw-primary) 28%,#fff);
        color: var(--dw-primary);
    }
    .dw-header-actions .dw-header-action--btn:hover {
        background: var(--dw-primary-light);
        color: var(--dw-primary-dark);
    }

    .dw-burger {
        display: flex;
        position: relative;
        z-index: 102;
    }
    .dw-burger.is-open {
        visibility: hidden;
        pointer-events: none;
    }
}

@media (max-width: 620px) {
    .dw-container { padding: 0 18px; }
    .dw-footer-main {
        grid-template-columns: 1fr;
        grid-template-areas:
            "logo"
            "legal"
            "info"
            "social";
        gap: 24px;
    }
    .dw-footer-social {
        justify-self: start;
        width: 100%;
    }
    .dw-footer-social .dw-social {
        justify-content: flex-start;
    }
}


/* a11y contrast fixes (WCAG AA) */
:root{--dw-muted:#576274;}
.dw-footer-copy{color:rgba(255,255,255,.55);}
.dw-footer-info{color:rgba(255,255,255,.72);}

/* ===== 투명 헤더 → 스크롤 시 흰 배경 ===== */
body .dw-header{position:fixed;left:0;right:0;top:0;border-bottom:0;background:transparent;transition:box-shadow .3s ease}
body.admin-bar .dw-header{top:32px}
@media screen and (max-width:782px){body.admin-bar .dw-header{top:46px}body.admin-bar .dw-nav{top:46px;height:calc(100dvh - 46px)}}
body .dw-header .dw-header-bg{opacity:0;border-bottom:1px solid transparent;transition:opacity .3s ease}
body .dw-header.is-scrolled .dw-header-bg{opacity:1;border-bottom-color:var(--dw-line)}
body .dw-header.is-scrolled{box-shadow:0 6px 24px rgba(18,36,63,.08)}
body.dw-front .dw-header .dw-menu a,body.dw-front .dw-header .dw-brand,body.dw-front .dw-header .dw-brand-name,body.dw-front .dw-header .dw-brand-logo,body.dw-front .dw-header .dw-header-action--link{color:#fff}
body.dw-front .dw-header .dw-burger span{background:#fff}
body.dw-front .dw-header .dw-header-action--btn{border-color:rgba(255,255,255,.65);color:#fff}
body.dw-front .dw-header.is-scrolled .dw-menu a,body.dw-front .dw-header.is-scrolled .dw-brand,body.dw-front .dw-header.is-scrolled .dw-brand-name,body.dw-front .dw-header.is-scrolled .dw-brand-logo,body.dw-front .dw-header.is-scrolled .dw-header-action--link{color:var(--dw-ink)}
body.dw-front .dw-header.is-scrolled .dw-burger span{background:var(--dw-ink)}
body.dw-front .dw-header.is-scrolled .dw-header-action--btn{border-color:var(--dw-line);color:var(--dw-ink)}
body.dw-front .dw-hero-slide.is-active{min-height:100vh;min-height:100dvh}
body:not(.dw-front) .dw-header .dw-header-bg{opacity:1;border-bottom-color:var(--dw-line)}
body:not(.dw-front) #dw-content{padding-top:var(--dw-header-h,74px)}

/* ===== 검색 모달 ===== */
.dw-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:transparent;color:var(--dw-ink);cursor:pointer;border-radius:50%;transition:background .2s,color .2s}
.dw-search-toggle svg{width:20px;height:20px}
.dw-search-toggle:hover{background:rgba(18,36,63,.06)}
body.dw-front .dw-header:not(.is-scrolled) .dw-search-toggle{color:#fff}
body.dw-front .dw-header:not(.is-scrolled) .dw-search-toggle:hover{background:rgba(255,255,255,.16)}
.dw-search-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}
.dw-search-modal[hidden]{display:none}
.dw-search-overlay{position:absolute;inset:0;background:rgba(10,16,30,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s ease}
.dw-search-panel{position:relative;z-index:1;width:min(720px,100%);background:#fff;border-radius:24px;padding:46px 46px 40px;box-shadow:0 30px 80px rgba(0,0,0,.3);transform:translateY(16px) scale(.985);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s ease}
.dw-search-modal.is-open .dw-search-overlay{opacity:1}
.dw-search-modal.is-open .dw-search-panel{transform:none;opacity:1}
.dw-search-close{position:absolute;top:-20px;right:-14px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--dw-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18);transition:background .2s,transform .2s;z-index:2}
.dw-search-close:hover{background:#f1f3f6;transform:scale(1.05)}
.dw-search-close svg{width:18px;height:18px}
.dw-search-eyebrow{margin:6px 0 8px;color:var(--dw-primary);font-weight:800;letter-spacing:.18em;font-size:12px;text-transform:uppercase}
.dw-search-title{margin:0 0 26px;font-size:clamp(26px,3.4vw,38px);font-weight:800;color:var(--dw-ink);line-height:1.22}
.dw-search-form{display:flex;gap:10px}
.dw-search-input{flex:1;min-width:0;height:60px;box-sizing:border-box;-webkit-appearance:none;appearance:none;border:1px solid var(--dw-line);border-radius:14px;padding:0 20px;font-size:17px;color:var(--dw-ink);background:#fff}
.dw-search-input::-webkit-search-decoration,.dw-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.dw-search-input:focus{outline:none;border-color:var(--dw-primary);box-shadow:0 0 0 3px var(--dw-primary-light)}
.dw-search-submit{flex:none;padding:0 30px;height:60px;border:0;border-radius:14px;background:var(--dw-primary);color:#fff;font-weight:800;font-size:16px;cursor:pointer;transition:background .2s}
.dw-search-submit:hover{background:var(--dw-primary-dark)}
.dw-search-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.dw-search-tag{padding:8px 16px;border-radius:999px;background:var(--dw-primary-light);color:var(--dw-primary-dark);font-weight:700;font-size:14px;text-decoration:none;transition:background .2s,color .2s}
.dw-search-tag:hover{background:var(--dw-primary);color:#fff}
html.dw-search-lock,body.dw-search-lock{overflow:hidden}
@media(max-width:560px){.dw-search-modal{padding:18px}.dw-search-panel{padding:30px 18px 24px;border-radius:20px}.dw-search-eyebrow{font-size:12px}.dw-search-title{font-size:22px;margin-bottom:18px;line-height:1.3}.dw-search-form{flex-direction:column;gap:8px}.dw-search-input{flex:none;height:56px;font-size:16px;padding:0 16px}.dw-search-submit{width:100%;height:50px}.dw-search-tags{margin-top:14px;gap:6px}.dw-search-tag{font-size:13px;padding:7px 13px}.dw-search-close{top:-16px;right:0}}

/* ===== 듀얼 로고 (투명 헤더=밝은 로고 / 흰 헤더=어두운 로고) ===== */
.dw-brand-image--light{display:none}
body.dw-front .dw-header:not(.is-scrolled) .dw-brand-image--dark{display:none}
body.dw-front .dw-header:not(.is-scrolled) .dw-brand-image--light{display:inline-block}

/* ===== 헤더 아이콘 클러스터(검색+회원가입) ===== */
.dw-header-icons{display:flex;align-items:center;gap:2px}
.dw-signup-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--dw-ink);text-decoration:none;transition:background .2s,color .2s}
.dw-signup-icon svg{width:20px;height:20px}
.dw-signup-icon:hover{background:rgba(18,36,63,.06)}
body.dw-front .dw-header:not(.is-scrolled) .dw-signup-icon{color:#fff}
body.dw-front .dw-header:not(.is-scrolled) .dw-signup-icon:hover{background:rgba(255,255,255,.16)}

/* ===== 히어로 동영상 배경 ===== */
.dw-front .dw-hero-video{position:absolute;inset:0;overflow:hidden}
.dw-front .dw-hero-video-el{width:100%;height:100%;object-fit:cover;display:block}
.dw-front .dw-hero-video-yt{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}