/* ============================================================
   variations_v3.css — Layout Edition
   10 레이아웃 / 색상 하드코딩 완전 제거
   모든 색상 = CSS 변수 (var(--p), var(--a1) 등)
   palettes.css와 함께 사용
   ============================================================ */

/* ── 메인 프리미엄 공통 구조 ── */
.wz-premium-wrap {
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.wz-premium-item {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 0 28px;
    padding: 32px 0;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    align-items: flex-start;
    transition: background 0.2s ease;
    position: relative;
}
.wz-premium-item:last-child { border-bottom: none; }
.wz-premium-item:hover { background: rgba(0,0,0,0.015); margin: 0 -20px; padding-left: 20px; padding-right: 20px; }
.wz-pm-num {
    position: static;
    width: 72px;
    height: auto;
    padding-top: 4px;
    font-size: 2.6rem;
    font-weight: 200;
    font-family: "ymjo340Web",serif;
    color: var(--a1, #c9a84c);
    border-right: 1px solid rgba(0,0,0,0.08);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    pointer-events: none;
    letter-spacing: -2px;
    line-height: 1.1;
    text-align: center;
}
.wz-pm-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 4px;
}
.wz-pm-body::before { display: none; }
.wz-pm-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #111;
    margin: 0;
    line-height: 1.6;
    word-break: keep-all;
    text-wrap: balance;
    letter-spacing: -0.02em;
}
.wz-pm-desc {
    font-size: 1.05rem;
    color: #555;
    line-height: 1.9;
    margin: 0;
    word-break: keep-all;
    letter-spacing: -0.01em;
}
@media (max-width: 768px) {
    .wz-premium-wrap { padding: 0 16px; }
    .wz-premium-item { grid-template-columns: 52px 1fr; gap: 0 20px; padding: 24px 0; }
    .wz-premium-item:hover { margin: 0 -16px; padding-left: 16px; padding-right: 16px; }
    .wz-pm-num { font-size: 2rem; width: 52px; }
    .wz-pm-title { font-size: 1.15rem; }
    .wz-pm-desc { font-size: 0.98rem; }
}

/* ── sub_premium 공통 색상 (CSS 변수 기반) ── */
[data-v] .sub_premium ul li dl dt { color: var(--a1, #c9a84c) !important; }
[data-v] .sub_premium ul li dl dt::after { background: linear-gradient(to right, var(--a1-20, rgba(201,168,76,0.2)), transparent) !important; }
[data-v] .sub_premium ul li dl dd strong { color: var(--p, #182954) !important; }
[data-v] .sub_premium ul li dl:hover { border-color: var(--a1-30, rgba(201,168,76,0.3)) !important; box-shadow: 0 25px 55px var(--a1-12, rgba(201,168,76,0.12)) !important; }

/* ============================================================
   [BASIC] 레이아웃
   ============================================================ */

/* ── 기본 CSS 변수 (팔레트 미선택 시 폴백) ── */
html[data-v="basic"] {
    --radius: 0;
    --header-h: 90px;
    --sub-h: 380px;
    --transition: transition:all .35s cubic-bezier(.4,0,.2,1);;
    /* 팔레트가 없을 때 기본 dark 폴백 */
    --p:    var(--p, #182954);
    --p2:   var(--p2, #0f1d3a);
    --p3:   var(--p3, #091226);
    --a1:   var(--a1, #c9a84c);
    --a1t:  var(--a1t, #111);
    --a2:   var(--a2, #e8d5a0);
    --ht:   var(--ht, #ffffff);
    --nav:  var(--nav, #ffffff);
    --nav-h: var(--nav-h, #c9a84c);
}

/* ── 헤더 ── */
html[data-v="basic"] header {
    background: transparent;
    transition:all .35s cubic-bezier(.4,0,.2,1);
}
html[data-v="basic"] header.fixed {
    background: var(--p-97, rgba(24,41,84,0.97)) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important;
}
html[data-v="basic"] .gnb_1da {
    font-weight: 500 !important;
    color: var(--ht, #fff) !important;
    transition:all .35s cubic-bezier(.4,0,.2,1);
}
html[data-v="basic"] .gnb_1da:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="basic"] header .hd_wrap .hd_tel { color: var(--ht, #fff) !important; transition:all .35s cubic-bezier(.4,0,.2,1); }
html[data-v="basic"] header.fixed .gnb_1da { color: var(--ht, #fff) !important; }
html[data-v="basic"] header.fixed .hd_wrap .hd_tel { color: var(--ht, #fff) !important; }
html[data-v="basic"] #gnb .gnb_menu_btn { color: var(--ht, #fff) !important; }

/* ── 서브비주얼 ── */
html[data-v="basic"] .sub_bg {
    min-height: 280px !important;
    height: 280px !important;
    background: linear-gradient(160deg, var(--p, #182954) 0%, var(--p3, #091226) 70%) !important;
    overflow: hidden !important;
    position: relative !important;
}
html[data-v="basic"] .sub_bg::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to bottom, transparent 40%, var(--p-60, rgba(24,41,84,0.6)) 100%) !important;
    pointer-events: none !important;
}
html[data-v="basic"] .sub_bg h2 { position:relative; z-index:2; }
html[data-v="basic"] .sub_bg h2 strong {
    color: #fff !important;
    font-size: 2.2rem !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-shadow: 0 2px 20px rgba(0,0,0,0.45) !important;
    display: block !important;
}
html[data-v="basic"] .sub_bg h2 .sub-title {
    color: var(--a1, #c9a84c) !important;
    text-shadow: 0 1px 8px rgba(0,0,0,0.3) !important;
    letter-spacing: 3px !important;
    display: block !important;
    margin-top: 8px !important;
}

/* ── 서브타이틀 ── */
html[data-v="basic"] .sub_title { text-align: center !important; }
html[data-v="basic"] .sub_title > h2.tit01 {
    font-size:2.8rem;font-weight:600;letter-spacing:-0.3px;font-family:"ymjo340Web",serif;
    color: var(--p, #182954) !important;
    word-break: keep-all !important;
    text-wrap: balance !important;
    line-height: 1.45 !important;
}
html[data-v="basic"] .sub_title > h2.tit02 {
    font-size:1.5rem;font-weight:500;letter-spacing:1px;
    color: var(--a1, #c9a84c) !important;
    word-break: keep-all !important;
    text-wrap: balance !important;
}
html[data-v="basic"] .sub_title > h2.tit03 {
    color: var(--a2, #e8d5a0) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    word-break: keep-all !important;
    text-wrap: balance !important;
}

/* ── 섹션 타이틀 ── */
html[data-v="basic"] .inner_wrap > h2.tit:after {
    content: '' !important;
    display: block !important;
    width: 48px !important;
    height: 2px !important;
    background: var(--a1, #c9a84c) !important;
    margin: 14px auto 0 !important;
    border-radius: 2px !important;
}

/* ── wz-blk-tit / wz-blk-sub ── */
html[data-v="basic"] .sub_title h2.tit01 {
    font-size:1.85rem;font-weight:600;font-family:"ymjo340Web",serif;padding-bottom:12px;
    color: var(--p, #182954) !important;
    border-color: var(--a1, #c9a84c) !important;
    text-wrap: balance;
}
html[data-v="basic"] .sub_title h2.tit02 {
    font-size:1rem;line-height:1.9;padding:10px 0 12px;
    color: var(--a2, #555) !important;
}

/* ── 서브메뉴(브레드크럼) ── */
html[data-v="basic"] #submenu {
    background: #fff !important;
    border-bottom: 2px solid var(--a1-20, rgba(201,168,76,0.2)) !important;
}
html[data-v="basic"] .sub_bc_home {
    background: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
    border-radius: 4px !important;
    transition:all .35s cubic-bezier(.4,0,.2,1);
}
html[data-v="basic"] .sub_bc_btn.open,
html[data-v="basic"] .sub_bc_btn:hover {
    background: var(--a1, #c9a84c) !important;
    border-color: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
}
html[data-v="basic"] .sub_bc_list li a:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="basic"] .sub_bc_list li.active a { color: var(--a1, #c9a84c) !important; font-weight:700 !important; }
html[data-v="basic"] .sub_bc_list li.active a:before { background: var(--a1, #c9a84c) !important; }

/* ── 푸터 ── */
html[data-v="basic"] #ft,
html[data-v="basic"] footer {
    background: var(--p2, #0f1d3a) !important;
    border-top: 1px solid var(--a1-12, rgba(201,168,76,0.12)) !important;
    color: var(--ht, #fff) !important;
}

/* ── 버튼 ── */
html[data-v="basic"] .btn_submit,
html[data-v="basic"] button[type="submit"],
html[data-v="basic"] input[type="submit"] {
    background: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
    border-color: var(--a1, #c9a84c) !important;
    border-radius: 0 !important;
    letter-spacing:1px;font-weight:600;
    transition:all .35s cubic-bezier(.4,0,.2,1);
}
html[data-v="basic"] .btn_submit:hover,
html[data-v="basic"] button[type="submit"]:hover {
    opacity: 0.88 !important;
    transform: translateY(-2px) !important;
}

/* ── 탭 ── */
html[data-v="basic"] .wz-tablink.active {
    border-bottom-color: var(--a1, #c9a84c) !important;
    color: var(--a1, #c9a84c) !important;
}
html[data-v="basic"] .custom-tablink.active {
    background: var(--a1, #c9a84c) !important;
    border-color: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
}

/* ── 테이블 ── */
html[data-v="basic"] #ctt table {
    border-top: 2px solid var(--p, #182954) !important;
}
html[data-v="basic"] #ctt table tr td:first-child {
    background: var(--p, #182954) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

/* ── 사업개요 ── */
html[data-v="basic"] .property-container .category {
    background: var(--p, #182954) !important;
    color: #fff !important;
}

/* ── GNB 드롭다운 ── */
html[data-v="basic"] #gnb_all .gnb_panel {
    background: var(--p2, #0f1d3a) !important;
}
html[data-v="basic"] #gnb_all .gnb_panel a { color: var(--ht-80, rgba(255,255,255,0.8)) !important; transition:all .35s cubic-bezier(.4,0,.2,1); }
html[data-v="basic"] #gnb_all .gnb_panel a:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="basic"] .gnb_2dul .gnb_2dul_box {
    border-top: 2px solid var(--a1, #c9a84c) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}
/* ── 헤더 hover 투명배경 제거 (submenu_bg) ── */
html[data-v="basic"] header .submenu_bg {
    background: var(--p, #182954) !important;
    background: linear-gradient(to bottom, var(--p, #182954) 0%, var(--p2, #0f1d3a) 100%) !important;
}

/* ── 사이드버튼 ── */
html[data-v="basic"] .wz-side-btn__item {
    background: var(--p, #182954) !important;
    color: var(--ht, #fff) !important;
    border-radius: 0 24px 24px 0 !important;
    max-width: 44px !important;
    height: 48px !important;
}
html[data-v="basic"] .wz-side-btn__item:hover {
    background: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
    max-width: 120px !important;
}

/* ── 퀵메뉴 (데스크탑 861px+) ── */
@media (min-width: 861px) {
    html[data-v="basic"] #quick { width:90px !important; right:20px !important; }
    html[data-v="basic"] #quick .quick_menu { width:90px !important; }
    html[data-v="basic"] #quick .quick_menu ul { display:flex; flex-direction:column; gap:3px; }
    html[data-v="basic"] #quick .quick_menu ul > li {
        background: var(--p, #182954) !important;
        border-radius: 50% !important;
        width:90px !important; height:90px !important;
        overflow:hidden !important; margin-bottom:0 !important;
        box-shadow: 2px 2px 1rem rgba(0,0,0,0.3) !important;
        transition:all .35s cubic-bezier(.4,0,.2,1);
    }
    html[data-v="basic"] #quick .quick_menu a i { color: var(--a1, #c9a84c) !important; font-size:1.8rem !important; }
    html[data-v="basic"] #quick .quick_menu a strong { color: var(--ht, #fff) !important; }
    html[data-v="basic"] #quick .quick_menu h2 {
        background: var(--p, #182954) !important;
        border-bottom: 3px solid var(--a1, #c9a84c) !important;
    }
}

/* ── 퀵메뉴 (모바일 ≤860px) ── */
@media (max-width: 860px) {
    html[data-v="basic"] #quick { top:auto !important; left:0 !important; bottom:0 !important; width:100% !important; right:auto !important; border-radius:0 !important; }
    html[data-v="basic"] #quick .quick_menu { width:auto !important; }
    html[data-v="basic"] #quick .quick_menu ul { display:flex !important; flex-direction:row !important; gap:0 !important; }
    html[data-v="basic"] #quick .quick_menu ul > li { width:33.333% !important; height:auto !important; border-radius:0 !important; box-shadow:none !important; margin-bottom:0 !important; background:#fff !important; }
    html[data-v="basic"] #quick .quick_menu ul > li + li { border-left:1px solid #E2E2E2 !important; }
    html[data-v="basic"] #quick .quick_menu ul > li a { height:100% !important; padding:8px 0 !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; background:transparent !important; color:#333 !important; }
    html[data-v="basic"] #quick .quick_menu ul > li a i { font-size:1.5rem !important; color:var(--a1, #c9a84c) !important; }
    html[data-v="basic"] #quick .quick_menu ul > li strong { display:block !important; font-size:0.85rem !important; margin-top:0.4rem !important; color:#333 !important; }
}

/* ── 반응형 ── */
@media (max-width: 1024px) {
    html[data-v="basic"] .sub_bg { min-height:240px !important; }
    html[data-v="basic"] .sub_title > h2.tit01 { font-size:1.8rem !important; }
}
@media (max-width: 768px) {
    html[data-v="basic"] .sub_bg h2 strong { font-size:1.6rem !important; }
    html[data-v="basic"] .sub_title > h2.tit01 { font-size:1.45rem !important; text-wrap:balance !important; }
    html[data-v="basic"] .sub_title > h2.tit02 { font-size:1.15rem !important; }
    html[data-v="basic"] #quick .quick_menu ul > li:hover { transform:none !important; }
}
@media (max-width: 480px) {
    html[data-v="basic"] .sub_title > h2.tit01 { font-size:1.2rem !important; }
}


/* ── [luxury] 입지환경 섹션 ── */
html[data-v="basic"] .wz-loc-cat {
    border-radius: 0 !important;
}
html[data-v="basic"] .wz-loc-cat-header {
    border-bottom: 3px solid var(--a1,#c9a84c) !important;
}
html[data-v="basic"] .wz-loc-cat-name {
    font-weight: 600 !important;
    font-size:1.5rem;font-weight:500;letter-spacing:1px;
    color: var(--p,#182954) !important;
}
html[data-v="basic"] .wz-loc-cat-title {
    font-size:1rem;line-height:1.9;padding:10px 0 12px;
}

/* ── [luxury] 방문예약 폼 ── */
html[data-v="basic"] #fwrite2 input[type=text], #fwrite2 textarea,
html[data-v="basic"] #fwrite2 select {
    border-radius: 0 !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    transition:all .35s cubic-bezier(.4,0,.2,1);
}
html[data-v="basic"] #fwrite2 input[type=text]:focus, #fwrite2 textarea:focus,
html[data-v="basic"] #fwrite2 select:focus {
    border-color: var(--a1,#c9a84c) !important;
    box-shadow: 0 0 0 2px var(--a1-12,rgba(201,168,76,0.12)) !important;
}
html[data-v="basic"] #btn_submit2 {
    border-radius: 0 !important;
    letter-spacing:1px;font-weight:600;
    background: var(--p,#182954) !important;
    color: var(--ht,#fff) !important;
}
html[data-v="basic"] #btn_submit2:hover {
    background: var(--a1,#c9a84c) !important;
    color: var(--a1t,#111) !important;
}

/* ── [luxury] 우측 사이드버튼 ── */
html[data-v="basic"] .wz-side-btn__item {
    border-radius: 0 24px 24px 0 !important;
    height: 52px !important;
    max-width: 46px !important;
}
html[data-v="basic"] .wz-side-btn__item .wz-side-btn__icon {
    font-size: 1.1rem !important;
}

/* ── [luxury] 좌측 퀵메뉴 (데스크탑) ── */
@media (min-width: 861px) {
    html[data-v="basic"] #quick { width:80px !important; }
    html[data-v="basic"] #quick .quick_menu { width:80px !important; }
    html[data-v="basic"] #quick .quick_menu ul { gap:3px !important; }
    html[data-v="basic"] #quick .quick_menu ul > li {
        border-radius: 0 !important;
        width:80px !important; height:80px !important;
        
    }
    html[data-v="basic"] #quick .quick_menu a i { font-size:1.8rem !important; }
}

/* ── [luxury] 메인 비주얼 타이틀 — 팔레트 무관, 항상 흰색/고대비 ── */
html[data-v="basic"] .h3-tit.tit01 { font-size:2.8rem;font-weight:600;letter-spacing:-0.3px;font-family:"ymjo340Web",serif; color:var(--visual-tit, #ffffff) !important; }
html[data-v="basic"] .h2-tit.tit02 { font-size:1.5rem;font-weight:500;letter-spacing:1px; color:var(--visual-txt, rgba(255,255,255,0.92)) !important; }
html[data-v="basic"] .h3-tit.tit03 { font-size:1rem;line-height:1.9;padding:10px 0 12px; color:var(--visual-txt, rgba(255,255,255,0.80)) !important; }



/* ============================================================
   [GLASS] 레이아웃
   ============================================================ */

/* ── 기본 CSS 변수 (팔레트 미선택 시 폴백) ── */
html[data-v="glass"] {
    --radius: 12px;
    --header-h: 76px;
    --sub-h: 300px;
    --transition: transition:all .3s ease;;
    /* 팔레트가 없을 때 기본 dark 폴백 */
    --p:    var(--p, #182954);
    --p2:   var(--p2, #0f1d3a);
    --p3:   var(--p3, #091226);
    --a1:   var(--a1, #c9a84c);
    --a1t:  var(--a1t, #111);
    --a2:   var(--a2, #e8d5a0);
    --ht:   var(--ht, #ffffff);
    --nav:  var(--nav, #ffffff);
    --nav-h: var(--nav-h, #c9a84c);
}

/* ── 헤더 ── */
html[data-v="glass"] header {
    background: transparent;
    transition:all .3s ease;
}
html[data-v="glass"] header.fixed {
    background: var(--p-97, rgba(24,41,84,0.97)) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important;
}
html[data-v="glass"] .gnb_1da {
    font-weight: 400 !important;
    color: var(--ht, #fff) !important;
    transition:all .3s ease;
}
html[data-v="glass"] .gnb_1da:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="glass"] header .hd_wrap .hd_tel { color: var(--ht, #fff) !important; transition:all .3s ease; }
html[data-v="glass"] header.fixed .gnb_1da { color: var(--ht, #fff) !important; }
html[data-v="glass"] header.fixed .hd_wrap .hd_tel { color: var(--ht, #fff) !important; }
html[data-v="glass"] #gnb .gnb_menu_btn { color: var(--ht, #fff) !important; }

/* ── 서브비주얼 ── */
html[data-v="glass"] .sub_bg {
    min-height: 300px !important;
    height: 300px !important;
    background: linear-gradient(160deg, var(--p, #182954) 0%, var(--p3, #091226) 70%) !important;
    overflow: hidden !important;
    position: relative !important;
}
html[data-v="glass"] .sub_bg::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to bottom, transparent 40%, var(--p-60, rgba(24,41,84,0.6)) 100%) !important;
    pointer-events: none !important;
}
html[data-v="glass"] .sub_bg h2 { position:relative; z-index:2; }
html[data-v="glass"] .sub_bg h2 strong {
    color: #fff !important;
    font-size: 2.2rem !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-shadow: 0 2px 20px rgba(0,0,0,0.45) !important;
    display: block !important;
}
html[data-v="glass"] .sub_bg h2 .sub-title {
    color: var(--a1, #c9a84c) !important;
    text-shadow: 0 1px 8px rgba(0,0,0,0.3) !important;
    letter-spacing: 3px !important;
    display: block !important;
    margin-top: 8px !important;
}

/* ── 서브타이틀 ── */
html[data-v="glass"] .sub_title { text-align: center !important; }
html[data-v="glass"] .sub_title > h2.tit01 {
    font-size:3.2rem;font-weight:600;letter-spacing:-0.5px;
    color: var(--p, #182954) !important;
    word-break: keep-all !important;
    text-wrap: balance !important;
    line-height: 1.45 !important;
}
html[data-v="glass"] .sub_title > h2.tit02 {
    font-size:1.45rem;letter-spacing:0.5px;font-weight:400;
    color: var(--a1, #c9a84c) !important;
    word-break: keep-all !important;
    text-wrap: balance !important;
}
html[data-v="glass"] .sub_title > h2.tit03 {
    color: var(--a2, #e8d5a0) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    word-break: keep-all !important;
    text-wrap: balance !important;
}

/* ── 섹션 타이틀 ── */
html[data-v="glass"] .inner_wrap > h2.tit:after {
    content: '' !important;
    display: block !important;
    width: 48px !important;
    height: 2px !important;
    background: var(--a1, #c9a84c) !important;
    margin: 14px auto 0 !important;
    border-radius: 2px !important;
}

/* ── wz-blk-tit / wz-blk-sub ── */
html[data-v="glass"] .sub_title h2.tit01 {
    font-size:1.9rem;font-weight:600;padding:10px 16px;border-radius:8px;
    color: var(--p, #182954) !important;
    border-color: var(--a1, #c9a84c) !important;
    text-wrap: balance;
}
html[data-v="glass"] .sub_title h2.tit02 {
    font-size:1rem;line-height:1.8;padding:8px 0 12px;
    color: var(--a2, #555) !important;
}

/* ── 서브메뉴(브레드크럼) ── */
html[data-v="glass"] #submenu {
    background: #fff !important;
    border-bottom: 2px solid var(--a1-20, rgba(201,168,76,0.2)) !important;
}
html[data-v="glass"] .sub_bc_home {
    background: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
    border-radius: 12px !important;
    transition:all .3s ease;
}
html[data-v="glass"] .sub_bc_btn.open,
html[data-v="glass"] .sub_bc_btn:hover {
    background: var(--a1, #c9a84c) !important;
    border-color: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
}
html[data-v="glass"] .sub_bc_list li a:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="glass"] .sub_bc_list li.active a { color: var(--a1, #c9a84c) !important; font-weight:700 !important; }
html[data-v="glass"] .sub_bc_list li.active a:before { background: var(--a1, #c9a84c) !important; }

/* ── 푸터 ── */
html[data-v="glass"] #ft,
html[data-v="glass"] footer {
    background: var(--p2, #0f1d3a) !important;
    border-top: 1px solid var(--a1-12, rgba(201,168,76,0.12)) !important;
    color: var(--ht, #fff) !important;
}

/* ── 버튼 ── */
html[data-v="glass"] .btn_submit,
html[data-v="glass"] button[type="submit"],
html[data-v="glass"] input[type="submit"] {
    background: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
    border-color: var(--a1, #c9a84c) !important;
    border-radius: 8px !important;
    backdrop-filter:blur(8px);
    transition:all .3s ease;
}
html[data-v="glass"] .btn_submit:hover,
html[data-v="glass"] button[type="submit"]:hover {
    opacity: 0.88 !important;
    transform: translateY(-2px) !important;
}

/* ── 탭 ── */
html[data-v="glass"] .wz-tablink.active {
    border-bottom-color: var(--a1, #c9a84c) !important;
    color: var(--a1, #c9a84c) !important;
}
html[data-v="glass"] .custom-tablink.active {
    background: var(--a1, #c9a84c) !important;
    border-color: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
}

/* ── 테이블 ── */
html[data-v="glass"] #ctt table {
    border-top: 2px solid var(--p, #182954) !important;
}
html[data-v="glass"] #ctt table tr td:first-child {
    background: var(--p, #182954) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

/* ── 사업개요 ── */
html[data-v="glass"] .property-container .category {
    background: var(--p, #182954) !important;
    color: #fff !important;
}

/* ── GNB 드롭다운 ── */
html[data-v="glass"] #gnb_all .gnb_panel {
    background: var(--p2, #0f1d3a) !important;
}
html[data-v="glass"] #gnb_all .gnb_panel a { color: var(--ht-80, rgba(255,255,255,0.8)) !important; transition:all .3s ease; }
html[data-v="glass"] #gnb_all .gnb_panel a:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="glass"] .gnb_2dul .gnb_2dul_box {
    border-top: 2px solid var(--a1, #c9a84c) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}
/* ── 헤더 hover 투명배경 제거 (submenu_bg) ── */
html[data-v="glass"] header .submenu_bg {
    background: var(--p, #182954) !important;
    background: linear-gradient(to bottom, var(--p, #182954) 0%, var(--p2, #0f1d3a) 100%) !important;
}

/* ── 사이드버튼 ── */
html[data-v="glass"] .wz-side-btn__item {
    background: var(--p, #182954) !important;
    color: var(--ht, #fff) !important;
    border-radius: 0 24px 24px 0 !important;
    max-width: 44px !important;
    height: 48px !important;
}
html[data-v="glass"] .wz-side-btn__item:hover {
    background: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
    max-width: 120px !important;
}

/* ── 퀵메뉴 (데스크탑 861px+) ── */
@media (min-width: 861px) {
    html[data-v="glass"] #quick { width:90px !important; right:20px !important; }
    html[data-v="glass"] #quick .quick_menu { width:90px !important; }
    html[data-v="glass"] #quick .quick_menu ul { display:flex; flex-direction:column; gap:3px; }
    html[data-v="glass"] #quick .quick_menu ul > li {
        background: var(--p, #182954) !important;
        border-radius: 12px !important;
        width:90px !important; height:90px !important;
        overflow:hidden !important; margin-bottom:0 !important;
        box-shadow: 2px 2px 1rem rgba(0,0,0,0.3) !important;
        transition:all .3s ease;
    }
    html[data-v="glass"] #quick .quick_menu a i { color: var(--a1, #c9a84c) !important; font-size:1.8rem !important; }
    html[data-v="glass"] #quick .quick_menu a strong { color: var(--ht, #fff) !important; }
    html[data-v="glass"] #quick .quick_menu h2 {
        background: var(--p, #182954) !important;
        border-bottom: 3px solid var(--a1, #c9a84c) !important;
    }
}

/* ── 퀵메뉴 (모바일 ≤860px) ── */
@media (max-width: 860px) {
    html[data-v="glass"] #quick { top:auto !important; left:0 !important; bottom:0 !important; width:100% !important; right:auto !important; border-radius:0 !important; }
    html[data-v="glass"] #quick .quick_menu { width:auto !important; }
    html[data-v="glass"] #quick .quick_menu ul { display:flex !important; flex-direction:row !important; gap:0 !important; }
    html[data-v="glass"] #quick .quick_menu ul > li { width:33.333% !important; height:auto !important; border-radius:0 !important; box-shadow:none !important; margin-bottom:0 !important; background:#fff !important; }
    html[data-v="glass"] #quick .quick_menu ul > li + li { border-left:1px solid #E2E2E2 !important; }
    html[data-v="glass"] #quick .quick_menu ul > li a { height:100% !important; padding:8px 0 !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; background:transparent !important; color:#333 !important; }
    html[data-v="glass"] #quick .quick_menu ul > li a i { font-size:1.5rem !important; color:var(--a1, #c9a84c) !important; }
    html[data-v="glass"] #quick .quick_menu ul > li strong { display:block !important; font-size:0.85rem !important; margin-top:0.4rem !important; color:#333 !important; }
}

/* ── 반응형 ── */
@media (max-width: 1024px) {
    html[data-v="glass"] .sub_bg { min-height:240px !important; }
    html[data-v="glass"] .sub_title > h2.tit01 { font-size:1.8rem !important; }
}
@media (max-width: 768px) {
    html[data-v="glass"] .sub_bg h2 strong { font-size:1.6rem !important; }
    html[data-v="glass"] .sub_title > h2.tit01 { font-size:1.45rem !important; text-wrap:balance !important; }
    html[data-v="glass"] .sub_title > h2.tit02 { font-size:1.15rem !important; }
    html[data-v="glass"] #quick .quick_menu ul > li:hover { transform:none !important; }
}
@media (max-width: 480px) {
    html[data-v="glass"] .sub_title > h2.tit01 { font-size:1.2rem !important; }
}


/* ── [glass] 입지환경 섹션 ── */
html[data-v="glass"] .wz-loc-cat {
    border-radius: 12px !important;
}
html[data-v="glass"] .wz-loc-cat-header {
    border-bottom: 2px solid var(--a1,#c9a84c) !important;
}
html[data-v="glass"] .wz-loc-cat-name {
    font-weight: 600 !important;
    font-size:1.45rem;letter-spacing:0.5px;font-weight:400;
    color: var(--p,#182954) !important;
}
html[data-v="glass"] .wz-loc-cat-title {
    font-size:1rem;line-height:1.8;padding:8px 0 12px;
}

/* ── [glass] 방문예약 폼 ── */
html[data-v="glass"] #fwrite2 input[type=text], #fwrite2 textarea,
html[data-v="glass"] #fwrite2 select {
    border-radius: 8px !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    transition:all .3s ease;
}
html[data-v="glass"] #fwrite2 input[type=text]:focus, #fwrite2 textarea:focus,
html[data-v="glass"] #fwrite2 select:focus {
    border-color: var(--a1,#c9a84c) !important;
    box-shadow: 0 0 0 2px var(--a1-12,rgba(201,168,76,0.12)) !important;
}
html[data-v="glass"] #btn_submit2 {
    border-radius: 8px !important;
    backdrop-filter:blur(8px);
    background: var(--p,#182954) !important;
    color: var(--ht,#fff) !important;
}
html[data-v="glass"] #btn_submit2:hover {
    background: var(--a1,#c9a84c) !important;
    color: var(--a1t,#111) !important;
}

/* ── [glass] 우측 사이드버튼 ── */
html[data-v="glass"] .wz-side-btn__item {
    border-radius: 0 12px 12px 0 !important;
    height: 48px !important;
    max-width: 44px !important;
}
html[data-v="glass"] .wz-side-btn__item .wz-side-btn__icon {
    font-size: 1.1rem !important;
}

/* ── [glass] 좌측 퀵메뉴 (데스크탑) ── */
@media (min-width: 861px) {
    html[data-v="glass"] #quick { width:88px !important; }
    html[data-v="glass"] #quick .quick_menu { width:88px !important; }
    html[data-v="glass"] #quick .quick_menu ul { gap:3px !important; }
    html[data-v="glass"] #quick .quick_menu ul > li {
        border-radius: 12px !important;
        width:88px !important; height:88px !important;
        backdrop-filter:blur(16px) !important;
    }
    html[data-v="glass"] #quick .quick_menu a i { font-size:1.8rem !important; }
}

/* ── [glass] 메인 비주얼 타이틀 — 팔레트 무관, 항상 흰색/고대비 ── */
html[data-v="glass"] .h3-tit.tit01 { font-size:3.2rem;font-weight:600;letter-spacing:-0.5px; color:var(--visual-tit, #ffffff) !important; }
html[data-v="glass"] .h2-tit.tit02 { font-size:1.45rem;letter-spacing:0.5px;font-weight:400; color:var(--visual-txt, rgba(255,255,255,0.92)) !important; }
html[data-v="glass"] .h3-tit.tit03 { font-size:1rem;line-height:1.8;padding:8px 0 12px; color:var(--visual-txt, rgba(255,255,255,0.80)) !important; }



/* ============================================================
   [MINIMAL] 레이아웃
   ============================================================ */

/* ── 기본 CSS 변수 (팔레트 미선택 시 폴백) ── */
html[data-v="minimal"] {
    --radius: 0;
    --header-h: 72px;
    --sub-h: 260px;
    --transition: transition:all .2s ease;;
    /* 팔레트가 없을 때 기본 dark 폴백 */
    --p:    var(--p, #182954);
    --p2:   var(--p2, #0f1d3a);
    --p3:   var(--p3, #091226);
    --a1:   var(--a1, #c9a84c);
    --a1t:  var(--a1t, #111);
    --a2:   var(--a2, #e8d5a0);
    --ht:   var(--ht, #ffffff);
    --nav:  var(--nav, #ffffff);
    --nav-h: var(--nav-h, #c9a84c);
}

/* ── 헤더 ── */
html[data-v="minimal"] header {
    background: transparent;
    transition:all .2s ease;
}
html[data-v="minimal"] header.fixed {
    background: var(--p-97, rgba(24,41,84,0.97)) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important;
}
html[data-v="minimal"] .gnb_1da {
    font-weight: 300 !important;
    color: var(--ht, #fff) !important;
    transition:all .2s ease;
}
html[data-v="minimal"] .gnb_1da:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="minimal"] header .hd_wrap .hd_tel { color: var(--ht, #fff) !important; transition:all .2s ease; }
html[data-v="minimal"] header.fixed .gnb_1da { color: var(--ht, #fff) !important; }
html[data-v="minimal"] header.fixed .hd_wrap .hd_tel { color: var(--ht, #fff) !important; }
html[data-v="minimal"] #gnb .gnb_menu_btn { color: var(--ht, #fff) !important; }

/* ── 서브비주얼 ── */
html[data-v="minimal"] .sub_bg {
    min-height: 260px !important;
    height: 260px !important;
    background: linear-gradient(160deg, var(--p, #182954) 0%, var(--p3, #091226) 70%) !important;
    overflow: hidden !important;
    position: relative !important;
}
html[data-v="minimal"] .sub_bg::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to bottom, transparent 40%, var(--p-60, rgba(24,41,84,0.6)) 100%) !important;
    pointer-events: none !important;
}
html[data-v="minimal"] .sub_bg h2 { position:relative; z-index:2; }
html[data-v="minimal"] .sub_bg h2 strong {
    color: #fff !important;
    font-size: 2.2rem !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-shadow: 0 2px 20px rgba(0,0,0,0.45) !important;
    display: block !important;
}
html[data-v="minimal"] .sub_bg h2 .sub-title {
    color: var(--a1, #c9a84c) !important;
    text-shadow: 0 1px 8px rgba(0,0,0,0.3) !important;
    letter-spacing: 3px !important;
    display: block !important;
    margin-top: 8px !important;
}

/* ── 서브타이틀 ── */
html[data-v="minimal"] .sub_title { text-align: center !important; }
html[data-v="minimal"] .sub_title > h2.tit01 {
    font-size:2.6rem;font-weight:200;letter-spacing:-1px;
    color: var(--p, #182954) !important;
    word-break: keep-all !important;
    text-wrap: balance !important;
    line-height: 1.45 !important;
}
html[data-v="minimal"] .sub_title > h2.tit02 {
    font-size:1.4rem;letter-spacing:1px;font-weight:400;
    color: var(--a1, #c9a84c) !important;
    word-break: keep-all !important;
    text-wrap: balance !important;
}
html[data-v="minimal"] .sub_title > h2.tit03 {
    color: var(--a2, #e8d5a0) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    word-break: keep-all !important;
    text-wrap: balance !important;
}

/* ── 섹션 타이틀 ── */
html[data-v="minimal"] .inner_wrap > h2.tit:after {
    content: '' !important;
    display: block !important;
    width: 40px !important;
    height: 1px !important;
    background: var(--a1, #c9a84c) !important;
    margin: 14px auto 0 !important;
    border-radius: 2px !important;
}

/* ── wz-blk-tit / wz-blk-sub ── */
html[data-v="minimal"] .sub_title h2.tit01 {
    font-size:2rem;font-weight:200;letter-spacing:-1px;padding-bottom:10px;
    color: var(--p, #182954) !important;
    border-color: var(--a1, #c9a84c) !important;
    text-wrap: balance;
}
html[data-v="minimal"] .sub_title h2.tit02 {
    font-size:0.95rem;font-weight:300;line-height:1.8;padding:8px 0 12px;letter-spacing:0.5px;
    color: var(--a2, #555) !important;
}

/* ── 서브메뉴(브레드크럼) ── */
html[data-v="minimal"] #submenu {
    background: #fff !important;
    border-bottom: 2px solid var(--a1-20, rgba(201,168,76,0.2)) !important;
}
html[data-v="minimal"] .sub_bc_home {
    background: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
    border-radius: 4px !important;
    transition:all .2s ease;
}
html[data-v="minimal"] .sub_bc_btn.open,
html[data-v="minimal"] .sub_bc_btn:hover {
    background: var(--a1, #c9a84c) !important;
    border-color: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
}
html[data-v="minimal"] .sub_bc_list li a:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="minimal"] .sub_bc_list li.active a { color: var(--a1, #c9a84c) !important; font-weight:700 !important; }
html[data-v="minimal"] .sub_bc_list li.active a:before { background: var(--a1, #c9a84c) !important; }

/* ── 푸터 ── */
html[data-v="minimal"] #ft,
html[data-v="minimal"] footer {
    background: var(--p2, #0f1d3a) !important;
    border-top: 1px solid var(--a1-12, rgba(201,168,76,0.12)) !important;
    color: var(--ht, #fff) !important;
}

/* ── 버튼 ── */
html[data-v="minimal"] .btn_submit,
html[data-v="minimal"] button[type="submit"],
html[data-v="minimal"] input[type="submit"] {
    background: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
    border-color: var(--a1, #c9a84c) !important;
    border-radius: 0 !important;
    font-weight:600;
    transition:all .2s ease;
}
html[data-v="minimal"] .btn_submit:hover,
html[data-v="minimal"] button[type="submit"]:hover {
    opacity: 0.88 !important;
    transform: translateY(-2px) !important;
}

/* ── 탭 ── */
html[data-v="minimal"] .wz-tablink.active {
    border-bottom-color: var(--a1, #c9a84c) !important;
    color: var(--a1, #c9a84c) !important;
}
html[data-v="minimal"] .custom-tablink.active {
    background: var(--a1, #c9a84c) !important;
    border-color: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
}

/* ── 테이블 ── */
html[data-v="minimal"] #ctt table {
    border-top: 2px solid var(--p, #182954) !important;
}
html[data-v="minimal"] #ctt table tr td:first-child {
    background: var(--p, #182954) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

/* ── 사업개요 ── */
html[data-v="minimal"] .property-container .category {
    background: var(--p, #182954) !important;
    color: #fff !important;
}

/* ── GNB 드롭다운 ── */
html[data-v="minimal"] #gnb_all .gnb_panel {
    background: var(--p2, #0f1d3a) !important;
}
html[data-v="minimal"] #gnb_all .gnb_panel a { color: var(--ht-80, rgba(255,255,255,0.8)) !important; transition:all .2s ease; }
html[data-v="minimal"] #gnb_all .gnb_panel a:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="minimal"] .gnb_2dul .gnb_2dul_box {
    border-top: 2px solid var(--a1, #c9a84c) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}
/* ── 헤더 hover 투명배경 제거 (submenu_bg) ── */
html[data-v="minimal"] header .submenu_bg {
    background: var(--p, #182954) !important;
    background: linear-gradient(to bottom, var(--p, #182954) 0%, var(--p2, #0f1d3a) 100%) !important;
}

/* ── 사이드버튼 ── */
html[data-v="minimal"] .wz-side-btn__item {
    background: var(--p, #182954) !important;
    color: var(--ht, #fff) !important;
    border-radius: 0 24px 24px 0 !important;
    max-width: 44px !important;
    height: 48px !important;
}
html[data-v="minimal"] .wz-side-btn__item:hover {
    background: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
    max-width: 120px !important;
}

/* ── 퀵메뉴 (데스크탑 861px+) ── */
@media (min-width: 861px) {
    html[data-v="minimal"] #quick { width:90px !important; right:20px !important; }
    html[data-v="minimal"] #quick .quick_menu { width:90px !important; }
    html[data-v="minimal"] #quick .quick_menu ul { display:flex; flex-direction:column; gap:3px; }
    html[data-v="minimal"] #quick .quick_menu ul > li {
        background: var(--p, #182954) !important;
        border-radius: 50% !important;
        width:90px !important; height:90px !important;
        overflow:hidden !important; margin-bottom:0 !important;
        box-shadow: 2px 2px 1rem rgba(0,0,0,0.3) !important;
        transition:all .2s ease;
    }
    html[data-v="minimal"] #quick .quick_menu a i { color: var(--a1, #c9a84c) !important; font-size:1.8rem !important; }
    html[data-v="minimal"] #quick .quick_menu a strong { color: var(--ht, #fff) !important; }
    html[data-v="minimal"] #quick .quick_menu h2 {
        background: var(--p, #182954) !important;
        border-bottom: 3px solid var(--a1, #c9a84c) !important;
    }
}

/* ── 퀵메뉴 (모바일 ≤860px) ── */
@media (max-width: 860px) {
    html[data-v="minimal"] #quick { top:auto !important; left:0 !important; bottom:0 !important; width:100% !important; right:auto !important; border-radius:0 !important; }
    html[data-v="minimal"] #quick .quick_menu { width:auto !important; }
    html[data-v="minimal"] #quick .quick_menu ul { display:flex !important; flex-direction:row !important; gap:0 !important; }
    html[data-v="minimal"] #quick .quick_menu ul > li { width:33.333% !important; height:auto !important; border-radius:0 !important; box-shadow:none !important; margin-bottom:0 !important; background:#fff !important; }
    html[data-v="minimal"] #quick .quick_menu ul > li + li { border-left:1px solid #E2E2E2 !important; }
    html[data-v="minimal"] #quick .quick_menu ul > li a { height:100% !important; padding:8px 0 !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; background:transparent !important; color:#333 !important; }
    html[data-v="minimal"] #quick .quick_menu ul > li a i { font-size:1.5rem !important; color:var(--a1, #c9a84c) !important; }
    html[data-v="minimal"] #quick .quick_menu ul > li strong { display:block !important; font-size:0.85rem !important; margin-top:0.4rem !important; color:#333 !important; }
}

/* ── 반응형 ── */
@media (max-width: 1024px) {
    html[data-v="minimal"] .sub_bg { min-height:240px !important; }
    html[data-v="minimal"] .sub_title > h2.tit01 { font-size:1.8rem !important; }
}
@media (max-width: 768px) {
    html[data-v="minimal"] .sub_bg h2 strong { font-size:1.6rem !important; }
    html[data-v="minimal"] .sub_title > h2.tit01 { font-size:1.45rem !important; text-wrap:balance !important; }
    html[data-v="minimal"] .sub_title > h2.tit02 { font-size:1.15rem !important; }
    html[data-v="minimal"] #quick .quick_menu ul > li:hover { transform:none !important; }
}
@media (max-width: 480px) {
    html[data-v="minimal"] .sub_title > h2.tit01 { font-size:1.2rem !important; }
}


/* ── [minimal] 입지환경 섹션 ── */
html[data-v="minimal"] .wz-loc-cat {
    border-radius: 0 !important;
}
html[data-v="minimal"] .wz-loc-cat-header {
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
html[data-v="minimal"] .wz-loc-cat-name {
    font-weight: 300 !important;
    font-size:1.4rem;letter-spacing:1px;font-weight:400;
    color: var(--p,#182954) !important;
}
html[data-v="minimal"] .wz-loc-cat-title {
    font-size:0.95rem;font-weight:300;line-height:1.8;padding:8px 0 12px;letter-spacing:0.5px;
}

/* ── [minimal] 방문예약 폼 ── */
html[data-v="minimal"] #fwrite2 input[type=text], #fwrite2 textarea,
html[data-v="minimal"] #fwrite2 select {
    border-radius: 0 !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    transition:all .2s ease;
}
html[data-v="minimal"] #fwrite2 input[type=text]:focus, #fwrite2 textarea:focus,
html[data-v="minimal"] #fwrite2 select:focus {
    border-color: var(--a1,#c9a84c) !important;
    box-shadow: 0 0 0 2px var(--a1-12,rgba(201,168,76,0.12)) !important;
}
html[data-v="minimal"] #btn_submit2 {
    border-radius: 0 !important;
    font-weight:600;
    background: var(--p,#182954) !important;
    color: var(--ht,#fff) !important;
}
html[data-v="minimal"] #btn_submit2:hover {
    background: var(--a1,#c9a84c) !important;
    color: var(--a1t,#111) !important;
}

/* ── [minimal] 우측 사이드버튼 ── */
html[data-v="minimal"] .wz-side-btn__item {
    border-radius: 0 !important;
    height: 42px !important;
    max-width: 40px !important;
}
html[data-v="minimal"] .wz-side-btn__item .wz-side-btn__icon {
    font-size: 1rem !important;
}

/* ── [minimal] 좌측 퀵메뉴 (데스크탑) ── */
@media (min-width: 861px) {
    html[data-v="minimal"] #quick { width:72px !important; }
    html[data-v="minimal"] #quick .quick_menu { width:72px !important; }
    html[data-v="minimal"] #quick .quick_menu ul { gap:3px !important; }
    html[data-v="minimal"] #quick .quick_menu ul > li {
        border-radius: 0 !important;
        width:72px !important; height:72px !important;
        
    }
    html[data-v="minimal"] #quick .quick_menu a i { font-size:1.6rem !important; }
}

/* ── [minimal] 메인 비주얼 타이틀 — 팔레트 무관, 항상 흰색/고대비 ── */
html[data-v="minimal"] .h3-tit.tit01 { font-size:2.6rem;font-weight:200;letter-spacing:-1px; color:var(--visual-tit, #ffffff) !important; }
html[data-v="minimal"] .h2-tit.tit02 { font-size:1.4rem;letter-spacing:1px;font-weight:400; color:var(--visual-txt, rgba(255,255,255,0.92)) !important; }
html[data-v="minimal"] .h3-tit.tit03 { font-size:0.95rem;font-weight:300;line-height:1.8;padding:8px 0 12px;letter-spacing:0.5px; color:var(--visual-txt, rgba(255,255,255,0.80)) !important; }



/* ============================================================
   [SOFT] 레이아웃
   ============================================================ */

/* ── 기본 CSS 변수 (팔레트 미선택 시 폴백) ── */
html[data-v="soft"] {
    --radius: 16px;
    --header-h: 80px;
    --sub-h: 300px;
    --transition: transition:all .3s cubic-bezier(.4,0,.2,1);;
    /* 팔레트가 없을 때 기본 dark 폴백 */
    --p:    var(--p, #182954);
    --p2:   var(--p2, #0f1d3a);
    --p3:   var(--p3, #091226);
    --a1:   var(--a1, #c9a84c);
    --a1t:  var(--a1t, #111);
    --a2:   var(--a2, #e8d5a0);
    --ht:   var(--ht, #ffffff);
    --nav:  var(--nav, #ffffff);
    --nav-h: var(--nav-h, #c9a84c);
}

/* ── 헤더 ── */
html[data-v="soft"] header {
    background: transparent;
    transition:all .3s cubic-bezier(.4,0,.2,1);
}
html[data-v="soft"] header.fixed {
    background: var(--p-97, rgba(24,41,84,0.97)) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important;
}
html[data-v="soft"] .gnb_1da {
    font-weight: 400 !important;
    color: var(--ht, #fff) !important;
    transition:all .3s cubic-bezier(.4,0,.2,1);
}
html[data-v="soft"] .gnb_1da:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="soft"] header .hd_wrap .hd_tel { color: var(--ht, #fff) !important; transition:all .3s cubic-bezier(.4,0,.2,1); }
html[data-v="soft"] header.fixed .gnb_1da { color: var(--ht, #fff) !important; }
html[data-v="soft"] header.fixed .hd_wrap .hd_tel { color: var(--ht, #fff) !important; }
html[data-v="soft"] #gnb .gnb_menu_btn { color: var(--ht, #fff) !important; }

/* ── 서브비주얼 ── */
html[data-v="soft"] .sub_bg {
    min-height: 300px !important;
    height: 300px !important;
    background: linear-gradient(160deg, var(--p, #182954) 0%, var(--p3, #091226) 70%) !important;
    overflow: hidden !important;
    position: relative !important;
}
html[data-v="soft"] .sub_bg::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to bottom, transparent 40%, var(--p-60, rgba(24,41,84,0.6)) 100%) !important;
    pointer-events: none !important;
}
html[data-v="soft"] .sub_bg h2 { position:relative; z-index:2; }
html[data-v="soft"] .sub_bg h2 strong {
    color: #fff !important;
    font-size: 2.2rem !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-shadow: 0 2px 20px rgba(0,0,0,0.45) !important;
    display: block !important;
}
html[data-v="soft"] .sub_bg h2 .sub-title {
    color: var(--a1, #c9a84c) !important;
    text-shadow: 0 1px 8px rgba(0,0,0,0.3) !important;
    letter-spacing: 3px !important;
    display: block !important;
    margin-top: 8px !important;
}

/* ── 서브타이틀 ── */
html[data-v="soft"] .sub_title { text-align: center !important; }
html[data-v="soft"] .sub_title > h2.tit01 {
    font-size:3rem;font-weight:700;letter-spacing:-0.3px;line-height:1.45;
    color: var(--p, #182954) !important;
    word-break: keep-all !important;
    text-wrap: balance !important;
    line-height: 1.45 !important;
}
html[data-v="soft"] .sub_title > h2.tit02 {
    font-size:1.4rem;letter-spacing:0.3px;font-weight:500;
    color: var(--a1, #c9a84c) !important;
    word-break: keep-all !important;
    text-wrap: balance !important;
}
html[data-v="soft"] .sub_title > h2.tit03 {
    color: var(--a2, #e8d5a0) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    word-break: keep-all !important;
    text-wrap: balance !important;
}

/* ── 섹션 타이틀 ── */
html[data-v="soft"] .inner_wrap > h2.tit:after {
    content: '' !important;
    display: block !important;
    width: 48px !important;
    height: 2px !important;
    background: var(--a1, #c9a84c) !important;
    margin: 14px auto 0 !important;
    border-radius: 2px !important;
}

/* ── wz-blk-tit / wz-blk-sub ── */
html[data-v="soft"] .sub_title h2.tit01 {
    font-size:1.9rem;font-weight:700;
    color: var(--p, #182954) !important;
    border-color: var(--a1, #c9a84c) !important;
    text-wrap: balance;
}
html[data-v="soft"] .sub_title h2.tit02 {
    font-size:1rem;line-height:1.85;padding:8px 0 12px;
    color: var(--a2, #555) !important;
}

/* ── 서브메뉴(브레드크럼) ── */
html[data-v="soft"] #submenu {
    background: #fff !important;
    border-bottom: 2px solid var(--a1-20, rgba(201,168,76,0.2)) !important;
}
html[data-v="soft"] .sub_bc_home {
    background: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
    border-radius: 16px !important;
    transition:all .3s cubic-bezier(.4,0,.2,1);
}
html[data-v="soft"] .sub_bc_btn.open,
html[data-v="soft"] .sub_bc_btn:hover {
    background: var(--a1, #c9a84c) !important;
    border-color: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
}
html[data-v="soft"] .sub_bc_list li a:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="soft"] .sub_bc_list li.active a { color: var(--a1, #c9a84c) !important; font-weight:700 !important; }
html[data-v="soft"] .sub_bc_list li.active a:before { background: var(--a1, #c9a84c) !important; }

/* ── 푸터 ── */
html[data-v="soft"] #ft,
html[data-v="soft"] footer {
    background: var(--p2, #0f1d3a) !important;
    border-top: 1px solid var(--a1-12, rgba(201,168,76,0.12)) !important;
    color: var(--ht, #fff) !important;
}

/* ── 버튼 ── */
html[data-v="soft"] .btn_submit,
html[data-v="soft"] button[type="submit"],
html[data-v="soft"] input[type="submit"] {
    background: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
    border-color: var(--a1, #c9a84c) !important;
    border-radius: 50px !important;
    
    transition:all .3s cubic-bezier(.4,0,.2,1);
}
html[data-v="soft"] .btn_submit:hover,
html[data-v="soft"] button[type="submit"]:hover {
    opacity: 0.88 !important;
    transform: translateY(-2px) !important;
}

/* ── 탭 ── */
html[data-v="soft"] .wz-tablink.active {
    border-bottom-color: var(--a1, #c9a84c) !important;
    color: var(--a1, #c9a84c) !important;
}
html[data-v="soft"] .custom-tablink.active {
    background: var(--a1, #c9a84c) !important;
    border-color: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
}

/* ── 테이블 ── */
html[data-v="soft"] #ctt table {
    border-top: 2px solid var(--p, #182954) !important;
}
html[data-v="soft"] #ctt table tr td:first-child {
    background: var(--p, #182954) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

/* ── 사업개요 ── */
html[data-v="soft"] .property-container .category {
    background: var(--p, #182954) !important;
    color: #fff !important;
}

/* ── GNB 드롭다운 ── */
html[data-v="soft"] #gnb_all .gnb_panel {
    background: var(--p2, #0f1d3a) !important;
}
html[data-v="soft"] #gnb_all .gnb_panel a { color: var(--ht-80, rgba(255,255,255,0.8)) !important; transition:all .3s cubic-bezier(.4,0,.2,1); }
html[data-v="soft"] #gnb_all .gnb_panel a:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="soft"] .gnb_2dul .gnb_2dul_box {
    border-top: 2px solid var(--a1, #c9a84c) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}
/* ── 헤더 hover 투명배경 제거 (submenu_bg) ── */
html[data-v="soft"] header .submenu_bg {
    background: var(--p, #182954) !important;
    background: linear-gradient(to bottom, var(--p, #182954) 0%, var(--p2, #0f1d3a) 100%) !important;
}

/* ── 사이드버튼 ── */
html[data-v="soft"] .wz-side-btn__item {
    background: var(--p, #182954) !important;
    color: var(--ht, #fff) !important;
    border-radius: 0 24px 24px 0 !important;
    max-width: 44px !important;
    height: 48px !important;
}
html[data-v="soft"] .wz-side-btn__item:hover {
    background: var(--a1, #c9a84c) !important;
    color: var(--a1t, #111) !important;
    max-width: 120px !important;
}

/* ── 퀵메뉴 (데스크탑 861px+) ── */
@media (min-width: 861px) {
    html[data-v="soft"] #quick { width:90px !important; right:20px !important; }
    html[data-v="soft"] #quick .quick_menu { width:90px !important; }
    html[data-v="soft"] #quick .quick_menu ul { display:flex; flex-direction:column; gap:3px; }
    html[data-v="soft"] #quick .quick_menu ul > li {
        background: var(--p, #182954) !important;
        border-radius: 16px !important;
        width:90px !important; height:90px !important;
        overflow:hidden !important; margin-bottom:0 !important;
        box-shadow: 2px 2px 1rem rgba(0,0,0,0.3) !important;
        transition:all .3s cubic-bezier(.4,0,.2,1);
    }
    html[data-v="soft"] #quick .quick_menu a i { color: var(--a1, #c9a84c) !important; font-size:1.8rem !important; }
    html[data-v="soft"] #quick .quick_menu a strong { color: var(--ht, #fff) !important; }
    html[data-v="soft"] #quick .quick_menu h2 {
        background: var(--p, #182954) !important;
        border-bottom: 3px solid var(--a1, #c9a84c) !important;
    }
}

/* ── 퀵메뉴 (모바일 ≤860px) ── */
@media (max-width: 860px) {
    html[data-v="soft"] #quick { top:auto !important; left:0 !important; bottom:0 !important; width:100% !important; right:auto !important; border-radius:0 !important; }
    html[data-v="soft"] #quick .quick_menu { width:auto !important; }
    html[data-v="soft"] #quick .quick_menu ul { display:flex !important; flex-direction:row !important; gap:0 !important; }
    html[data-v="soft"] #quick .quick_menu ul > li { width:33.333% !important; height:auto !important; border-radius:0 !important; box-shadow:none !important; margin-bottom:0 !important; background:#fff !important; }
    html[data-v="soft"] #quick .quick_menu ul > li + li { border-left:1px solid #E2E2E2 !important; }
    html[data-v="soft"] #quick .quick_menu ul > li a { height:100% !important; padding:8px 0 !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; background:transparent !important; color:#333 !important; }
    html[data-v="soft"] #quick .quick_menu ul > li a i { font-size:1.5rem !important; color:var(--a1, #c9a84c) !important; }
    html[data-v="soft"] #quick .quick_menu ul > li strong { display:block !important; font-size:0.85rem !important; margin-top:0.4rem !important; color:#333 !important; }
}

/* ── 반응형 ── */
@media (max-width: 1024px) {
    html[data-v="soft"] .sub_bg { min-height:240px !important; }
    html[data-v="soft"] .sub_title > h2.tit01 { font-size:1.8rem !important; }
}
@media (max-width: 768px) {
    html[data-v="soft"] .sub_bg h2 strong { font-size:1.6rem !important; }
    html[data-v="soft"] .sub_title > h2.tit01 { font-size:1.45rem !important; text-wrap:balance !important; }
    html[data-v="soft"] .sub_title > h2.tit02 { font-size:1.15rem !important; }
    html[data-v="soft"] #quick .quick_menu ul > li:hover { transform:none !important; }
}
@media (max-width: 480px) {
    html[data-v="soft"] .sub_title > h2.tit01 { font-size:1.2rem !important; }
}


/* ── [soft] 입지환경 섹션 ── */
html[data-v="soft"] .wz-loc-cat {
    border-radius: 16px !important;
}
html[data-v="soft"] .wz-loc-cat-header {
    border-bottom: 2px solid var(--a1,#c9a84c) !important;
}
html[data-v="soft"] .wz-loc-cat-name {
    font-weight: 600 !important;
    font-size:1.4rem;letter-spacing:0.3px;font-weight:500;
    color: var(--p,#182954) !important;
}
html[data-v="soft"] .wz-loc-cat-title {
    font-size:1rem;line-height:1.85;padding:8px 0 12px;
}

/* ── [soft] 방문예약 폼 ── */
html[data-v="soft"] #fwrite2 input[type=text], #fwrite2 textarea,
html[data-v="soft"] #fwrite2 select {
    border-radius: 50px !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    transition:all .3s cubic-bezier(.4,0,.2,1);
}
html[data-v="soft"] #fwrite2 input[type=text]:focus, #fwrite2 textarea:focus,
html[data-v="soft"] #fwrite2 select:focus {
    border-color: var(--a1,#c9a84c) !important;
    box-shadow: 0 0 0 2px var(--a1-12,rgba(201,168,76,0.12)) !important;
}
html[data-v="soft"] #btn_submit2 {
    border-radius: 50px !important;
    
    background: var(--p,#182954) !important;
    color: var(--ht,#fff) !important;
}
html[data-v="soft"] #btn_submit2:hover {
    background: var(--a1,#c9a84c) !important;
    color: var(--a1t,#111) !important;
}

/* ── [soft] 우측 사이드버튼 ── */
html[data-v="soft"] .wz-side-btn__item {
    border-radius: 0 50px 50px 0 !important;
    height: 52px !important;
    max-width: 44px !important;
}
html[data-v="soft"] .wz-side-btn__item .wz-side-btn__icon {
    font-size: 1.1rem !important;
}

/* ── [soft] 좌측 퀵메뉴 (데스크탑) ── */
@media (min-width: 861px) {
    html[data-v="soft"] #quick { width:88px !important; }
    html[data-v="soft"] #quick .quick_menu { width:88px !important; }
    html[data-v="soft"] #quick .quick_menu ul { gap:3px !important; }
    html[data-v="soft"] #quick .quick_menu ul > li {
        border-radius: 50px !important;
        width:88px !important; height:88px !important;
        
    }
    html[data-v="soft"] #quick .quick_menu a i { font-size:1.8rem !important; }
}

/* ── [soft] 메인 비주얼 타이틀 — 팔레트 무관, 항상 흰색/고대비 ── */
html[data-v="soft"] .h3-tit.tit01 { font-size:3rem;font-weight:700;letter-spacing:-0.3px;line-height:1.45; color:var(--visual-tit, #ffffff) !important; }
html[data-v="soft"] .h2-tit.tit02 { font-size:1.4rem;letter-spacing:0.3px;font-weight:500; color:var(--visual-txt, rgba(255,255,255,0.92)) !important; }
html[data-v="soft"] .h3-tit.tit03 { font-size:1rem;line-height:1.85;padding:8px 0 12px; color:var(--visual-txt, rgba(255,255,255,0.80)) !important; }





/* ============================================================
   [TIMELINE] 레이아웃 — 타임라인 세로선형
   ============================================================ */

html[data-v="timeline"] {
    --radius: 0;
    --header-h: 76px;
    --sub-h: 340px;
    --p:    var(--p, #1a3a5c);
    --ht:   var(--ht, #fff);
}
html[data-v="timeline"] header { background: var(--p) !important; }
html[data-v="timeline"] header.fixed { background: var(--p) !important; box-shadow: 0 2px 12px rgba(0,0,0,.18) !important; }
html[data-v="timeline"] .gnb_1da { color: var(--ht, #fff) !important; }
html[data-v="timeline"] .gnb_1da:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="timeline"] header .hd_wrap .hd_tel { color: var(--ht, #fff) !important; }
html[data-v="timeline"] .sub_bg {
    position: relative;
    background: var(--p) !important;
    min-height: 280px !important;
}
html[data-v="timeline"] .sub_bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.1) 100%);
    pointer-events: none;
}
html[data-v="timeline"] .sub_bg h2 { position: relative; z-index: 2; }
html[data-v="timeline"] .sub_title { text-align: left !important; }
html[data-v="timeline"] .sub_title > h2.tit01 { border-left: 4px solid var(--a1, var(--p)) !important; padding-left: 1rem !important; }
html[data-v="timeline"] #ft, html[data-v="timeline"] footer { background: var(--p) !important; color: rgba(255,255,255,.8) !important; }
html[data-v="timeline"] .btn_submit,
html[data-v="timeline"] button[type="submit"],
html[data-v="timeline"] input[type="submit"] { background: var(--p) !important; border-radius: 0 !important; color: #fff !important; }
html[data-v="timeline"] #submenu { background: var(--p) !important; }
html[data-v="timeline"] .sub_bc_home { color: rgba(255,255,255,.7) !important; }
html[data-v="timeline"] .sub_bc_btn.open, html[data-v="timeline"] .sub_bc_btn:hover { background: var(--a1, var(--p)) !important; }
html[data-v="timeline"] .sub_bc_list li a:hover { color: var(--a1, var(--p)) !important; }
html[data-v="timeline"] .wz-tablink.active { border-color: var(--a1, var(--p)) !important; color: var(--a1, var(--p)) !important; }


/* ============================================================
   [BOLD] 레이아웃 — 대형 타이포 강조형
   ============================================================ */

html[data-v="bold"] {
    --radius: 0;
    --header-h: 90px;
    --sub-h: 420px;
    --p:    var(--p, #0d1b2a);
    --ht:   var(--ht, #fff);
}
html[data-v="bold"] header { background: transparent !important; }
html[data-v="bold"] header.fixed { background: var(--p) !important; box-shadow: 0 2px 16px rgba(0,0,0,.25) !important; }
html[data-v="bold"] .gnb_1da { color: var(--ht, #fff) !important; font-weight: 700 !important; letter-spacing: .04em !important; }
html[data-v="bold"] .gnb_1da:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="bold"] header .hd_wrap .hd_tel { color: var(--ht, #fff) !important; }
html[data-v="bold"] .sub_bg {
    position: relative;
    background: var(--p) !important;
    min-height: 280px !important;
}
html[data-v="bold"] .sub_bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);
    pointer-events: none;
}
html[data-v="bold"] .sub_bg h2 { position: relative; z-index: 2; }
html[data-v="bold"] .sub_bg h2 strong { font-size: 3.8rem !important; font-weight: 900 !important; letter-spacing: -.04em !important; }
html[data-v="bold"] .sub_title { text-align: center !important; }
html[data-v="bold"] .sub_title > h2.tit01 { font-size: 3.2rem !important; font-weight: 900 !important; letter-spacing: -.04em !important; }
html[data-v="bold"] .sub_title > h2.tit01::after { content: ''; display: block; height: 5px; width: 60px; background: var(--a1, var(--p)); margin: 1rem auto 0 !important; }
html[data-v="bold"] #ft, html[data-v="bold"] footer { background: #0a0a0a !important; color: rgba(255,255,255,.7) !important; }
html[data-v="bold"] .btn_submit,
html[data-v="bold"] button[type="submit"],
html[data-v="bold"] input[type="submit"] { background: var(--p) !important; border-radius: 0 !important; letter-spacing: .08em !important; font-weight: 700 !important; color: #fff !important; }
html[data-v="bold"] #submenu { background: var(--p) !important; }
html[data-v="bold"] .sub_bc_home { color: rgba(255,255,255,.7) !important; }
html[data-v="bold"] .sub_bc_btn.open, html[data-v="bold"] .sub_bc_btn:hover { background: var(--a1, var(--p)) !important; }
html[data-v="bold"] .sub_bc_list li a:hover { color: var(--a1, var(--p)) !important; }
html[data-v="bold"] .wz-tablink.active { border-color: var(--a1, var(--p)) !important; color: var(--a1, var(--p)) !important; }


/* ============================================================
   [ZIGZAG] 레이아웃 — 카드 교차 배치형
   ============================================================ */

html[data-v="zigzag"] {
    --radius: 10px;
    --header-h: 80px;
    --sub-h: 360px;
    --p:    var(--p, #1a4e6e);
    --ht:   var(--ht, #fff);
}
html[data-v="zigzag"] header { background: var(--p) !important; }
html[data-v="zigzag"] header.fixed { background: var(--p) !important; box-shadow: 0 2px 12px rgba(0,0,0,.18) !important; }
html[data-v="zigzag"] .gnb_1da { color: var(--ht, #fff) !important; }
html[data-v="zigzag"] .gnb_1da:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="zigzag"] header .hd_wrap .hd_tel { color: var(--ht, #fff) !important; }
html[data-v="zigzag"] .sub_bg {
    position: relative;
    background: var(--p) !important;
    min-height: 280px !important;
}
html[data-v="zigzag"] .sub_bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom right, rgba(0,0,0,.3) 0%, rgba(0,0,0,.05) 100%);
    pointer-events: none;
}
html[data-v="zigzag"] .sub_bg h2 { position: relative; z-index: 2; }
html[data-v="zigzag"] .sub_title { text-align: center !important; }
html[data-v="zigzag"] .sub_title > h2.tit02 { background: var(--a1, var(--p)); color: #fff !important; display: inline-block; padding: .3rem 1.2rem; border-radius: 20px; font-size: .85rem; }
html[data-v="zigzag"] #ft, html[data-v="zigzag"] footer { background: var(--p) !important; color: rgba(255,255,255,.8) !important; }
html[data-v="zigzag"] .btn_submit,
html[data-v="zigzag"] button[type="submit"],
html[data-v="zigzag"] input[type="submit"] { background: var(--p) !important; border-radius: 8px !important; color: #fff !important; }
html[data-v="zigzag"] #submenu { background: var(--p) !important; }
html[data-v="zigzag"] .sub_bc_home { color: rgba(255,255,255,.7) !important; }
html[data-v="zigzag"] .sub_bc_btn.open, html[data-v="zigzag"] .sub_bc_btn:hover { background: var(--a1, var(--p)) !important; }
html[data-v="zigzag"] .sub_bc_list li a:hover { color: var(--a1, var(--p)) !important; }
html[data-v="zigzag"] .wz-tablink.active { background: var(--p) !important; color: #fff !important; border-color: var(--p) !important; border-radius: 50px !important; }


/* ============================================================
   [DARK] 레이아웃 — 다크 배경 기반형
   ============================================================ */

html[data-v="dark"] {
    --radius: 4px;
    --header-h: 80px;
    --sub-h: 360px;
    --p:    var(--p, #1a1a2e);
    --ht:   var(--ht, #e0e0e0);
}
html[data-v="dark"] body { background: #111318 !important; color: #cfd0d4 !important; }
html[data-v="dark"] #wrap { background: #111318 !important; }
html[data-v="dark"] header { background: #0d0e14 !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; }
html[data-v="dark"] header.fixed { background: #0d0e14 !important; box-shadow: 0 2px 16px rgba(0,0,0,.5) !important; }
html[data-v="dark"] .gnb_1da { color: #d0d2d8 !important; }
html[data-v="dark"] .gnb_1da:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="dark"] header .hd_wrap .hd_tel { color: #ccc !important; }
html[data-v="dark"] .sub_bg {
    position: relative;
    background: #0d0e14 !important;
    min-height: 280px !important;
}
html[data-v="dark"] .sub_bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.2) 100%);
    pointer-events: none;
}
html[data-v="dark"] .sub_bg h2 { position: relative; z-index: 2; color: #fff !important; }
html[data-v="dark"] .sub_title { text-align: left !important; }
html[data-v="dark"] .sub_title > h2.tit01 { color: #f0f0f0 !important; }
html[data-v="dark"] .sub_title > h2.tit02 { color: var(--a1, #c9a84c) !important; }
html[data-v="dark"] .inner_wrap { background: #111318 !important; }
html[data-v="dark"] #ctt { color: #cfd0d4 !important; }
html[data-v="dark"] #ctt h1, html[data-v="dark"] #ctt h2, html[data-v="dark"] #ctt h3 { color: #f0f0f0 !important; }
html[data-v="dark"] #ft, html[data-v="dark"] footer { background: #070709 !important; color: rgba(255,255,255,.55) !important; }
html[data-v="dark"] .btn_submit,
html[data-v="dark"] button[type="submit"],
html[data-v="dark"] input[type="submit"] { background: var(--a1, var(--p)) !important; border-radius: 4px !important; color: var(--a1t, #fff) !important; border: none !important; }
html[data-v="dark"] #submenu { background: #0d0e14 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; }
html[data-v="dark"] .sub_bc_home { color: rgba(255,255,255,.5) !important; }
html[data-v="dark"] .sub_bc_btn.open, html[data-v="dark"] .sub_bc_btn:hover { background: var(--a1, var(--p)) !important; }
html[data-v="dark"] .sub_bc_list li a:hover { color: var(--a1, var(--p)) !important; }
html[data-v="dark"] .wz-tablink.active { border-color: var(--a1, var(--p)) !important; color: var(--a1, var(--p)) !important; }
html[data-v="dark"] #fwrite2 { background: #1c1e26 !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 6px !important; padding: 2rem !important; }
html[data-v="dark"] #fwrite2 input[type="text"],
html[data-v="dark"] #fwrite2 input[type="tel"],
html[data-v="dark"] #fwrite2 select { background: #111318 !important; border: 1px solid rgba(255,255,255,.12) !important; color: #ddd !important; border-radius: 4px !important; padding: .65rem .9rem !important; }
html[data-v="dark"] #btn_submit2 { background: var(--a1, var(--p)) !important; color: var(--a1t, #fff) !important; border: none !important; border-radius: 4px !important; padding: .9rem 2rem !important; font-weight: 600; }


/* ============================================================
   [FRAME] 레이아웃 — 테두리 프레임 강조형
   ============================================================ */

html[data-v="frame"] {
    --radius: 0;
    --header-h: 80px;
    --sub-h: 340px;
    --p:    var(--p, #2c3e50);
    --ht:   var(--ht, #fff);
}
html[data-v="frame"] header { background: #fff !important; border-bottom: 2px solid var(--p) !important; }
html[data-v="frame"] header.fixed { background: #fff !important; box-shadow: 0 2px 8px rgba(0,0,0,.12) !important; }
html[data-v="frame"] .gnb_1da { color: var(--p) !important; }
html[data-v="frame"] .gnb_1da:hover { color: var(--a1, var(--p)) !important; text-decoration: underline !important; }
html[data-v="frame"] header .hd_wrap .hd_tel { color: var(--p) !important; }
html[data-v="frame"] .sub_bg {
    position: relative;
    background: var(--p) !important;
    min-height: 280px !important;
    border: 4px solid var(--a1, var(--p)) !important;
    box-sizing: border-box;
}
html[data-v="frame"] .sub_bg::after {
    content: '';
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(255,255,255,.25);
    pointer-events: none;
    z-index: 1;
}
html[data-v="frame"] .sub_bg h2 { position: relative; z-index: 2; }
html[data-v="frame"] .sub_title { text-align: center !important; border: 2px solid var(--a1, var(--p)) !important; padding: 1.5rem !important; }
html[data-v="frame"] .sub_title > h2.tit01::after { content: ''; display: block; width: 40px; height: 3px; background: var(--a1, var(--p)); margin: .6rem auto 0; }
html[data-v="frame"] #ft, html[data-v="frame"] footer { background: var(--p) !important; color: rgba(255,255,255,.8) !important; border-top: 4px solid var(--a1, var(--p)) !important; }
html[data-v="frame"] .btn_submit,
html[data-v="frame"] button[type="submit"],
html[data-v="frame"] input[type="submit"] { background: transparent !important; border: 2px solid var(--p) !important; color: var(--p) !important; border-radius: 0 !important; font-weight: 600 !important; }
html[data-v="frame"] .btn_submit:hover,
html[data-v="frame"] button[type="submit"]:hover { background: var(--p) !important; color: #fff !important; }
html[data-v="frame"] #submenu { background: var(--p) !important; }
html[data-v="frame"] .sub_bc_home { color: rgba(255,255,255,.7) !important; }
html[data-v="frame"] .sub_bc_btn.open, html[data-v="frame"] .sub_bc_btn:hover { background: var(--a1, var(--p)) !important; }
html[data-v="frame"] .sub_bc_list li a:hover { color: var(--a1, var(--p)) !important; }
html[data-v="frame"] .wz-tablink.active { background: var(--p) !important; color: #fff !important; border-color: var(--p) !important; border-radius: 2px !important; }
html[data-v="frame"] #fwrite2 { border: 2px solid var(--p) !important; padding: 2rem !important; position: relative !important; }
html[data-v="frame"] #fwrite2 input[type="text"],
html[data-v="frame"] #fwrite2 input[type="tel"],
html[data-v="frame"] #fwrite2 select { border: 1px solid #ccc !important; border-bottom: 2px solid var(--p) !important; border-radius: 0 !important; padding: .65rem .5rem !important; background: transparent !important; }
html[data-v="frame"] #btn_submit2 { background: var(--p) !important; color: #fff !important; border: none !important; border-radius: 0 !important; padding: .9rem 2rem !important; font-weight: 600; }


/* ============================================================
   [SPLIT] 레이아웃 — 세로 2분할 히어로형
   ============================================================ */

html[data-v="split"] {
    --radius: 6px;
    --header-h: 80px;
    --sub-h: 380px;
    --p:    var(--p, #1e3a5f);
    --ht:   var(--ht, #fff);
}
html[data-v="split"] header { background: var(--p) !important; }
html[data-v="split"] header.fixed { background: var(--p) !important; box-shadow: 0 2px 16px rgba(0,0,0,.22) !important; }
html[data-v="split"] .gnb_1da { color: var(--ht, #fff) !important; }
html[data-v="split"] .gnb_1da:hover { color: var(--a1, #c9a84c) !important; }
html[data-v="split"] header .hd_wrap .hd_tel { color: var(--ht, #fff) !important; }
html[data-v="split"] .sub_bg {
    position: relative;
    background: linear-gradient(90deg, var(--p) 50%, color-mix(in srgb, var(--p) 60%, #fff) 50%) !important;
    min-height: 280px !important;
}
html[data-v="split"] .sub_bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,.05) 100%);
    pointer-events: none;
}
html[data-v="split"] .sub_bg h2 { position: relative; z-index: 2; }
html[data-v="split"] .sub_title { text-align: center !important; }
html[data-v="split"] .sub_title > h2.tit02 { background: var(--a1, var(--p)); color: #fff !important; display: inline-block; padding: .3rem 1.2rem; border-radius: 4px; }
html[data-v="split"] #ft, html[data-v="split"] footer { background: var(--p) !important; color: rgba(255,255,255,.8) !important; }
html[data-v="split"] .btn_submit,
html[data-v="split"] button[type="submit"],
html[data-v="split"] input[type="submit"] { background: var(--p) !important; border-radius: 6px !important; color: #fff !important; }
html[data-v="split"] #submenu { background: var(--p) !important; }
html[data-v="split"] .sub_bc_home { color: rgba(255,255,255,.7) !important; }
html[data-v="split"] .sub_bc_btn.open, html[data-v="split"] .sub_bc_btn:hover { background: var(--a1, var(--p)) !important; }
html[data-v="split"] .sub_bc_list li a:hover { color: var(--a1, var(--p)) !important; }
html[data-v="split"] .wz-tablink.active { background: #fff !important; color: var(--a1, var(--p)) !important; border-radius: 50px !important; border: none !important; box-shadow: 0 2px 10px rgba(0,0,0,.12) !important; }


/* ============================================================
   구조 오버라이드 배치 1 — basic / glass / minimal / soft
   ============================================================ */

/* ============================================================
   VARIANT: basic — S1 / B1 / P1 / PS2 / L1 / Q1 / F2
   ============================================================ */

/* [luxury] sub_title — S1 중앙 + 하단 포인트 가로선 */
html[data-v="basic"] .sub_title { text-align: center; }
html[data-v="basic"] .sub_title > h2.tit01::after { content: ''; display: block; width: 40px; height: 3px; background: var(--p); margin: .6rem auto 0; }

/* [luxury] wz-blk-tit — B1 하단 40px 포인트 선 */
html[data-v="basic"] .sub_title h2.tit01 { text-align: center; }
html[data-v="basic"] .sub_title h2.tit01::after { content: ''; display: block; width: 40px; height: 3px; background: var(--p); margin: .5rem auto 0; }
html[data-v="basic"] .sub_title h2.tit02 { text-align: center; }

/* [luxury] premium-main — P1 6rem 배경 숫자 카드 */
html[data-v="basic"] .sub_premium ul li dl { position: relative; overflow: hidden; }
html[data-v="basic"] .sub_premium ul li dl dt { position: absolute; top: -.1em; right: .3rem; font-size: 5.5rem; font-weight: 900; opacity: .15; color: var(--p); line-height: 1; pointer-events: none; }
html[data-v="basic"] .sub_premium ul li dl dd strong { position: relative; z-index: 1; font-size: 1.05rem; font-weight: 700; }


/* [luxury] floating/quick — Q1 원형 꽉 찬 */
html[data-v="basic"] #quick li a { border-radius: 50%; background: var(--p) !important; color: #fff !important; border: none !important; display: flex; align-items: center; justify-content: center; }
html[data-v="basic"] .wz-side-btn__item { border-radius: 50%; background: var(--p) !important; color: #fff !important; border: none !important; }

/* [luxury] form — F2 라운드 카드 박스 */
html[data-v="basic"] #fwrite2 { background: rgba(255,255,255,.95); padding: 2rem; border-radius: .8rem; box-shadow: 0 4px 20px rgba(0,0,0,.1); }
html[data-v="basic"] #fwrite2 input[type="text"], html[data-v="basic"] #fwrite2 input[type="tel"], html[data-v="basic"] #fwrite2 select { border: none !important; border-bottom: 2px solid #eee !important; border-radius: 0 !important; background: transparent !important; padding: .6rem .2rem !important; }
html[data-v="basic"] #btn_submit2 { background: var(--p) !important; color: #fff !important; border: none !important; border-radius: 2rem !important; padding: .85rem 2.5rem !important; font-weight: 600; }


/* ============================================================
   VARIANT: glass — S4 / B4 / P2 / PS1 / L2 / Q2 / F3
   ============================================================ */

/* [glass] sub_title — S4 반투명 다크 박스 프레임 */
html[data-v="glass"] .sub_title { text-align: center; }

/* [glass] wz-blk-tit — B4 포인트색 배경 박스 */
html[data-v="glass"] .sub_title h2.tit01 { display: inline-block; align-self: center; width: fit-content; background: var(--p); color: #fff !important; padding: .35rem 1.5rem; border-radius: .3rem; }
html[data-v="glass"] .sub_title h2.tit02 { text-align: center; }

/* [glass] premium-main — P2 50px 원형 번호 격자 */
html[data-v="glass"] .sub_premium ul li dl { text-align: center; display: flex; flex-direction: column; align-items: center; }
html[data-v="glass"] .sub_premium ul li dl dt { width: 50px; height: 50px; border-radius: 50%; background: var(--p); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; font-weight: 700; margin: 0 auto .7rem; flex-shrink: 0; }
html[data-v="glass"] .sub_premium ul li dl dd strong { font-size: .95rem; font-weight: 600; }


/* [glass] floating/quick — Q2 아웃라인 원형 */
html[data-v="glass"] #quick li a { border-radius: 50%; background: transparent !important; border: 2px solid var(--p) !important; color: var(--p) !important; display: flex; align-items: center; justify-content: center; }
html[data-v="glass"] .wz-side-btn__item { border-radius: 50%; background: transparent !important; border: 2px solid var(--p) !important; color: var(--p) !important; }

/* [glass] form — F3 2열 그리드 */
html[data-v="glass"] #fwrite2 { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
html[data-v="glass"] #fwrite2 input[type="text"], html[data-v="glass"] #fwrite2 input[type="tel"], html[data-v="glass"] #fwrite2 select { border: 1px solid #ddd; border-radius: .3rem; padding: .6rem .8rem; }
html[data-v="glass"] #fwrite2 > *:last-child, html[data-v="glass"] #btn_submit2 { grid-column: 1 / -1; }
html[data-v="glass"] #btn_submit2 { background: var(--p) !important; color: #fff !important; border: none !important; padding: .85rem; width: 100%; }


/* ============================================================
   VARIANT: minimal — S1 / B1 / P3 / PS3 / L3 / Q4 / F4
   ============================================================ */

/* [minimal] sub_title — S1 중앙 + 하단 포인트 가로선 */
html[data-v="minimal"] .sub_title { text-align: center; }
html[data-v="minimal"] .sub_title > h2.tit01::after { content: ''; display: block; width: 40px; height: 3px; background: var(--p); margin: .6rem auto 0; }

/* [minimal] wz-blk-tit — B1 하단 40px 포인트 선 */
html[data-v="minimal"] .sub_title h2.tit01 { text-align: center; }
html[data-v="minimal"] .sub_title h2.tit01::after { content: ''; display: block; width: 40px; height: 3px; background: var(--p); margin: .5rem auto 0; }
html[data-v="minimal"] .sub_title h2.tit02 { text-align: center; }

/* [minimal] premium-main — P3 가로 바 리스트 */
html[data-v="minimal"] .sub_premium ul li dl { display: flex; align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(0,0,0,.07); }
html[data-v="minimal"] .sub_premium ul li dl dt { min-width: 42px; height: 42px; background: var(--p); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .95rem; flex-shrink: 0; }
html[data-v="minimal"] .sub_premium ul li dl dd strong { font-size: 1rem; font-weight: 600; }


/* [minimal] floating/quick — Q4 미니멀 라인 */
html[data-v="minimal"] #quick li a { background: none !important; border: none !important; border-bottom: 2px solid var(--p) !important; color: var(--p) !important; border-radius: 0 !important; }
html[data-v="minimal"] .wz-side-btn__item { background: none !important; border: 2px solid var(--p) !important; color: var(--p) !important; }

/* [minimal] form — F4 미니멀 라인 */
html[data-v="minimal"] #fwrite2 input[type="text"], html[data-v="minimal"] #fwrite2 input[type="tel"], html[data-v="minimal"] #fwrite2 select { border: none !important; border-bottom: 1px solid var(--p) !important; border-radius: 0 !important; background: transparent !important; padding: .55rem 0 !important; }
html[data-v="minimal"] #btn_submit2 { background: none !important; border: 2px solid var(--p) !important; color: var(--p) !important; border-radius: .3rem !important; padding: .75rem 2rem !important; font-weight: 600; }


/* ============================================================
   VARIANT: soft — S4 / B5 / P2 / PS2 / L4 / Q3 / F3
   ============================================================ */

/* [soft] sub_title — S4 반투명 다크 박스 프레임 */
html[data-v="soft"] .sub_title { text-align: center; }

/* [soft] wz-blk-tit — B5 양쪽 가로선 */
html[data-v="soft"] .sub_title h2.tit01 { display: flex !important; align-items: center; gap: 1rem; white-space: nowrap; }
html[data-v="soft"] .sub_title h2.tit01::before, html[data-v="soft"] .sub_title h2.tit01::after { content: ''; flex: 1; height: 1px; background: var(--p); opacity: .4; }
html[data-v="soft"] .sub_title h2.tit02 { text-align: center; }

/* [soft] premium-main — P2 50px 원형 번호 격자 */
html[data-v="soft"] .sub_premium ul li dl { text-align: center; display: flex; flex-direction: column; align-items: center; }
html[data-v="soft"] .sub_premium ul li dl dt { width: 50px; height: 50px; border-radius: 50%; background: var(--p); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; font-weight: 700; margin: 0 auto .7rem; flex-shrink: 0; }
html[data-v="soft"] .sub_premium ul li dl dd strong { font-size: .95rem; font-weight: 600; }


/* [soft] floating/quick — Q3 둥근 직사각형 */
html[data-v="soft"] #quick li a { border-radius: .5rem !important; background: var(--p) !important; color: #fff !important; border: none !important; }
html[data-v="soft"] .wz-side-btn__item { border-radius: .5rem !important; background: var(--p) !important; color: #fff !important; border: none !important; }

/* [soft] form — F3 2열 그리드 */
html[data-v="soft"] #fwrite2 { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
html[data-v="soft"] #fwrite2 input[type="text"], html[data-v="soft"] #fwrite2 input[type="tel"], html[data-v="soft"] #fwrite2 select { border: 1px solid #ddd; border-radius: .3rem; padding: .6rem .8rem; }
html[data-v="soft"] #fwrite2 > *:last-child, html[data-v="soft"] #btn_submit2 { grid-column: 1 / -1; }
html[data-v="soft"] #btn_submit2 { background: var(--p) !important; color: #fff !important; border: none !important; padding: .85rem; width: 100%; }


/* ============================================================
   신규 6종 구조 오버라이드
   ============================================================ */

/* [bold] sub_title — S: 중앙 + 강한 언더바 */
html[data-v="bold"] .sub_title { text-align: center; }
html[data-v="bold"] .sub_title > h2.tit01::after { content: ''; display: block; width: 60px; height: 5px; background: var(--a1, var(--p)); margin: .5rem auto 0; }
html[data-v="bold"] .sub_title h2.tit01 { text-align: center; font-weight: 900; letter-spacing: -.04em; }
html[data-v="bold"] .sub_title h2.tit02 { text-align: center; letter-spacing: .1em; text-transform: uppercase; font-size: .8rem; color: var(--a1, var(--p)); }
html[data-v="bold"] .sub_premium ul li dl { position: relative; overflow: hidden; }
html[data-v="bold"] .sub_premium ul li dl dt { position: absolute; top: -.1em; right: .3rem; font-size: 5.5rem; font-weight: 900; opacity: .15; color: var(--p); line-height: 1; pointer-events: none; }
html[data-v="bold"] .sub_premium ul li dl dd strong { position: relative; z-index: 1; font-size: 1.05rem; font-weight: 700; }
html[data-v="bold"] #quick li a { border-radius: 50%; background: var(--p) !important; color: #fff !important; border: none !important; display: flex; align-items: center; justify-content: center; }
html[data-v="bold"] .wz-side-btn__item { border-radius: 50%; background: var(--p) !important; color: #fff !important; border: none !important; }
html[data-v="bold"] #fwrite2 { background: rgba(255,255,255,.95); padding: 2rem; border-radius: 0; box-shadow: none; border: 2px solid var(--p); }
html[data-v="bold"] #fwrite2 input[type="text"], html[data-v="bold"] #fwrite2 input[type="tel"], html[data-v="bold"] #fwrite2 select { border: none !important; border-bottom: 3px solid var(--p) !important; border-radius: 0 !important; background: transparent !important; padding: .6rem .2rem !important; font-size: 1rem !important; }
html[data-v="bold"] #btn_submit2 { background: var(--p) !important; color: #fff !important; border: none !important; border-radius: 0 !important; padding: 1rem 2.5rem !important; font-weight: 700; letter-spacing: .05em; }

/* [dark] sub_title — S: 좌측 + 액센트 바 */
html[data-v="dark"] .sub_title { text-align: left; padding-left: 1.5rem; border-left: 4px solid var(--a1, var(--p)); }
html[data-v="dark"] .sub_title h2.tit01 { text-align: left; color: #f0f0f0 !important; }
html[data-v="dark"] .sub_title h2.tit02 { text-align: left; color: var(--a1, var(--p)) !important; }
html[data-v="dark"] .sub_premium ul li dl { position: relative; overflow: hidden; background: #1c1e26 !important; border: 1px solid rgba(255,255,255,.07) !important; }
html[data-v="dark"] .sub_premium ul li dl dt { position: absolute; top: -.1em; right: .3rem; font-size: 5.5rem; font-weight: 900; opacity: .15; color: var(--a1, var(--p)); line-height: 1; pointer-events: none; }
html[data-v="dark"] .sub_premium ul li dl dd strong { position: relative; z-index: 1; font-size: 1.05rem; font-weight: 700; color: #f0f0f0 !important; }
html[data-v="dark"] .sub_premium ul li dl dd { color: #aaa !important; }
html[data-v="dark"] #quick li a { border-radius: 50%; background: transparent !important; border: 2px solid var(--a1, var(--p)) !important; color: var(--a1, var(--p)) !important; display: flex; align-items: center; justify-content: center; }
html[data-v="dark"] .wz-side-btn__item { border-radius: 4px; background: #1c1e26 !important; color: var(--a1, var(--p)) !important; border: 1px solid rgba(255,255,255,.12) !important; }

/* [zigzag] sub_title — 중앙 + 컬러 뱃지 */
html[data-v="zigzag"] .sub_title { text-align: center; }
html[data-v="zigzag"] .sub_title h2.tit01 { text-align: center; }
html[data-v="zigzag"] .sub_title h2.tit02 { text-align: center; }
html[data-v="zigzag"] .sub_premium ul li dl { text-align: center; display: flex; flex-direction: column; align-items: center; }
html[data-v="zigzag"] .sub_premium ul li dl dt { width: 50px; height: 50px; border-radius: 50%; background: var(--p); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; font-weight: 700; margin: 0 auto .7rem; flex-shrink: 0; }
html[data-v="zigzag"] .sub_premium ul li dl dd strong { font-size: .95rem; font-weight: 600; }
html[data-v="zigzag"] #quick li a { border-radius: 50%; background: var(--p) !important; color: #fff !important; border: none !important; display: flex; align-items: center; justify-content: center; }
html[data-v="zigzag"] .wz-side-btn__item { border-radius: 50%; background: var(--p) !important; color: #fff !important; border: none !important; }
html[data-v="zigzag"] #fwrite2 { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
html[data-v="zigzag"] #fwrite2 input[type="text"], html[data-v="zigzag"] #fwrite2 input[type="tel"], html[data-v="zigzag"] #fwrite2 select { border: 1px solid #ddd; border-radius: 8px; padding: .6rem .8rem; }
html[data-v="zigzag"] #fwrite2 > *:last-child, html[data-v="zigzag"] #btn_submit2 { grid-column: 1 / -1; }
html[data-v="zigzag"] #btn_submit2 { background: var(--p) !important; color: #fff !important; border: none !important; padding: .85rem; width: 100%; border-radius: 8px; }

/* [split] sub_title — 중앙 + 컬러 뱃지 */
html[data-v="split"] .sub_title { text-align: center; }
html[data-v="split"] .sub_title h2.tit01 { text-align: center; }
html[data-v="split"] .sub_title h2.tit02 { text-align: center; }
html[data-v="split"] .sub_premium ul li dl { text-align: center; display: flex; flex-direction: column; align-items: center; }
html[data-v="split"] .sub_premium ul li dl dt { width: 50px; height: 50px; border-radius: 8px; background: var(--p); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; font-weight: 700; margin: 0 auto .7rem; flex-shrink: 0; }
html[data-v="split"] .sub_premium ul li dl dd strong { font-size: .95rem; font-weight: 600; }
html[data-v="split"] #quick li a { border-radius: 8px !important; background: var(--p) !important; color: #fff !important; border: none !important; }
html[data-v="split"] .wz-side-btn__item { border-radius: 8px !important; background: rgba(255,255,255,.92) !important; color: var(--p) !important; border: 1px solid rgba(255,255,255,.3) !important; }
html[data-v="split"] #fwrite2 { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
html[data-v="split"] #fwrite2 input[type="text"], html[data-v="split"] #fwrite2 input[type="tel"], html[data-v="split"] #fwrite2 select { border: 1px solid #ddd; border-radius: 6px; padding: .6rem .8rem; }
html[data-v="split"] #fwrite2 > *:last-child, html[data-v="split"] #btn_submit2 { grid-column: 1 / -1; }
html[data-v="split"] #btn_submit2 { background: var(--p) !important; color: #fff !important; border: none !important; padding: .85rem; width: 100%; border-radius: 6px; }

/* [timeline] sub_title — 좌측 세로 바 */
html[data-v="timeline"] .sub_title { text-align: left; padding-left: 1.5rem; border-left: 4px solid var(--a1, var(--p)); }
html[data-v="timeline"] .sub_title h2.tit01 { text-align: left; }
html[data-v="timeline"] .sub_title h2.tit02 { text-align: left; }
html[data-v="timeline"] .sub_premium ul li dl { display: flex; align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(0,0,0,.07); }
html[data-v="timeline"] .sub_premium ul li dl dt { min-width: 42px; height: 42px; background: var(--p); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .95rem; flex-shrink: 0; border-radius: 50%; }
html[data-v="timeline"] .sub_premium ul li dl dd strong { font-size: 1rem; font-weight: 600; }
html[data-v="timeline"] #quick li a { background: none !important; border: none !important; border-bottom: 2px solid var(--p) !important; color: var(--p) !important; border-radius: 0 !important; }
html[data-v="timeline"] .wz-side-btn__item { background: none !important; border: 2px solid var(--p) !important; color: var(--p) !important; }
html[data-v="timeline"] #fwrite2 input[type="text"], html[data-v="timeline"] #fwrite2 input[type="tel"], html[data-v="timeline"] #fwrite2 select { border: none !important; border-bottom: 1px solid var(--p) !important; border-radius: 0 !important; background: transparent !important; padding: .55rem 0 !important; }
html[data-v="timeline"] #btn_submit2 { background: var(--p) !important; color: #fff !important; border: none !important; border-radius: 0 !important; padding: .75rem 2rem !important; font-weight: 600; }

/* [frame] sub_title — 중앙 + 이중 프레임 */
html[data-v="frame"] .sub_title { text-align: center; border: 2px solid var(--a1, var(--p)) !important; padding: 1.5rem !important; }
html[data-v="frame"] .sub_title > h2.tit01::after { content: ''; display: block; width: 40px; height: 3px; background: var(--p); margin: .5rem auto 0; }
html[data-v="frame"] .sub_title h2.tit01 { text-align: center; }
html[data-v="frame"] .sub_title h2.tit02 { text-align: center; }
html[data-v="frame"] .sub_premium ul li dl { display: flex; align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(0,0,0,.07); border-left: 3px solid var(--p); padding-left: 1rem !important; }
html[data-v="frame"] .sub_premium ul li dl dt { min-width: 36px; height: 36px; background: transparent; border: 2px solid var(--p); color: var(--p); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .9rem; flex-shrink: 0; }
html[data-v="frame"] .sub_premium ul li dl dd strong { font-size: 1rem; font-weight: 600; }
html[data-v="frame"] #quick li a { background: none !important; border: 2px solid var(--p) !important; color: var(--p) !important; border-radius: 0 !important; }
html[data-v="frame"] .wz-side-btn__item { background: none !important; border: 2px solid var(--p) !important; color: var(--p) !important; border-radius: 0 !important; }


/* ============================================================
   CASCADE FIX BLOCK — 아키타입 cascade 우선순위 교정
   ============================================================ */

/* 0. sub_bg 최대높이 300px 상한 */
html[data-v] .sub_bg { max-height: 300px !important; }

/* 0-1. 모바일 #quick — 전체 10종 33.333% 하단 바
   per-variant 룰(html[data-v="xxx"], 0,2,3)과 specificity 동일하게 전부 명시 */
@media (max-width: 860px) {
    html[data-v="basic"] #quick .quick_menu ul,
    html[data-v="bold"] #quick .quick_menu ul,
    html[data-v="dark"] #quick .quick_menu ul,
    html[data-v="glass"] #quick .quick_menu ul,
    html[data-v="zigzag"] #quick .quick_menu ul,
    html[data-v="split"] #quick .quick_menu ul,
    html[data-v="minimal"] #quick .quick_menu ul,
    html[data-v="timeline"] #quick .quick_menu ul,
    html[data-v="frame"] #quick .quick_menu ul,
    html[data-v="soft"] #quick .quick_menu ul { display: flex !important; flex-wrap: wrap !important; }

    html[data-v="basic"] #quick .quick_menu ul > li,
    html[data-v="bold"] #quick .quick_menu ul > li,
    html[data-v="dark"] #quick .quick_menu ul > li,
    html[data-v="glass"] #quick .quick_menu ul > li,
    html[data-v="zigzag"] #quick .quick_menu ul > li,
    html[data-v="split"] #quick .quick_menu ul > li,
    html[data-v="minimal"] #quick .quick_menu ul > li,
    html[data-v="timeline"] #quick .quick_menu ul > li,
    html[data-v="frame"] #quick .quick_menu ul > li,
    html[data-v="soft"] #quick .quick_menu ul > li { width: 33.333% !important; height: auto !important; border-radius: 0 !important; box-shadow: none !important; margin-bottom: 0 !important; background: #fff !important; }

    html[data-v="basic"] #quick .quick_menu ul > li + li,
    html[data-v="bold"] #quick .quick_menu ul > li + li,
    html[data-v="dark"] #quick .quick_menu ul > li + li,
    html[data-v="glass"] #quick .quick_menu ul > li + li,
    html[data-v="zigzag"] #quick .quick_menu ul > li + li,
    html[data-v="split"] #quick .quick_menu ul > li + li,
    html[data-v="minimal"] #quick .quick_menu ul > li + li,
    html[data-v="timeline"] #quick .quick_menu ul > li + li,
    html[data-v="frame"] #quick .quick_menu ul > li + li,
    html[data-v="soft"] #quick .quick_menu ul > li + li { border-left: 1px solid #E2E2E2 !important; }

    html[data-v="basic"] #quick .quick_menu ul > li a,
    html[data-v="bold"] #quick .quick_menu ul > li a,
    html[data-v="dark"] #quick .quick_menu ul > li a,
    html[data-v="glass"] #quick .quick_menu ul > li a,
    html[data-v="zigzag"] #quick .quick_menu ul > li a,
    html[data-v="split"] #quick .quick_menu ul > li a,
    html[data-v="minimal"] #quick .quick_menu ul > li a,
    html[data-v="timeline"] #quick .quick_menu ul > li a,
    html[data-v="frame"] #quick .quick_menu ul > li a,
    html[data-v="soft"] #quick .quick_menu ul > li a { width: 100% !important; height: 100% !important; padding: 8px 0 !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; background: transparent !important; color: #333 !important; }

    html[data-v="basic"] #quick .quick_menu ul > li a i,
    html[data-v="bold"] #quick .quick_menu ul > li a i,
    html[data-v="dark"] #quick .quick_menu ul > li a i,
    html[data-v="glass"] #quick .quick_menu ul > li a i,
    html[data-v="zigzag"] #quick .quick_menu ul > li a i,
    html[data-v="split"] #quick .quick_menu ul > li a i,
    html[data-v="minimal"] #quick .quick_menu ul > li a i,
    html[data-v="timeline"] #quick .quick_menu ul > li a i,
    html[data-v="frame"] #quick .quick_menu ul > li a i,
    html[data-v="soft"] #quick .quick_menu ul > li a i { font-size: 1.5rem !important; color: var(--a1, var(--p)) !important; }

    html[data-v="basic"] #quick .quick_menu ul > li strong,
    html[data-v="bold"] #quick .quick_menu ul > li strong,
    html[data-v="dark"] #quick .quick_menu ul > li strong,
    html[data-v="glass"] #quick .quick_menu ul > li strong,
    html[data-v="zigzag"] #quick .quick_menu ul > li strong,
    html[data-v="split"] #quick .quick_menu ul > li strong,
    html[data-v="minimal"] #quick .quick_menu ul > li strong,
    html[data-v="timeline"] #quick .quick_menu ul > li strong,
    html[data-v="frame"] #quick .quick_menu ul > li strong,
    html[data-v="soft"] #quick .quick_menu ul > li strong { display: block !important; font-size: 0.85rem !important; margin-top: 0.4rem !important; color: #333 !important; }

    html[data-v="basic"] #quick .quick_menu ul > li:hover,
    html[data-v="bold"] #quick .quick_menu ul > li:hover,
    html[data-v="dark"] #quick .quick_menu ul > li:hover,
    html[data-v="glass"] #quick .quick_menu ul > li:hover,
    html[data-v="zigzag"] #quick .quick_menu ul > li:hover,
    html[data-v="split"] #quick .quick_menu ul > li:hover,
    html[data-v="minimal"] #quick .quick_menu ul > li:hover,
    html[data-v="timeline"] #quick .quick_menu ul > li:hover,
    html[data-v="frame"] #quick .quick_menu ul > li:hover,
    html[data-v="soft"] #quick .quick_menu ul > li:hover { transform: none !important; }
}

/* 0-2. #quick li a 전체 variant 공통 — 버튼 영역 100% 채움 */
html[data-v] #quick li a { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; }

/* 0-2. wz-blk-tit / wz-blk-sub — 전체 variant 공통 폰트·여백 */
html[data-v] .wz-blk-tit {
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    margin-bottom: 1rem !important;
    padding-bottom: 14px !important;
    color: var(--p, #182954) !important;
    border-bottom: 2px solid var(--p, #182954) !important;
    word-break: keep-all !important;
}
html[data-v] .wz-blk-sub {
    font-size: 1.07rem !important;
    line-height: 2 !important;
    margin-bottom: 2.6rem !important;
    color: #555 !important;
    word-break: keep-all !important;
}

/* L1 — basic / bold */
html[data-v="basic"] .wz-blk-tit,
html[data-v="bold"] .wz-blk-tit { border-bottom: 2px solid var(--a1, var(--p)) !important; }

/* bold — 더 굵게 */
html[data-v="bold"] .wz-blk-tit { font-size: 2.4rem !important; font-weight: 800 !important; border-bottom-width: 3px !important; }

/* dark — 밝은 텍스트 */
html[data-v="dark"] .wz-blk-tit { color: #e8e9ec !important; border-bottom-color: var(--a1, var(--p)) !important; }
html[data-v="dark"] .wz-blk-sub { color: #aaa !important; }

/* L2 — glass / zigzag / split — 왼쪽 bar 액센트 */
html[data-v="glass"] .wz-blk-tit,
html[data-v="zigzag"] .wz-blk-tit,
html[data-v="split"] .wz-blk-tit { border-bottom: none !important; border-left: 4px solid var(--p) !important; padding-left: 1rem !important; padding-bottom: 0 !important; }
html[data-v="glass"] .wz-blk-sub,
html[data-v="zigzag"] .wz-blk-sub,
html[data-v="split"] .wz-blk-sub { padding-left: 1.2rem !important; }

/* L3 — minimal / timeline / frame — 하단 40px 포인트 선 */
html[data-v="minimal"] .wz-blk-tit,
html[data-v="timeline"] .wz-blk-tit,
html[data-v="frame"] .wz-blk-tit { border-bottom: none !important; padding-bottom: 0 !important; text-align: center !important; }
html[data-v="minimal"] .wz-blk-tit::after,
html[data-v="timeline"] .wz-blk-tit::after,
html[data-v="frame"] .wz-blk-tit::after { content: '' !important; display: block !important; width: 40px !important; height: 3px !important; background: var(--p) !important; margin: .6rem auto 0 !important; }
html[data-v="minimal"] .wz-blk-sub,
html[data-v="timeline"] .wz-blk-sub,
html[data-v="frame"] .wz-blk-sub { text-align: center !important; }

/* L4 — soft — 양쪽 가로선 */
html[data-v="soft"] .wz-blk-tit { border-bottom: none !important; padding-bottom: 0 !important; display: flex !important; align-items: center !important; gap: 1rem !important; white-space: nowrap !important; font-size: 2.2rem !important; }
html[data-v="soft"] .wz-blk-tit::before,
html[data-v="soft"] .wz-blk-tit::after { content: '' !important; flex: 1 !important; height: 1px !important; background: var(--p) !important; opacity: .4 !important; }
html[data-v="soft"] .wz-blk-sub { text-align: center !important; }

/* 1. minimal — dl row flex 방향 교정 */
html[data-v="minimal"] .sub_premium ul li dl,
html[data-v="timeline"] .sub_premium ul li dl,
html[data-v="frame"] .sub_premium ul li dl {
    flex-direction: row !important;
    min-height: auto !important;
    justify-content: flex-start !important;
    align-items: baseline !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 2. F3 폼 래퍼 배경 (glass) */
html[data-v="glass"] #fwrite2,
html[data-v="zigzag"] #fwrite2,
html[data-v="split"] #fwrite2 {
    background: rgba(255,255,255,0.95) !important;
    padding: 1.8rem 1.5rem !important;
    border-radius: .6rem !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.1) !important;
}
html[data-v="glass"] #fwrite2 input[type="text"],
html[data-v="glass"] #fwrite2 input[type="tel"],
html[data-v="glass"] #fwrite2 select,
html[data-v="glass"] #fwrite2 textarea,
html[data-v="zigzag"] #fwrite2 input[type="text"],
html[data-v="zigzag"] #fwrite2 input[type="tel"],
html[data-v="zigzag"] #fwrite2 select,
html[data-v="split"] #fwrite2 input[type="text"],
html[data-v="split"] #fwrite2 input[type="tel"],
html[data-v="split"] #fwrite2 select { background: #fff !important; }

/* 3. F4 폼 래퍼 배경 (minimal) */
html[data-v="minimal"] #fwrite2,
html[data-v="timeline"] #fwrite2 {
    background: rgba(255,255,255,0.92) !important;
    padding: 1.8rem 1.5rem !important;
    border-radius: .5rem !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.08) !important;
}


/* ============================================================
   custom-tablink 아키타입별 스타일
   ============================================================ */

/* L1: 언더바 탭 (basic·bold·dark) */
html[data-v="basic"] .custom-tab-menu,
html[data-v="bold"] .custom-tab-menu,
html[data-v="dark"] .custom-tab-menu {
    display: flex !important; flex-wrap: wrap !important; gap: 0 !important;
    border-bottom: 2px solid rgba(0,0,0,.1) !important; margin-bottom: 2rem !important; padding: 0 !important; background: transparent !important;
}
html[data-v="basic"] .custom-tablink,
html[data-v="bold"] .custom-tablink,
html[data-v="dark"] .custom-tablink {
    border-radius: 0 !important; border: none !important; border-bottom: 3px solid transparent !important;
    background: transparent !important; color: #666 !important; padding: .8rem 1.6rem !important;
    font-size: 1rem !important; font-weight: 500 !important; letter-spacing: .3px !important;
    margin-bottom: -2px !important; transition: all .2s ease !important;
}
html[data-v="basic"] .custom-tablink:hover,
html[data-v="bold"] .custom-tablink:hover,
html[data-v="dark"] .custom-tablink:hover { color: var(--p) !important; border-bottom-color: color-mix(in srgb, var(--p) 40%, transparent) !important; background: transparent !important; }
html[data-v="basic"] .custom-tablink.active,
html[data-v="bold"] .custom-tablink.active,
html[data-v="dark"] .custom-tablink.active {
    color: var(--p) !important; font-weight: 700 !important; background: transparent !important;
    border-bottom: 3px solid var(--p) !important; border-radius: 0 !important;
}

/* L2: 세그먼트 탭 (glass·zigzag·split) */
html[data-v="glass"] .custom-tab-menu,
html[data-v="zigzag"] .custom-tab-menu,
html[data-v="split"] .custom-tab-menu {
    display: flex !important; flex-wrap: wrap !important; gap: .4rem !important;
    background: #f0f1f3 !important; padding: .4rem !important; border-radius: .6rem !important; margin-bottom: 2rem !important;
}
html[data-v="glass"] .custom-tablink,
html[data-v="zigzag"] .custom-tablink,
html[data-v="split"] .custom-tablink {
    border-radius: .4rem !important; border: none !important; background: transparent !important;
    color: #555 !important; padding: .6rem 1.4rem !important; font-size: .95rem !important; font-weight: 500 !important; transition: all .2s ease !important;
}
html[data-v="glass"] .custom-tablink:hover,
html[data-v="zigzag"] .custom-tablink:hover,
html[data-v="split"] .custom-tablink:hover { background: rgba(255,255,255,.6) !important; color: var(--p) !important; }
html[data-v="glass"] .custom-tablink.active,
html[data-v="zigzag"] .custom-tablink.active,
html[data-v="split"] .custom-tablink.active {
    background: #fff !important; color: var(--p) !important; font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.1) !important; border-radius: .4rem !important; border: none !important;
}

/* L3: 직사각형 탭 (minimal·timeline·frame) */
html[data-v="minimal"] .custom-tab-menu,
html[data-v="timeline"] .custom-tab-menu,
html[data-v="frame"] .custom-tab-menu {
    display: flex !important; flex-wrap: wrap !important; gap: .5rem !important;
    margin-bottom: 2rem !important; background: transparent !important; padding: 0 !important;
}
html[data-v="minimal"] .custom-tablink,
html[data-v="timeline"] .custom-tablink,
html[data-v="frame"] .custom-tablink {
    border-radius: .25rem !important; border: 1px solid #d0d5dd !important; background: #fff !important;
    color: #444 !important; padding: .65rem 1.5rem !important; font-size: .95rem !important; font-weight: 500 !important; transition: all .2s ease !important;
}
html[data-v="minimal"] .custom-tablink:hover,
html[data-v="timeline"] .custom-tablink:hover,
html[data-v="frame"] .custom-tablink:hover { border-color: var(--p) !important; color: var(--p) !important; background: color-mix(in srgb, var(--p) 5%, #fff) !important; }
html[data-v="minimal"] .custom-tablink.active,
html[data-v="timeline"] .custom-tablink.active,
html[data-v="frame"] .custom-tablink.active {
    background: var(--p) !important; color: #fff !important; border-color: var(--p) !important; font-weight: 700 !important; border-radius: .25rem !important;
}

/* L4: 필 탭 (soft) */
html[data-v="soft"] .custom-tab-menu {
    display: flex !important; flex-wrap: wrap !important; gap: .5rem !important;
    margin-bottom: 2rem !important; background: transparent !important; padding: 0 !important;
}
html[data-v="soft"] .custom-tablink {
    border-radius: 2rem !important; border: 2px solid #ddd !important; background: #fff !important;
    color: #555 !important; padding: .6rem 1.6rem !important; font-size: .95rem !important; font-weight: 500 !important; transition: all .2s ease !important;
}
html[data-v="soft"] .custom-tablink:hover { border-color: var(--p) !important; color: var(--p) !important; background: color-mix(in srgb, var(--p) 6%, #fff) !important; }
html[data-v="soft"] .custom-tablink.active {
    background: var(--p) !important; color: #fff !important; border-color: var(--p) !important;
    font-weight: 700 !important; border-radius: 2rem !important; box-shadow: 0 3px 10px color-mix(in srgb, var(--p) 35%, transparent) !important;
}

/* wz-loc-items 공통 */
html[data-v] .wz-loc-items strong { color: var(--p) !important; }
html[data-v] .wz-loc-items li { border-bottom-color: rgba(0,0,0,.06) !important; }


/* ============================================================
   wz-loc-cat 아키타입별 스타일
   ============================================================ */

html[data-v] .wz-loc-cat-name {
    font-size: .72rem !important; letter-spacing: 1.5px !important; padding: 4px 12px !important;
    border-radius: 20px !important; display: inline-block !important; margin-bottom: 8px !important; font-weight: 700 !important;
}

/* L1: 다크 헤더 (basic·bold·dark) */
html[data-v="basic"] .wz-loc-cat-header,
html[data-v="bold"] .wz-loc-cat-header,
html[data-v="dark"] .wz-loc-cat-header { background: var(--p) !important; border-bottom: none !important; }
html[data-v="basic"] .wz-loc-cat-name,
html[data-v="bold"] .wz-loc-cat-name,
html[data-v="dark"] .wz-loc-cat-name { background: var(--a1, var(--p)) !important; border: none !important; color: var(--a1t, #111) !important; font-size: .7rem !important; }
html[data-v="basic"] .wz-loc-cat-title,
html[data-v="bold"] .wz-loc-cat-title,
html[data-v="dark"] .wz-loc-cat-title { color: #fff !important; }

/* L2: 라이트 배경 (glass·zigzag·split) */
html[data-v="glass"] .wz-loc-cat-header,
html[data-v="zigzag"] .wz-loc-cat-header,
html[data-v="split"] .wz-loc-cat-header { background: color-mix(in srgb, var(--p) 10%, #fff) !important; border-bottom: 3px solid var(--p) !important; }
html[data-v="glass"] .wz-loc-cat-title,
html[data-v="zigzag"] .wz-loc-cat-title,
html[data-v="split"] .wz-loc-cat-title { color: var(--p) !important; }
html[data-v="glass"] .wz-loc-cat-name,
html[data-v="zigzag"] .wz-loc-cat-name,
html[data-v="split"] .wz-loc-cat-name { background: var(--p) !important; border: none !important; color: #fff !important; font-size: .7rem !important; }

/* L3: 화이트 + 좌측 액센트 바 (minimal·timeline·frame) */
html[data-v="minimal"] .wz-loc-cat,
html[data-v="timeline"] .wz-loc-cat,
html[data-v="frame"] .wz-loc-cat { border-left: 4px solid var(--a1, var(--p)) !important; border-radius: .5rem !important; }
html[data-v="minimal"] .wz-loc-cat-header,
html[data-v="timeline"] .wz-loc-cat-header,
html[data-v="frame"] .wz-loc-cat-header { background: color-mix(in srgb, var(--p) 6%, #fff) !important; border-bottom: 1px solid rgba(0,0,0,.07) !important; }
html[data-v="minimal"] .wz-loc-cat-title,
html[data-v="timeline"] .wz-loc-cat-title,
html[data-v="frame"] .wz-loc-cat-title { color: var(--p) !important; }
html[data-v="minimal"] .wz-loc-cat-name,
html[data-v="timeline"] .wz-loc-cat-name,
html[data-v="frame"] .wz-loc-cat-name { background: var(--a1, var(--p)) !important; border: none !important; color: #fff !important; font-size: .7rem !important; }

/* L4: 그라디언트 헤더 (soft) */
html[data-v="soft"] .wz-loc-cat-header { background: linear-gradient(135deg, var(--p) 0%, color-mix(in srgb, var(--p) 72%, #000) 100%) !important; border-bottom: none !important; }
html[data-v="soft"] .wz-loc-cat-title { color: #fff !important; }
html[data-v="soft"] .wz-loc-cat-name { background: rgba(255,255,255,.18) !important; border: 1.5px solid rgba(255,255,255,.55) !important; color: #fff !important; font-size: .7rem !important; }


/* ============================================================
   wz-tablink 아키타입별 스타일
   ============================================================ */

/* L1: 언더바 탭 (basic·bold·dark) */
html[data-v="basic"] .wz-tab-nav,
html[data-v="bold"] .wz-tab-nav,
html[data-v="dark"] .wz-tab-nav {
    border-bottom: 2px solid rgba(0,0,0,.1) !important; gap: 0 !important;
    justify-content: flex-start !important; padding-bottom: 0 !important;
}
html[data-v="basic"] .wz-tablink,
html[data-v="bold"] .wz-tablink,
html[data-v="dark"] .wz-tablink {
    border-radius: 0 !important; border: none !important; border-bottom: 3px solid transparent !important;
    background: transparent !important; color: #666 !important; padding: .85rem 1.8rem !important;
    font-size: .95rem !important; font-weight: 500 !important; bottom: -2px !important; transition: all .2s ease !important; letter-spacing: .3px !important;
}
html[data-v="basic"] .wz-tablink:hover,
html[data-v="bold"] .wz-tablink:hover,
html[data-v="dark"] .wz-tablink:hover { color: var(--a1, var(--p)) !important; background: transparent !important; border-bottom-color: color-mix(in srgb, var(--a1, var(--p)) 35%, transparent) !important; }
html[data-v="basic"] .wz-tablink.active,
html[data-v="bold"] .wz-tablink.active,
html[data-v="dark"] .wz-tablink.active {
    background: transparent !important; color: var(--a1, var(--p)) !important; font-weight: 700 !important;
    border: none !important; border-bottom: 3px solid var(--a1, var(--p)) !important; border-radius: 0 !important;
}

/* L2: 세그먼트 탭 (glass·zigzag·split) */
html[data-v="glass"] .wz-tab-nav,
html[data-v="zigzag"] .wz-tab-nav,
html[data-v="split"] .wz-tab-nav {
    border-bottom: none !important; background: #eef0f3 !important; border-radius: 50px !important;
    padding: .35rem !important; gap: .3rem !important; justify-content: flex-start !important;
    display: inline-flex !important; width: auto !important; max-width: 100% !important; flex-wrap: wrap !important; margin-bottom: 2rem !important;
}
html[data-v="glass"] .wz-tablink,
html[data-v="zigzag"] .wz-tablink,
html[data-v="split"] .wz-tablink {
    border-radius: 50px !important; border: none !important; background: transparent !important;
    color: #555 !important; padding: .55rem 1.5rem !important; font-size: .9rem !important; font-weight: 500 !important; bottom: 0 !important; transition: all .2s ease !important;
}
html[data-v="glass"] .wz-tablink:hover,
html[data-v="zigzag"] .wz-tablink:hover,
html[data-v="split"] .wz-tablink:hover { background: rgba(255,255,255,.65) !important; color: var(--p) !important; }
html[data-v="glass"] .wz-tablink.active,
html[data-v="zigzag"] .wz-tablink.active,
html[data-v="split"] .wz-tablink.active {
    background: #fff !important; color: var(--a1, var(--p)) !important; font-weight: 700 !important;
    border: none !important; border-radius: 50px !important; box-shadow: 0 2px 10px rgba(0,0,0,.12) !important;
}

/* L3: 직사각형 탭 (minimal·timeline·frame) */
html[data-v="minimal"] .wz-tab-nav,
html[data-v="timeline"] .wz-tab-nav,
html[data-v="frame"] .wz-tab-nav {
    border-bottom: none !important; gap: .5rem !important; justify-content: flex-start !important; padding-bottom: 0 !important; flex-wrap: wrap !important;
}
html[data-v="minimal"] .wz-tablink,
html[data-v="timeline"] .wz-tablink,
html[data-v="frame"] .wz-tablink {
    border-radius: .25rem !important; border: 1px solid #d0d5dd !important; background: #fff !important;
    color: #444 !important; padding: .65rem 1.6rem !important; font-size: .9rem !important; font-weight: 500 !important; bottom: 0 !important; transition: all .2s ease !important;
}
html[data-v="minimal"] .wz-tablink:hover,
html[data-v="timeline"] .wz-tablink:hover,
html[data-v="frame"] .wz-tablink:hover { border-color: var(--a1, var(--p)) !important; color: var(--a1, var(--p)) !important; background: color-mix(in srgb, var(--a1, var(--p)) 5%, #fff) !important; }
html[data-v="minimal"] .wz-tablink.active,
html[data-v="timeline"] .wz-tablink.active,
html[data-v="frame"] .wz-tablink.active {
    background: var(--a1, var(--p)) !important; color: #fff !important; border-color: var(--a1, var(--p)) !important; font-weight: 700 !important; border-radius: .25rem !important;
}

/* L4: 필 탭 (soft) */
html[data-v="soft"] .wz-tab-nav {
    border-bottom: none !important; gap: .5rem !important; justify-content: flex-start !important; padding-bottom: 0 !important; flex-wrap: wrap !important;
}
html[data-v="soft"] .wz-tablink {
    border-radius: 2rem !important; border: 2px solid #ddd !important; background: #fff !important;
    color: #555 !important; padding: .6rem 1.8rem !important; font-size: .9rem !important; font-weight: 500 !important; bottom: 0 !important; transition: all .25s ease !important;
}
html[data-v="soft"] .wz-tablink:hover { border-color: var(--a1, var(--p)) !important; color: var(--a1, var(--p)) !important; background: color-mix(in srgb, var(--a1, var(--p)) 6%, #fff) !important; }
html[data-v="soft"] .wz-tablink.active {
    background: var(--a1, var(--p)) !important; color: #fff !important; border-color: var(--a1, var(--p)) !important;
    font-weight: 700 !important; border-radius: 2rem !important; box-shadow: 0 3px 12px color-mix(in srgb, var(--a1, var(--p)) 30%, transparent) !important;
}

/* wz-tab-select 공통 */
html[data-v] .wz-tab-select { border-color: var(--a1, var(--p)) !important; color: var(--p) !important; }


/* ────────────────────────────────────────────────
   서브배너 배경 효과 v3 오버라이드
   html[data-v] 스코프 + !important = v3 variant background보다 항상 우선
   var(--p) 사용으로 v3 팔레트 시스템 연동
   ──────────────────────────────────────────────── */
html[data-v] .sub_bg.bg-effect-a01 {background: linear-gradient(135deg, color-mix(in srgb, var(--p, var(--point-color)) 90%, #000) 0%, color-mix(in srgb, var(--p, var(--point-color)) 60%, #000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-a02 {background: radial-gradient(ellipse at center, color-mix(in srgb, var(--p, var(--point-color)) 80%, #fff) 0%, color-mix(in srgb, var(--p, var(--point-color)) 40%, #000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-a03 {background: linear-gradient(to bottom, color-mix(in srgb, var(--p, var(--point-color)) 95%, #000) 0%, color-mix(in srgb, var(--p, var(--point-color)) 50%, #000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-a04 {background: linear-gradient(to right, color-mix(in srgb, var(--p, var(--point-color)) 95%, #000) 0%, color-mix(in srgb, var(--p, var(--point-color)) 60%, #fff) 100%) !important;}
html[data-v] .sub_bg.bg-effect-a05 {background: linear-gradient(135deg, color-mix(in srgb, var(--p, var(--point-color)) 70%, #000) 0%, var(--p, var(--point-color)) 50%, color-mix(in srgb, var(--p, var(--point-color)) 70%, #000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-a06 {background: linear-gradient(to right, color-mix(in srgb, var(--p, var(--point-color)) 100%, #000) 0%, color-mix(in srgb, var(--p, var(--point-color)) 60%, #fff) 40%, color-mix(in srgb, var(--p, var(--point-color)) 60%, #fff) 60%, color-mix(in srgb, var(--p, var(--point-color)) 100%, #000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-a07 {background: radial-gradient(circle at 30% 50%, color-mix(in srgb, var(--p, var(--point-color)) 80%, #fff) 0%, color-mix(in srgb, var(--p, var(--point-color)) 95%, #000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-a08 {background: radial-gradient(ellipse at top center, color-mix(in srgb, var(--p, var(--point-color)) 60%, #fff) 0%, color-mix(in srgb, var(--p, var(--point-color)) 95%, #000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-a09 {background: linear-gradient(135deg, color-mix(in srgb, var(--p, var(--point-color)) 80%, #000) 0%, color-mix(in srgb, var(--p, var(--point-color)) 70%, #fff) 50%, color-mix(in srgb, var(--p, var(--point-color)) 80%, #000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-a10 {background: linear-gradient(to bottom right, color-mix(in srgb, var(--p, var(--point-color)) 95%, #000) 0%, color-mix(in srgb, var(--p, var(--point-color)) 50%, #fff) 50%, color-mix(in srgb, var(--p, var(--point-color)) 85%, #000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-b01{background:linear-gradient(135deg,color-mix(in srgb,var(--p, var(--point-color)) 90%,#000) 0%,color-mix(in srgb,var(--p, var(--point-color)) 60%,#fff) 50%,color-mix(in srgb,var(--p, var(--point-color)) 90%,#000) 100%) !important;background-size:200% 200% !important;animation:wzSubShimmer 14s ease infinite !important;}
html[data-v] .sub_bg.bg-effect-b02{background:linear-gradient(135deg,color-mix(in srgb,var(--p, var(--point-color)) 85%,#000) 0%,color-mix(in srgb,var(--p, var(--point-color)) 55%,#000) 100%) !important;animation:wzSubBreath 9s ease-in-out infinite !important;}
html[data-v] .sub_bg.bg-effect-b03{background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--p, var(--point-color)) 70%,#fff) 0%,color-mix(in srgb,var(--p, var(--point-color)) 88%,#000) 100%) !important;animation:wzSubGlow 11s ease-in-out infinite !important;}
html[data-v] .sub_bg.bg-effect-b04{background:linear-gradient(270deg,color-mix(in srgb,var(--p, var(--point-color)) 95%,#000),color-mix(in srgb,var(--p, var(--point-color)) 60%,#fff),color-mix(in srgb,var(--p, var(--point-color)) 95%,#000)) !important;background-size:300% 300% !important;animation:wzSubFlow 16s ease infinite !important;}
html[data-v] .sub_bg.bg-effect-b05{background:linear-gradient(to bottom right,color-mix(in srgb,var(--p, var(--point-color)) 92%,#000),color-mix(in srgb,var(--p, var(--point-color)) 58%,#000)) !important;animation:wzSubPulse 7s ease-in-out infinite !important;}
html[data-v] .sub_bg.bg-effect-c01{background:linear-gradient(15deg,color-mix(in srgb,var(--p, var(--point-color)) 92%,#fff) 0%,color-mix(in srgb,var(--p, var(--point-color)) 85%,#000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-c02{background:linear-gradient(to bottom,color-mix(in srgb,var(--p, var(--point-color)) 72%,#fff) 0%,var(--p, var(--point-color)) 50%,color-mix(in srgb,var(--p, var(--point-color)) 80%,#000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-c03{background:radial-gradient(ellipse 120% 80% at 50% 50%,color-mix(in srgb,var(--p, var(--point-color)) 65%,#fff) 0%,color-mix(in srgb,var(--p, var(--point-color)) 90%,#000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-c04{background:radial-gradient(circle at 5% 95%,color-mix(in srgb,var(--p, var(--point-color)) 75%,#fff) 0%,transparent 55%),radial-gradient(circle at 95% 5%,color-mix(in srgb,var(--p, var(--point-color)) 75%,#fff) 0%,transparent 55%),color-mix(in srgb,var(--p, var(--point-color)) 88%,#000) !important;}
html[data-v] .sub_bg.bg-effect-c05{background:radial-gradient(circle at 25% 50%,color-mix(in srgb,var(--p, var(--point-color)) 72%,#fff) 0%,transparent 50%),radial-gradient(circle at 75% 50%,color-mix(in srgb,var(--p, var(--point-color)) 72%,#fff) 0%,transparent 50%),color-mix(in srgb,var(--p, var(--point-color)) 90%,#000) !important;}
html[data-v] .sub_bg.bg-effect-c06{background:linear-gradient(to bottom,color-mix(in srgb,var(--p, var(--point-color)) 55%,#fff) 0%,color-mix(in srgb,var(--p, var(--point-color)) 82%,#000) 50%,color-mix(in srgb,var(--p, var(--point-color)) 95%,#000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-c07{background:radial-gradient(ellipse 200% 160% at 50% 0%,color-mix(in srgb,var(--p, var(--point-color)) 58%,#fff) 0%,color-mix(in srgb,var(--p, var(--point-color)) 92%,#000) 70%) !important;}
html[data-v] .sub_bg.bg-effect-c08{background:radial-gradient(ellipse 80% 60% at 50% 50%,color-mix(in srgb,var(--p, var(--point-color)) 68%,#fff) 0%,color-mix(in srgb,var(--p, var(--point-color)) 90%,#000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-c09{background:linear-gradient(to bottom,color-mix(in srgb,var(--p, var(--point-color)) 62%,#fff) 0%,color-mix(in srgb,var(--p, var(--point-color)) 88%,#000) 55%,color-mix(in srgb,var(--p, var(--point-color)) 97%,#000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-c10{background:radial-gradient(ellipse at 50% -20%,color-mix(in srgb,var(--p, var(--point-color)) 55%,#fff) 0%,color-mix(in srgb,var(--p, var(--point-color)) 92%,#000) 100%) !important;}
html[data-v] .sub_bg.bg-effect-b06{background:linear-gradient(135deg,color-mix(in srgb,var(--p, var(--point-color)) 85%,#000),color-mix(in srgb,var(--p, var(--point-color)) 75%,#000)) !important;animation:wzSubDawn 10s ease-in-out infinite !important;}
html[data-v] .sub_bg.bg-effect-b07{background:linear-gradient(to right,color-mix(in srgb,var(--p, var(--point-color)) 95%,#000),color-mix(in srgb,var(--p, var(--point-color)) 55%,#fff),color-mix(in srgb,var(--p, var(--point-color)) 95%,#000)) !important;background-size:300% 100% !important;animation:wzSubSweep 12s ease-in-out infinite !important;}
html[data-v] .sub_bg.bg-effect-b08{background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--p, var(--point-color)) 65%,#fff) 0%,color-mix(in srgb,var(--p, var(--point-color)) 90%,#000) 100%) !important;animation:wzSubMist 9s ease-in-out infinite !important;}
html[data-v] .sub_bg.bg-effect-b09{background:linear-gradient(270deg,color-mix(in srgb,var(--p, var(--point-color)) 95%,#000),color-mix(in srgb,var(--p, var(--point-color)) 60%,#fff),color-mix(in srgb,var(--p, var(--point-color)) 80%,#000),color-mix(in srgb,var(--p, var(--point-color)) 60%,#fff),color-mix(in srgb,var(--p, var(--point-color)) 95%,#000)) !important;background-size:400% 400% !important;animation:wzSubWave 18s ease infinite !important;}
html[data-v] .sub_bg.bg-effect-b10{background:linear-gradient(135deg,color-mix(in srgb,var(--p, var(--point-color)) 90%,#000),color-mix(in srgb,var(--p, var(--point-color)) 95%,#000)) !important;animation:wzSubZoom 8s ease-in-out infinite !important;}


/* ═══════════════════════════════════════════════════════════════════
   ARCHETYPE STRUCTURAL BLOCK — 10종 구조 차별화
   L1=언더바(basic·bold·dark) L2=세그먼트(glass·zigzag·split) L3=직사각형(minimal·timeline·frame) L4=필(soft)
   ═══════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────
   L1 아키타입 — basic / bold / dark
   미니멀 선형, 대형 타이포, 강렬한 번호
   ───────────────────────────────────────────────────────────── */

/* L1 메인 프리미엄 */
html[data-v="basic"] .wz-premium-wrap,
html[data-v="bold"] .wz-premium-wrap,
html[data-v="dark"] .wz-premium-wrap {
    display: flex !important; flex-direction: column !important; gap: 0 !important; padding: 0 !important; max-width: 900px !important;
}
html[data-v="basic"] .wz-premium-item,
html[data-v="bold"] .wz-premium-item,
html[data-v="dark"] .wz-premium-item {
    display: grid !important; grid-template-columns: 100px 1fr !important; gap: 0 40px !important;
    padding: 36px 0 !important; border-bottom: 1px solid rgba(0,0,0,0.07) !important;
    border-radius: 0 !important; background: transparent !important; align-items: center !important; transition: padding-left 0.2s ease !important;
}
html[data-v="dark"] .wz-premium-item { border-bottom-color: rgba(255,255,255,.08) !important; }
html[data-v="basic"] .wz-premium-item:hover,
html[data-v="bold"] .wz-premium-item:hover,
html[data-v="dark"] .wz-premium-item:hover { padding-left: 16px !important; border-left: 3px solid var(--a1, var(--p)) !important; background: color-mix(in srgb, var(--a1, var(--p)) 3%, #fff) !important; margin: 0 !important; }
html[data-v="dark"] .wz-premium-item:hover { background: color-mix(in srgb, var(--a1, var(--p)) 8%, #111318) !important; }
html[data-v="basic"] .wz-pm-num,
html[data-v="bold"] .wz-pm-num,
html[data-v="dark"] .wz-pm-num {
    font-size: 3.8rem !important; font-weight: 800 !important; color: var(--a1, var(--p)) !important;
    opacity: 0.55 !important; letter-spacing: -4px !important; border-right: none !important; line-height: 1 !important;
    font-family: var(--site-font, sans-serif) !important; justify-content: flex-end !important; padding-right: 0 !important; width: 100px !important;
}
html[data-v="bold"] .wz-pm-num { font-size: 5rem !important; opacity: 0.4 !important; }
html[data-v="basic"] .wz-pm-title,
html[data-v="bold"] .wz-pm-title,
html[data-v="dark"] .wz-pm-title { font-size: 1.25rem !important; font-weight: 700 !important; color: var(--p, #111) !important; letter-spacing: -0.03em !important; }
html[data-v="dark"] .wz-pm-title { color: #f0f0f0 !important; }
html[data-v="bold"] .wz-pm-title { font-size: 1.5rem !important; font-weight: 800 !important; }
html[data-v="basic"] .wz-pm-desc,
html[data-v="bold"] .wz-pm-desc,
html[data-v="dark"] .wz-pm-desc { font-size: 0.92rem !important; color: #666 !important; line-height: 1.75 !important; }
html[data-v="dark"] .wz-pm-desc { color: #888 !important; }

/* L1 서브 프리미엄 */
html[data-v="basic"] .sub_premium ul,
html[data-v="bold"] .sub_premium ul,
html[data-v="dark"] .sub_premium ul { display: flex !important; flex-direction: column !important; gap: 0 !important; }
html[data-v="basic"] .sub_premium ul li dl,
html[data-v="bold"] .sub_premium ul li dl,
html[data-v="dark"] .sub_premium ul li dl {
    display: grid !important; grid-template-columns: 110px 1fr !important; gap: 0 36px !important;
    align-items: center !important; padding: 32px 0 !important; border-bottom: 1px solid rgba(0,0,0,0.07) !important;
    border-radius: 0 !important; background: transparent !important; overflow: visible !important;
}
html[data-v="dark"] .sub_premium ul li dl { border-bottom-color: rgba(255,255,255,.08) !important; background: transparent !important; }
html[data-v="basic"] .sub_premium ul li dl dt,
html[data-v="bold"] .sub_premium ul li dl dt,
html[data-v="dark"] .sub_premium ul li dl dt {
    font-size: 4rem !important; font-weight: 800 !important; color: var(--a1, var(--p)) !important;
    opacity: 0.5 !important; letter-spacing: -4px !important; line-height: 1 !important;
    text-align: right !important; border-right: 1px solid rgba(0,0,0,0.08) !important; padding-right: 0 !important;
    position: static !important;
}
html[data-v="bold"] .sub_premium ul li dl dt { font-size: 5.5rem !important; opacity: 0.35 !important; }
html[data-v="dark"] .sub_premium ul li dl dt { border-right-color: rgba(255,255,255,.12) !important; }
html[data-v="basic"] .sub_premium ul li dl dt::after,
html[data-v="bold"] .sub_premium ul li dl dt::after,
html[data-v="dark"] .sub_premium ul li dl dt::after { display: none !important; }
html[data-v="basic"] .sub_premium ul li dl dd strong,
html[data-v="bold"] .sub_premium ul li dl dd strong,
html[data-v="dark"] .sub_premium ul li dl dd strong { font-size: 1.5rem !important; font-weight: 700 !important; color: var(--p, #111) !important; display: block !important; margin-bottom: 8px !important; }
html[data-v="dark"] .sub_premium ul li dl dd strong { color: #f0f0f0 !important; }
html[data-v="basic"] .sub_premium ul li dl dd,
html[data-v="bold"] .sub_premium ul li dl dd,
html[data-v="dark"] .sub_premium ul li dl dd { font-size: 0.9rem !important; line-height: 1.8 !important; color: #555 !important; }
html[data-v="dark"] .sub_premium ul li dl dd { color: #999 !important; }

/* L1 서브타이틀 */
html[data-v="basic"] .sub_title,
html[data-v="bold"] .sub_title,
html[data-v="dark"] .sub_title {
    text-align: left !important; padding-left: 20px !important; border-left: 4px solid var(--a1, var(--p)) !important; gap: 10px 0 !important;
}
html[data-v="basic"] .sub_title > h2.tit01,
html[data-v="bold"] .sub_title > h2.tit01,
html[data-v="dark"] .sub_title > h2.tit01 { font-size: 2.8rem !important; font-weight: 800 !important; color: var(--p, #111) !important; letter-spacing: -0.04em !important; }
html[data-v="bold"] .sub_title > h2.tit01 { font-size: 3.4rem !important; font-weight: 900 !important; }
html[data-v="dark"] .sub_title > h2.tit01 { color: #f0f0f0 !important; }
html[data-v="basic"] .sub_title > h2.tit02,
html[data-v="bold"] .sub_title > h2.tit02,
html[data-v="dark"] .sub_title > h2.tit02 { font-size: 0.9rem !important; font-weight: 600 !important; color: var(--a1, var(--p)) !important; letter-spacing: 3px !important; text-transform: uppercase !important; }

/* L1 좌측 플로팅 */
html[data-v="basic"] .wz-side-btn__item,
html[data-v="bold"] .wz-side-btn__item { border-radius: 0 24px 24px 0 !important; background: var(--p, #182954) !important; color: #fff !important; }
html[data-v="basic"] .wz-side-btn__item:hover,
html[data-v="bold"] .wz-side-btn__item:hover { background: var(--a1, var(--p)) !important; }

/* L1 우측 플로팅 (PC only) */
@media (min-width: 861px) {
html[data-v="basic"] #quick .quick_menu ul > li,
html[data-v="bold"] #quick .quick_menu ul > li,
html[data-v="dark"] #quick .quick_menu ul > li { border-radius: 50% !important; background: var(--p, #182954) !important; box-shadow: 2px 4px 20px rgba(0,0,0,0.25) !important; }
html[data-v="dark"] #quick .quick_menu ul > li { background: #1c1e26 !important; border: 1px solid rgba(255,255,255,.12) !important; }
html[data-v="basic"] #quick .quick_menu a i,
html[data-v="bold"] #quick .quick_menu a i,
html[data-v="dark"] #quick .quick_menu a i { color: var(--a1t, #fff) !important; }
html[data-v="basic"] #quick .quick_menu a strong,
html[data-v="bold"] #quick .quick_menu a strong,
html[data-v="dark"] #quick .quick_menu a strong { color: rgba(255,255,255,0.9) !important; }
}

/* ─────────────────────────────────────────────────────────────
   L2 아키타입 — glass / zigzag / split
   카드 그리드, 뱃지형 번호, 라운드
   ───────────────────────────────────────────────────────────── */

/* L2 메인 프리미엄 */
html[data-v="glass"] .wz-premium-wrap,
html[data-v="zigzag"] .wz-premium-wrap,
html[data-v="split"] .wz-premium-wrap {
    display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; padding: 0 !important; max-width: 1060px !important;
}
html[data-v="glass"] .wz-premium-wrap > .sub-con,
html[data-v="zigzag"] .wz-premium-wrap > .sub-con,
html[data-v="split"] .wz-premium-wrap > .sub-con { grid-column: 1 / -1 !important; width: 100% !important; }
html[data-v="glass"] .wz-premium-item,
html[data-v="zigzag"] .wz-premium-item,
html[data-v="split"] .wz-premium-item {
    display: flex !important; flex-direction: column !important; gap: 14px !important; padding: 28px 24px !important;
    border-bottom: none !important; border-radius: 12px !important;
    background: color-mix(in srgb, var(--p, #182954) 5%, #fff) !important;
    border: 1px solid color-mix(in srgb, var(--p, #182954) 12%, #fff) !important;
    transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}
html[data-v="glass"] .wz-premium-item:hover,
html[data-v="zigzag"] .wz-premium-item:hover,
html[data-v="split"] .wz-premium-item:hover {
    box-shadow: 0 8px 32px color-mix(in srgb, var(--p, #182954) 18%, transparent) !important;
    transform: translateY(-3px) !important; background: color-mix(in srgb, var(--p, #182954) 5%, #fff) !important; margin: 0 !important; padding: 28px 24px !important;
}
html[data-v="glass"] .wz-pm-num,
html[data-v="zigzag"] .wz-pm-num,
html[data-v="split"] .wz-pm-num {
    width: 36px !important; height: 36px !important; background: var(--a1, var(--p)) !important; color: var(--a1t, #fff) !important;
    border-radius: 50% !important; font-size: 0.8rem !important; font-weight: 700 !important; font-family: var(--site-font, sans-serif) !important;
    border-right: none !important; letter-spacing: 0 !important; opacity: 1 !important;
    display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; padding: 0 !important;
}
html[data-v="glass"] .wz-pm-body,
html[data-v="zigzag"] .wz-pm-body,
html[data-v="split"] .wz-pm-body { padding-left: 0 !important; }
html[data-v="glass"] .wz-pm-title,
html[data-v="zigzag"] .wz-pm-title,
html[data-v="split"] .wz-pm-title { font-size: 1.1rem !important; font-weight: 700 !important; color: var(--p, #111) !important; }
html[data-v="glass"] .wz-pm-desc,
html[data-v="zigzag"] .wz-pm-desc,
html[data-v="split"] .wz-pm-desc { font-size: 0.88rem !important; color: #666 !important; line-height: 1.7 !important; }

/* L2 서브 프리미엄 */
html[data-v="glass"] .sub_premium ul,
html[data-v="zigzag"] .sub_premium ul,
html[data-v="split"] .sub_premium ul { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
html[data-v="glass"] .sub_premium ul li,
html[data-v="zigzag"] .sub_premium ul li,
html[data-v="split"] .sub_premium ul li { width: 100% !important; }
html[data-v="glass"] .sub_premium ul li dl,
html[data-v="zigzag"] .sub_premium ul li dl,
html[data-v="split"] .sub_premium ul li dl {
    display: flex !important; flex-direction: column !important; gap: 12px !important; padding: 28px 24px !important;
    border-bottom: none !important; border-radius: 12px !important;
    background: color-mix(in srgb, var(--p, #182954) 4%, #fff) !important;
    border: 1px solid color-mix(in srgb, var(--p, #182954) 10%, #fff) !important;
    height: 100% !important; box-sizing: border-box !important;
}
html[data-v="glass"] .sub_premium ul li dl dt,
html[data-v="zigzag"] .sub_premium ul li dl dt,
html[data-v="split"] .sub_premium ul li dl dt {
    font-size: 0.78rem !important; font-weight: 700 !important; color: var(--a1t, #fff) !important; background: var(--a1, var(--p)) !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 32px !important; height: 32px !important; border-radius: 50% !important; letter-spacing: 0 !important; opacity: 1 !important;
}
html[data-v="glass"] .sub_premium ul li dl dt::after,
html[data-v="zigzag"] .sub_premium ul li dl dt::after,
html[data-v="split"] .sub_premium ul li dl dt::after { display: none !important; }
html[data-v="glass"] .sub_premium ul li dl dd strong,
html[data-v="zigzag"] .sub_premium ul li dl dd strong,
html[data-v="split"] .sub_premium ul li dl dd strong { font-size: 1.2rem !important; font-weight: 700 !important; color: var(--p, #111) !important; display: block !important; margin-bottom: 6px !important; }
html[data-v="glass"] .sub_premium ul li dl dd,
html[data-v="zigzag"] .sub_premium ul li dl dd,
html[data-v="split"] .sub_premium ul li dl dd { font-size: 0.88rem !important; line-height: 1.75 !important; color: #555 !important; }

/* L2 서브타이틀 */
html[data-v="glass"] .sub_title,
html[data-v="zigzag"] .sub_title,
html[data-v="split"] .sub_title { text-align: center !important; align-items: center !important; gap: 12px 0 !important; }
html[data-v="glass"] .sub_title > h2.tit01,
html[data-v="zigzag"] .sub_title > h2.tit01,
html[data-v="split"] .sub_title > h2.tit01 { font-size: 2.6rem !important; font-weight: 800 !important; color: var(--p, #111) !important; order: 2 !important; }
/* glass tit01: 포인트색 배경 박스 — 흰 텍스트 유지 */
html[data-v="glass"] .sub_title > h2.tit01 { color: #fff !important; background: var(--p) !important; display: inline-block !important; width: fit-content !important; padding: .35rem 1.5rem !important; border-radius: .3rem !important; }
html[data-v="glass"] .sub_title > h2.tit02,
html[data-v="zigzag"] .sub_title > h2.tit02,
html[data-v="split"] .sub_title > h2.tit02 {
    font-size: 0.82rem !important; font-weight: 600 !important; color: var(--a1t, #fff) !important;
    background: var(--a1, var(--p)) !important; border-radius: 20px !important; padding: 4px 16px !important;
    display: inline-block !important; letter-spacing: 1px !important; order: 1 !important;
}

/* L2 좌측 플로팅 */
html[data-v="glass"] .wz-side-btn__item,
html[data-v="zigzag"] .wz-side-btn__item,
html[data-v="split"] .wz-side-btn__item {
    border-radius: 0 12px 12px 0 !important; background: rgba(255,255,255,0.92) !important; color: var(--p, #111) !important;
    border: 1px solid color-mix(in srgb, var(--p, #182954) 20%, transparent) !important; border-left: none !important;
    box-shadow: 2px 2px 16px rgba(0,0,0,0.12) !important; backdrop-filter: blur(8px) !important;
}
html[data-v="glass"] .wz-side-btn__item:hover,
html[data-v="zigzag"] .wz-side-btn__item:hover,
html[data-v="split"] .wz-side-btn__item:hover { background: var(--p, #182954) !important; color: #fff !important; border-color: transparent !important; }
html[data-v="glass"] .wz-side-btn__icon,
html[data-v="zigzag"] .wz-side-btn__icon,
html[data-v="split"] .wz-side-btn__icon { color: var(--p, #111) !important; }
html[data-v="glass"] .wz-side-btn__item:hover .wz-side-btn__icon,
html[data-v="zigzag"] .wz-side-btn__item:hover .wz-side-btn__icon,
html[data-v="split"] .wz-side-btn__item:hover .wz-side-btn__icon { color: #fff !important; }
html[data-v="glass"] .wz-side-btn__label,
html[data-v="zigzag"] .wz-side-btn__label,
html[data-v="split"] .wz-side-btn__label { color: var(--p, #111) !important; }

/* L2 우측 플로팅 (PC only) */
@media (min-width: 861px) {
html[data-v="glass"] #quick .quick_menu ul > li,
html[data-v="zigzag"] #quick .quick_menu ul > li,
html[data-v="split"] #quick .quick_menu ul > li { border-radius: 14px !important; background: var(--p, #182954) !important; width: 80px !important; height: 80px !important; box-shadow: 2px 4px 20px rgba(0,0,0,0.22) !important; }
}
html[data-v="glass"] #quick .quick_menu a i,
html[data-v="zigzag"] #quick .quick_menu a i,
html[data-v="split"] #quick .quick_menu a i { color: var(--a1, #fff) !important; }
html[data-v="glass"] #quick .quick_menu a strong,
html[data-v="zigzag"] #quick .quick_menu a strong,
html[data-v="split"] #quick .quick_menu a strong { color: rgba(255,255,255,0.85) !important; }

/* ─────────────────────────────────────────────────────────────
   L3 아키타입 — minimal / timeline / frame
   직사각 박스 그리드, 선명한 테두리, 정제된 타이포
   ───────────────────────────────────────────────────────────── */

/* L3 메인 프리미엄 */
html[data-v="minimal"] .wz-premium-wrap,
html[data-v="timeline"] .wz-premium-wrap,
html[data-v="frame"] .wz-premium-wrap {
    display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 1px !important; padding: 0 !important;
    background: color-mix(in srgb, var(--p, #182954) 15%, #fff) !important;
    border: 1px solid color-mix(in srgb, var(--p, #182954) 15%, #fff) !important; max-width: 1060px !important;
}
html[data-v="minimal"] .wz-premium-wrap > .sub-con,
html[data-v="timeline"] .wz-premium-wrap > .sub-con,
html[data-v="frame"] .wz-premium-wrap > .sub-con { grid-column: 1 / -1 !important; width: 100% !important; }
html[data-v="minimal"] .wz-premium-item,
html[data-v="timeline"] .wz-premium-item,
html[data-v="frame"] .wz-premium-item {
    display: flex !important; flex-direction: column !important; gap: 16px !important; padding: 32px 28px !important;
    border-bottom: none !important; border-radius: 0 !important; background: #fff !important; transition: background 0.2s ease !important; position: relative !important;
}
html[data-v="minimal"] .wz-premium-item:hover,
html[data-v="timeline"] .wz-premium-item:hover,
html[data-v="frame"] .wz-premium-item:hover { background: color-mix(in srgb, var(--p, #182954) 3%, #fff) !important; margin: 0 !important; padding: 32px 28px !important; }
html[data-v="minimal"] .wz-pm-num,
html[data-v="timeline"] .wz-pm-num,
html[data-v="frame"] .wz-pm-num {
    width: auto !important; height: auto !important; font-size: 0.72rem !important; font-weight: 700 !important;
    color: var(--a1t, #fff) !important; background: var(--a1, var(--p)) !important; border-radius: 2px !important;
    padding: 2px 8px !important; letter-spacing: 1px !important; border-right: none !important; opacity: 1 !important;
    align-self: flex-start !important; line-height: 1.6 !important; font-family: var(--site-font, sans-serif) !important; justify-content: flex-start !important;
}
html[data-v="minimal"] .wz-pm-body,
html[data-v="timeline"] .wz-pm-body,
html[data-v="frame"] .wz-pm-body { padding-left: 0 !important; }
html[data-v="minimal"] .wz-pm-title,
html[data-v="timeline"] .wz-pm-title,
html[data-v="frame"] .wz-pm-title { font-size: 1.15rem !important; font-weight: 700 !important; color: var(--p, #111) !important; letter-spacing: -0.02em !important; }
html[data-v="minimal"] .wz-pm-desc,
html[data-v="timeline"] .wz-pm-desc,
html[data-v="frame"] .wz-pm-desc { font-size: 0.88rem !important; color: #666 !important; line-height: 1.75 !important; }

/* L3 서브 프리미엄 */
html[data-v="minimal"] .sub_premium ul,
html[data-v="timeline"] .sub_premium ul,
html[data-v="frame"] .sub_premium ul { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
html[data-v="minimal"] .sub_premium ul li,
html[data-v="timeline"] .sub_premium ul li,
html[data-v="frame"] .sub_premium ul li { width: 100% !important; }
html[data-v="minimal"] .sub_premium ul li dl,
html[data-v="timeline"] .sub_premium ul li dl,
html[data-v="frame"] .sub_premium ul li dl {
    display: flex !important; flex-direction: column !important; gap: 12px !important; padding: 28px 24px !important;
    border-bottom: none !important; border-radius: 0 !important; background: #fff !important;
    border: 1px solid #d0d5dd !important; border-left: 4px solid var(--a1, var(--p)) !important;
    height: 100% !important; box-sizing: border-box !important;
}
html[data-v="minimal"] .sub_premium ul li dl dt,
html[data-v="timeline"] .sub_premium ul li dl dt,
html[data-v="frame"] .sub_premium ul li dl dt {
    font-size: 0.72rem !important; font-weight: 700 !important; color: var(--a1t, #fff) !important;
    background: var(--a1, var(--p)) !important; display: inline-block !important; padding: 2px 8px !important;
    border-radius: 2px !important; letter-spacing: 1px !important; opacity: 1 !important; align-self: flex-start !important;
}
html[data-v="minimal"] .sub_premium ul li dl dt::after,
html[data-v="timeline"] .sub_premium ul li dl dt::after,
html[data-v="frame"] .sub_premium ul li dl dt::after { display: none !important; }
html[data-v="minimal"] .sub_premium ul li dl dd strong,
html[data-v="timeline"] .sub_premium ul li dl dd strong,
html[data-v="frame"] .sub_premium ul li dl dd strong { font-size: 1.2rem !important; font-weight: 700 !important; color: var(--p, #111) !important; display: block !important; margin-bottom: 6px !important; }
html[data-v="minimal"] .sub_premium ul li dl dd,
html[data-v="timeline"] .sub_premium ul li dl dd,
html[data-v="frame"] .sub_premium ul li dl dd { font-size: 0.88rem !important; line-height: 1.75 !important; color: #555 !important; }

/* L3 서브타이틀 */
html[data-v="minimal"] .sub_title,
html[data-v="timeline"] .sub_title,
html[data-v="frame"] .sub_title {
    text-align: center !important; align-items: center !important;
    border-top: 2px solid var(--a1, var(--p)) !important; border-bottom: 2px solid var(--a1, var(--p)) !important;
    padding: 20px 0 !important; gap: 10px 0 !important;
}
html[data-v="minimal"] .sub_title > h2.tit01,
html[data-v="timeline"] .sub_title > h2.tit01,
html[data-v="frame"] .sub_title > h2.tit01 { font-size: 2.4rem !important; font-weight: 800 !important; color: var(--p, #111) !important; letter-spacing: -0.03em !important; }
html[data-v="minimal"] .sub_title > h2.tit02,
html[data-v="timeline"] .sub_title > h2.tit02,
html[data-v="frame"] .sub_title > h2.tit02 { font-size: 0.9rem !important; font-weight: 500 !important; color: var(--a1, var(--p)) !important; letter-spacing: 1px !important; }

/* L3 좌측 플로팅 */
html[data-v="minimal"] .wz-side-btn__item,
html[data-v="timeline"] .wz-side-btn__item,
html[data-v="frame"] .wz-side-btn__item {
    border-radius: 0 !important; background: var(--p, #182954) !important; color: #fff !important; box-shadow: none !important; border-right: 3px solid var(--a1, var(--p)) !important;
}
html[data-v="minimal"] .wz-side-btn__item:hover,
html[data-v="timeline"] .wz-side-btn__item:hover,
html[data-v="frame"] .wz-side-btn__item:hover { background: var(--a1, var(--p)) !important; border-right-color: var(--p) !important; }

/* L3 우측 플로팅 (PC only) */
@media (min-width: 861px) {
html[data-v="minimal"] #quick .quick_menu ul > li,
html[data-v="timeline"] #quick .quick_menu ul > li,
html[data-v="frame"] #quick .quick_menu ul > li { border-radius: 4px !important; background: var(--p, #182954) !important; width: 80px !important; height: 80px !important; box-shadow: 2px 2px 12px rgba(0,0,0,0.2) !important; }
html[data-v="minimal"] #quick .quick_menu ul > li:hover,
html[data-v="timeline"] #quick .quick_menu ul > li:hover,
html[data-v="frame"] #quick .quick_menu ul > li:hover { background: var(--a1, var(--p)) !important; }
}
html[data-v="minimal"] #quick .quick_menu a i,
html[data-v="timeline"] #quick .quick_menu a i,
html[data-v="frame"] #quick .quick_menu a i { color: var(--a1, #fff) !important; }
html[data-v="minimal"] #quick .quick_menu a strong,
html[data-v="timeline"] #quick .quick_menu a strong,
html[data-v="frame"] #quick .quick_menu a strong { color: rgba(255,255,255,0.85) !important; }
html[data-v="timeline"] #quick li a,
html[data-v="frame"] #quick li a { color: #fff !important; }

/* ─────────────────────────────────────────────────────────────
   L4 아키타입 — soft
   라운드 카드, 부드러운 그라디언트, 장식적 타이포
   ───────────────────────────────────────────────────────────── */

/* L4 메인 프리미엄 */
html[data-v="soft"] .wz-premium-wrap {
    display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 24px !important; padding: 0 !important; max-width: 960px !important;
}
html[data-v="soft"] .wz-premium-wrap > .sub-con { grid-column: 1 / -1 !important; width: 100% !important; }
html[data-v="soft"] .wz-premium-item {
    display: flex !important; flex-direction: column !important; gap: 16px !important; padding: 32px 28px !important;
    border-bottom: none !important; border-radius: 20px !important;
    background: color-mix(in srgb, var(--a1, var(--p)) 6%, #fff) !important;
    border: 1.5px solid color-mix(in srgb, var(--a1, var(--p)) 18%, #fff) !important;
    box-shadow: 0 4px 20px color-mix(in srgb, var(--p, #182954) 8%, transparent) !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}
html[data-v="soft"] .wz-premium-item:hover { transform: translateY(-4px) !important; box-shadow: 0 12px 40px color-mix(in srgb, var(--p, #182954) 16%, transparent) !important; background: color-mix(in srgb, var(--a1, var(--p)) 6%, #fff) !important; margin: 0 !important; padding: 32px 28px !important; }
html[data-v="soft"] .wz-pm-num {
    width: 44px !important; height: 44px !important; background: linear-gradient(135deg, var(--a1, var(--p)) 0%, color-mix(in srgb, var(--a1, var(--p)) 70%, var(--p)) 100%) !important;
    color: var(--a1t, #fff) !important; border-radius: 50% !important; font-size: 0.85rem !important; font-weight: 700 !important;
    font-family: var(--site-font, sans-serif) !important; border-right: none !important; letter-spacing: 0 !important; opacity: 1 !important;
    display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--a1, var(--p)) 35%, transparent) !important;
}
html[data-v="soft"] .wz-pm-body { padding-left: 0 !important; }
html[data-v="soft"] .wz-pm-title { font-size: 1.1rem !important; font-weight: 700 !important; color: var(--p, #111) !important; }
html[data-v="soft"] .wz-pm-desc { font-size: 0.88rem !important; color: #666 !important; line-height: 1.75 !important; }

/* L4 서브 프리미엄 */
html[data-v="soft"] .sub_premium ul { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 24px !important; }
html[data-v="soft"] .sub_premium ul li { width: 100% !important; }
html[data-v="soft"] .sub_premium ul li dl {
    display: flex !important; flex-direction: column !important; gap: 14px !important; padding: 30px 26px !important;
    border-bottom: none !important; border-radius: 20px !important;
    background: color-mix(in srgb, var(--a1, var(--p)) 5%, #fff) !important;
    border: 1.5px solid color-mix(in srgb, var(--a1, var(--p)) 15%, #fff) !important;
    box-shadow: 0 4px 16px color-mix(in srgb, var(--p, #182954) 6%, transparent) !important;
    height: 100% !important; box-sizing: border-box !important;
}
html[data-v="soft"] .sub_premium ul li dl dt {
    font-size: 0.82rem !important; font-weight: 700 !important; color: var(--a1t, #fff) !important;
    background: linear-gradient(135deg, var(--a1, var(--p)) 0%, color-mix(in srgb, var(--a1, var(--p)) 70%, var(--p)) 100%) !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 36px !important; height: 36px !important; border-radius: 50% !important; letter-spacing: 0 !important; opacity: 1 !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--a1, var(--p)) 30%, transparent) !important;
}
html[data-v="soft"] .sub_premium ul li dl dt::after { display: none !important; }
html[data-v="soft"] .sub_premium ul li dl dd strong { font-size: 1.2rem !important; font-weight: 700 !important; color: var(--p, #111) !important; display: block !important; margin-bottom: 6px !important; }
html[data-v="soft"] .sub_premium ul li dl dd { font-size: 0.88rem !important; line-height: 1.8 !important; color: #555 !important; }

/* L4 서브타이틀 */
html[data-v="soft"] .sub_title {
    text-align: center !important; align-items: center !important; gap: 16px 0 !important; position: relative !important;
}
html[data-v="soft"] .sub_title::before {
    content: '' !important; display: block !important; width: 48px !important; height: 2px !important;
    background: linear-gradient(to right, transparent, var(--a1, var(--p)), transparent) !important; margin: 0 auto !important;
}
html[data-v="soft"] .sub_title::after {
    content: '' !important; display: block !important; width: 48px !important; height: 2px !important;
    background: linear-gradient(to right, transparent, var(--a1, var(--p)), transparent) !important; margin: 0 auto !important;
}
html[data-v="soft"] .sub_title > h2.tit01 { font-size: 2.6rem !important; font-weight: 800 !important; color: var(--p, #111) !important; letter-spacing: -0.02em !important; }
html[data-v="soft"] .sub_title > h2.tit02 { font-size: 0.95rem !important; font-weight: 500 !important; color: var(--a1, var(--p)) !important; letter-spacing: 0.5px !important; }

/* L4 좌측 플로팅 */
html[data-v="soft"] .wz-side-btn__item { border-radius: 0 50px 50px 0 !important; background: linear-gradient(135deg, var(--a1, var(--p)) 0%, color-mix(in srgb, var(--a1, var(--p)) 70%, var(--p)) 100%) !important; color: var(--a1t, #fff) !important; box-shadow: 2px 2px 16px color-mix(in srgb, var(--a1, var(--p)) 40%, transparent) !important; }
html[data-v="soft"] .wz-side-btn__item:hover { background: linear-gradient(135deg, var(--p) 0%, color-mix(in srgb, var(--p) 70%, #000) 100%) !important; }

/* L4 우측 플로팅 (PC only) */
@media (min-width: 861px) {
html[data-v="soft"] #quick .quick_menu ul > li { border-radius: 20px !important; background: linear-gradient(135deg, var(--p) 0%, color-mix(in srgb, var(--p) 70%, #000) 100%) !important; width: 78px !important; height: 78px !important; box-shadow: 2px 4px 20px color-mix(in srgb, var(--p, #182954) 30%, transparent) !important; }
}
html[data-v="soft"] #quick .quick_menu a i { color: var(--a1, #fff) !important; }
html[data-v="soft"] #quick .quick_menu a strong { color: rgba(255,255,255,0.9) !important; }

/* 모바일: L2/L3/L4 프리미엄 그리드 → 단열 */
@media (max-width: 768px) {
    html[data-v="glass"] .wz-premium-wrap,
    html[data-v="zigzag"] .wz-premium-wrap,
    html[data-v="split"] .wz-premium-wrap { grid-template-columns: 1fr !important; }
    html[data-v="minimal"] .wz-premium-wrap,
    html[data-v="timeline"] .wz-premium-wrap,
    html[data-v="frame"] .wz-premium-wrap { grid-template-columns: 1fr !important; gap: 1px !important; }
    html[data-v="soft"] .wz-premium-wrap { grid-template-columns: 1fr !important; }
    html[data-v="glass"] .sub_premium ul,
    html[data-v="zigzag"] .sub_premium ul,
    html[data-v="split"] .sub_premium ul,
    html[data-v="minimal"] .sub_premium ul,
    html[data-v="timeline"] .sub_premium ul,
    html[data-v="frame"] .sub_premium ul,
    html[data-v="soft"] .sub_premium ul { grid-template-columns: 1fr !important; }
}

/* ============================================================
   방문예약 폼 — 흰 카드 배경 variants 입력 텍스트 가시성 수정
   (basic/bold/glass/zigzag/split/minimal/timeline: #fwrite2 배경 흰색)
   ============================================================ */
html[data-v="basic"] .main_sec03 ul li input[type="text"],
html[data-v="basic"] .main_sec03 ul li input[type="tel"],
html[data-v="basic"] .main_sec03 ul li select,
html[data-v="bold"] .main_sec03 ul li input[type="text"],
html[data-v="bold"] .main_sec03 ul li input[type="tel"],
html[data-v="bold"] .main_sec03 ul li select,
html[data-v="glass"] .main_sec03 ul li input[type="text"],
html[data-v="glass"] .main_sec03 ul li input[type="tel"],
html[data-v="glass"] .main_sec03 ul li select,
html[data-v="zigzag"] .main_sec03 ul li input[type="text"],
html[data-v="zigzag"] .main_sec03 ul li input[type="tel"],
html[data-v="zigzag"] .main_sec03 ul li select,
html[data-v="split"] .main_sec03 ul li input[type="text"],
html[data-v="split"] .main_sec03 ul li input[type="tel"],
html[data-v="split"] .main_sec03 ul li select,
html[data-v="minimal"] .main_sec03 ul li input[type="text"],
html[data-v="minimal"] .main_sec03 ul li input[type="tel"],
html[data-v="minimal"] .main_sec03 ul li select,
html[data-v="timeline"] .main_sec03 ul li input[type="text"],
html[data-v="timeline"] .main_sec03 ul li input[type="tel"],
html[data-v="timeline"] .main_sec03 ul li select { color: #222 !important; border-color: #ddd !important; }

html[data-v="basic"] .main_sec03 input[type="text"]::placeholder,
html[data-v="basic"] .main_sec03 input[type="tel"]::placeholder,
html[data-v="bold"] .main_sec03 input[type="text"]::placeholder,
html[data-v="bold"] .main_sec03 input[type="tel"]::placeholder,
html[data-v="glass"] .main_sec03 input[type="text"]::placeholder,
html[data-v="glass"] .main_sec03 input[type="tel"]::placeholder,
html[data-v="zigzag"] .main_sec03 input[type="text"]::placeholder,
html[data-v="zigzag"] .main_sec03 input[type="tel"]::placeholder,
html[data-v="split"] .main_sec03 input[type="text"]::placeholder,
html[data-v="split"] .main_sec03 input[type="tel"]::placeholder,
html[data-v="minimal"] .main_sec03 input[type="text"]::placeholder,
html[data-v="minimal"] .main_sec03 input[type="tel"]::placeholder,
html[data-v="timeline"] .main_sec03 input[type="text"]::placeholder,
html[data-v="timeline"] .main_sec03 input[type="tel"]::placeholder { color: rgba(0,0,0,0.38) !important; }

html[data-v="basic"] .main_sec03 ul li .inp_chk,
html[data-v="bold"] .main_sec03 ul li .inp_chk,
html[data-v="glass"] .main_sec03 ul li .inp_chk,
html[data-v="zigzag"] .main_sec03 ul li .inp_chk,
html[data-v="split"] .main_sec03 ul li .inp_chk,
html[data-v="minimal"] .main_sec03 ul li .inp_chk,
html[data-v="timeline"] .main_sec03 ul li .inp_chk { color: #444 !important; }

html[data-v="basic"] .main_sec03 ul li .inp_chk input[type="checkbox"],
html[data-v="bold"] .main_sec03 ul li .inp_chk input[type="checkbox"],
html[data-v="glass"] .main_sec03 ul li .inp_chk input[type="checkbox"],
html[data-v="zigzag"] .main_sec03 ul li .inp_chk input[type="checkbox"],
html[data-v="split"] .main_sec03 ul li .inp_chk input[type="checkbox"],
html[data-v="minimal"] .main_sec03 ul li .inp_chk input[type="checkbox"],
html[data-v="timeline"] .main_sec03 ul li .inp_chk input[type="checkbox"] { accent-color: var(--p) !important; }

html[data-v="basic"] .main_sec03 ul li .tbox,
html[data-v="bold"] .main_sec03 ul li .tbox,
html[data-v="glass"] .main_sec03 ul li .tbox,
html[data-v="zigzag"] .main_sec03 ul li .tbox,
html[data-v="split"] .main_sec03 ul li .tbox,
html[data-v="minimal"] .main_sec03 ul li .tbox,
html[data-v="timeline"] .main_sec03 ul li .tbox { color: #555 !important; }
html[data-v="basic"] .main_sec03 ul li .tbox strong, html[data-v="basic"] .main_sec03 ul li .tbox span,
html[data-v="bold"] .main_sec03 ul li .tbox strong, html[data-v="bold"] .main_sec03 ul li .tbox span,
html[data-v="glass"] .main_sec03 ul li .tbox strong, html[data-v="glass"] .main_sec03 ul li .tbox span,
html[data-v="zigzag"] .main_sec03 ul li .tbox strong, html[data-v="zigzag"] .main_sec03 ul li .tbox span,
html[data-v="split"] .main_sec03 ul li .tbox strong, html[data-v="split"] .main_sec03 ul li .tbox span,
html[data-v="minimal"] .main_sec03 ul li .tbox strong, html[data-v="minimal"] .main_sec03 ul li .tbox span,
html[data-v="timeline"] .main_sec03 ul li .tbox strong, html[data-v="timeline"] .main_sec03 ul li .tbox span { color: #333 !important; }

/* ============================================================
   GLOBAL FONT UPLIFT & SPACING + FLOATING REDESIGN (PC)
   ============================================================ */
@media (min-width: 769px) {

    /* ── 서브배너 타이틀 업 ── */
    html[data-v] .sub_bg h2 strong { font-size: 2.8rem !important; }

    /* ── 섹션 서브타이틀 폰트 업 ── */
    html[data-v] .sub_title > h2.tit01 { font-size: 3.2rem !important; line-height: 1.35 !important; }
    html[data-v="bold"] .sub_title > h2.tit01 { font-size: 3.8rem !important; }
    html[data-v] .sub_title > h2.tit02 { font-size: 1.05rem !important; letter-spacing: 0.15em !important; }

    /* ── 섹션 상하 여백 업 ── */
    html[data-v] .sub_title { padding-top: 3.2rem !important; padding-bottom: 2.8rem !important; }
    html[data-v] .inner_wrap { padding-top: 64px !important; padding-bottom: 72px !important; }

    /* ──────────────────────────────────────────────────────────
       우측 플로팅 (#quick) 공통
       ────────────────────────────────────────────────────────── */
    html[data-v] #quick { bottom: 40px !important; right: 30px !important; }
    html[data-v] #quick .quick_menu ul > li { margin-bottom: 10px !important; transition: transform .2s ease, box-shadow .2s ease !important; overflow: visible !important; }
    html[data-v] #quick .quick_menu ul > li:last-child { margin-bottom: 0 !important; }
    html[data-v] #quick .quick_menu a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; height: 100% !important; gap: 5px 0 !important; }

    /* ── L1 — 원형 버튼 + 깊은 그림자 ── */
    html[data-v="basic"] #quick .quick_menu ul > li,
    html[data-v="bold"] #quick .quick_menu ul > li,
    html[data-v="dark"] #quick .quick_menu ul > li {
        border-radius: 50% !important;
        width: 86px !important; height: 86px !important;
        background: var(--p, #182954) !important;
        box-shadow: 0 8px 28px rgba(0,0,0,0.32), 0 2px 6px rgba(0,0,0,0.12) !important;
    }
    html[data-v="dark"] #quick .quick_menu ul > li { background: #1c1e26 !important; border: 1px solid rgba(255,255,255,.18) !important; }
    html[data-v="basic"] #quick .quick_menu ul > li:hover,
    html[data-v="bold"] #quick .quick_menu ul > li:hover,
    html[data-v="dark"] #quick .quick_menu ul > li:hover { transform: scale(1.09) translateY(-2px) !important; box-shadow: 0 14px 36px rgba(0,0,0,0.38) !important; }
    html[data-v="basic"] #quick .quick_menu a i,
    html[data-v="bold"] #quick .quick_menu a i,
    html[data-v="dark"] #quick .quick_menu a i { font-size: 2rem !important; color: var(--a1, #fff) !important; }
    html[data-v="basic"] #quick .quick_menu a strong,
    html[data-v="bold"] #quick .quick_menu a strong,
    html[data-v="dark"] #quick .quick_menu a strong { font-size: 0.72rem !important; color: rgba(255,255,255,0.9) !important; letter-spacing: -.01em !important; }

    /* ── L2 — 우측 부착 가로 바 형식 ── */
    html[data-v="glass"] #quick,
    html[data-v="zigzag"] #quick,
    html[data-v="split"] #quick { right: 0 !important; bottom: 50% !important; transform: translateY(50%) !important; }
    html[data-v="glass"] #quick .quick_menu,
    html[data-v="zigzag"] #quick .quick_menu,
    html[data-v="split"] #quick .quick_menu { width: 124px !important; }
    html[data-v="glass"] #quick .quick_menu ul > li,
    html[data-v="zigzag"] #quick .quick_menu ul > li,
    html[data-v="split"] #quick .quick_menu ul > li {
        width: 124px !important; height: 56px !important;
        border-radius: 10px 0 0 10px !important;
        background: var(--p, #182954) !important;
        box-shadow: -4px 4px 20px rgba(0,0,0,0.22) !important;
        margin-bottom: 6px !important;
    }
    html[data-v="glass"] #quick .quick_menu ul > li:hover,
    html[data-v="zigzag"] #quick .quick_menu ul > li:hover,
    html[data-v="split"] #quick .quick_menu ul > li:hover { transform: translateX(-8px) !important; box-shadow: -8px 6px 24px rgba(0,0,0,0.28) !important; }
    html[data-v="glass"] #quick .quick_menu a,
    html[data-v="zigzag"] #quick .quick_menu a,
    html[data-v="split"] #quick .quick_menu a { flex-direction: row !important; justify-content: flex-start !important; padding: 0 16px !important; gap: 10px !important; height: 100% !important; }
    html[data-v="glass"] #quick .quick_menu a i,
    html[data-v="zigzag"] #quick .quick_menu a i,
    html[data-v="split"] #quick .quick_menu a i { font-size: 1.35rem !important; color: var(--a1, #fff) !important; flex-shrink: 0 !important; }
    html[data-v="glass"] #quick .quick_menu a strong,
    html[data-v="zigzag"] #quick .quick_menu a strong,
    html[data-v="split"] #quick .quick_menu a strong { font-size: 0.8rem !important; color: rgba(255,255,255,0.92) !important; white-space: nowrap !important; }

    /* ── L3 — 아웃라인 버튼 (hover fill) ── */
    html[data-v="minimal"] #quick .quick_menu ul > li,
    html[data-v="timeline"] #quick .quick_menu ul > li,
    html[data-v="frame"] #quick .quick_menu ul > li {
        background: rgba(255,255,255,0.96) !important;
        border: 2px solid color-mix(in srgb, var(--p, #182954) 75%, transparent) !important;
        border-radius: 6px !important;
        width: 84px !important; height: 84px !important;
        box-shadow: 2px 4px 14px rgba(0,0,0,0.09) !important;
        margin-bottom: 8px !important;
    }
    html[data-v="minimal"] #quick .quick_menu ul > li:hover,
    html[data-v="timeline"] #quick .quick_menu ul > li:hover,
    html[data-v="frame"] #quick .quick_menu ul > li:hover { background: var(--p, #182954) !important; transform: scale(1.06) !important; }
    html[data-v="minimal"] #quick .quick_menu a i,
    html[data-v="timeline"] #quick .quick_menu a i,
    html[data-v="frame"] #quick .quick_menu a i { font-size: 1.85rem !important; color: var(--p, #182954) !important; }
    html[data-v="minimal"] #quick .quick_menu a strong,
    html[data-v="timeline"] #quick .quick_menu a strong,
    html[data-v="frame"] #quick .quick_menu a strong { font-size: 0.72rem !important; color: var(--p, #182954) !important; }
    html[data-v="minimal"] #quick .quick_menu ul > li:hover a i,
    html[data-v="timeline"] #quick .quick_menu ul > li:hover a i,
    html[data-v="frame"] #quick .quick_menu ul > li:hover a i { color: #fff !important; }
    html[data-v="minimal"] #quick .quick_menu ul > li:hover a strong,
    html[data-v="timeline"] #quick .quick_menu ul > li:hover a strong,
    html[data-v="frame"] #quick .quick_menu ul > li:hover a strong { color: rgba(255,255,255,0.9) !important; }

    /* ── L4 — 그라데이션 버블 ── */
    html[data-v="soft"] #quick .quick_menu ul > li {
        border-radius: 28px !important;
        background: linear-gradient(150deg, var(--p) 0%, color-mix(in srgb, var(--p) 65%, #000) 100%) !important;
        width: 82px !important; height: 82px !important;
        box-shadow: 0 8px 28px color-mix(in srgb, var(--p, #182954) 35%, transparent) !important;
        margin-bottom: 10px !important;
    }
    html[data-v="soft"] #quick .quick_menu ul > li:hover { transform: translateY(-3px) scale(1.07) !important; }
    html[data-v="soft"] #quick .quick_menu a i { font-size: 1.8rem !important; color: var(--a1, #fff) !important; }
    html[data-v="soft"] #quick .quick_menu a strong { font-size: 0.74rem !important; color: rgba(255,255,255,0.9) !important; }

    /* ──────────────────────────────────────────────────────────
       좌측 플로팅 (.wz-side-btn) 아키타입별 디자인
       ────────────────────────────────────────────────────────── */
    html[data-v="basic"] .wz-side-btn__item,
    html[data-v="bold"] .wz-side-btn__item { background: var(--p, #182954) !important; border-radius: 0 30px 30px 0 !important; height: 52px !important; }
    html[data-v="dark"] .wz-side-btn__item { background: #1c1e26 !important; border: 1px solid rgba(255,255,255,.18) !important; border-left: none !important; border-radius: 0 8px 8px 0 !important; height: 52px !important; }
    html[data-v="glass"] .wz-side-btn__item,
    html[data-v="zigzag"] .wz-side-btn__item,
    html[data-v="split"] .wz-side-btn__item { background: var(--p, #182954) !important; border-radius: 0 12px 12px 0 !important; height: 50px !important; }
    html[data-v="minimal"] .wz-side-btn__item,
    html[data-v="timeline"] .wz-side-btn__item,
    html[data-v="frame"] .wz-side-btn__item { background: rgba(255,255,255,0.95) !important; border: 2px solid var(--p, #182954) !important; border-left: none !important; color: var(--p, #182954) !important; border-radius: 0 6px 6px 0 !important; height: 50px !important; box-shadow: 2px 2px 10px rgba(0,0,0,0.08) !important; }
    html[data-v="soft"] .wz-side-btn__item { background: linear-gradient(135deg, var(--p) 0%, color-mix(in srgb, var(--p) 70%, #000) 100%) !important; border-radius: 0 26px 26px 0 !important; height: 52px !important; }

    /* hover */
    html[data-v="basic"] .wz-side-btn__item:hover,
    html[data-v="bold"] .wz-side-btn__item:hover { background: var(--a1, var(--p)) !important; max-width: 120px !important; }
    html[data-v="glass"] .wz-side-btn__item:hover,
    html[data-v="zigzag"] .wz-side-btn__item:hover,
    html[data-v="split"] .wz-side-btn__item:hover { max-width: 120px !important; }
    html[data-v="minimal"] .wz-side-btn__item:hover,
    html[data-v="timeline"] .wz-side-btn__item:hover,
    html[data-v="frame"] .wz-side-btn__item:hover { background: var(--p, #182954) !important; color: #fff !important; max-width: 120px !important; }
    html[data-v="soft"] .wz-side-btn__item:hover { max-width: 120px !important; }
}