/* ============================================================
   submenu_styles.css
   v2 변형 50종 × 3가지 서브메뉴 스타일
   tab(기본) / sidebar / accordion
   wz_submenu_style DB 값으로 선택
   ============================================================ */

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}



/* ──────────────────────────────────────────────
   v01 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v01"][data-sm="tab"] #submenu,
html[data-v="v01"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(196,169,116,0.25);
    position: relative;
}
html[data-v="v01"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v01"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v01"][data-sm="tab"] .sub_bc_home,
html[data-v="v01"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #C4A974;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v01"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v01"] .sub_bc_home:hover {
    background: #a68f62;
    transform: translateY(-1px);
}
html[data-v="v01"][data-sm="tab"] .sub_bc_sep,
html[data-v="v01"] .sub_bc_sep {
    color: #666666;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v01"][data-sm="tab"] .sub_bc_btn,
html[data-v="v01"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v01"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v01"] .sub_bc_btn:hover {
    color: #C4A974;
    border-bottom-color: #C4A974;
}
html[data-v="v01"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v01"] .sub_bc_btn.open {
    color: #C4A974;
    border-bottom-color: #C4A974;
    font-weight: 600;
}
html[data-v="v01"][data-sm="tab"] .sub_bc_list,
html[data-v="v01"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(102,102,102,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v01"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v01"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v01"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v01"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v01"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v01"] .sub_bc_list li a:hover {
    background: rgba(196,169,116,0.08);
    color: #C4A974;
    padding-left: 20px;
}
html[data-v="v01"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v01"] .sub_bc_list li.active a {
    color: #C4A974;
    font-weight: 700;
    background: rgba(196,169,116,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v01"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(102,102,102,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v01"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v01"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v01"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #C4A974;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v01"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v01"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v01"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v01"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #C4A974;
    border-left-color: #C4A974;
    background: rgba(196,169,116,0.06);
}
html[data-v="v01"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(196,169,116,0.04);
    margin-left: 8px;
}
html[data-v="v01"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v01"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v01"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #C4A974;
    border-left-color: #C4A974;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v01"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v01"][data-sm="accordion"] #submenu {
    background: #0a0a0a;
    border-bottom: none;
    padding: 0;
}
html[data-v="v01"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v01"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(196,169,116,0.2);
    color: #C4A974;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v01"][data-sm="accordion"] .sub_bc_home:hover {
    background: #C4A974;
    color: #111;
}
html[data-v="v01"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v01"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v01"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #C4A974;
    transition: width .25s ease;
}
html[data-v="v01"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v01"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v01"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v01"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v01"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #090909;
    border: none;
    border-top: 2px solid #C4A974;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v01"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v01"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v01"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #C4A974;
    background: rgba(196,169,116,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v01"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v01"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v02 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v02"][data-sm="tab"] #submenu,
html[data-v="v02"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(74,158,255,0.25);
    position: relative;
}
html[data-v="v02"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v02"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v02"][data-sm="tab"] .sub_bc_home,
html[data-v="v02"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #4A9EFF;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v02"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v02"] .sub_bc_home:hover {
    background: #3e86d8;
    transform: translateY(-1px);
}
html[data-v="v02"][data-sm="tab"] .sub_bc_sep,
html[data-v="v02"] .sub_bc_sep {
    color: #5A7A99;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v02"][data-sm="tab"] .sub_bc_btn,
html[data-v="v02"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v02"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v02"] .sub_bc_btn:hover {
    color: #4A9EFF;
    border-bottom-color: #4A9EFF;
}
html[data-v="v02"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v02"] .sub_bc_btn.open {
    color: #4A9EFF;
    border-bottom-color: #4A9EFF;
    font-weight: 600;
}
html[data-v="v02"][data-sm="tab"] .sub_bc_list,
html[data-v="v02"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(90,122,153,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v02"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v02"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v02"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v02"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v02"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v02"] .sub_bc_list li a:hover {
    background: rgba(74,158,255,0.08);
    color: #4A9EFF;
    padding-left: 20px;
}
html[data-v="v02"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v02"] .sub_bc_list li.active a {
    color: #4A9EFF;
    font-weight: 700;
    background: rgba(74,158,255,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v02"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(90,122,153,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v02"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v02"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v02"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #4A9EFF;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v02"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v02"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v02"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v02"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #4A9EFF;
    border-left-color: #4A9EFF;
    background: rgba(74,158,255,0.06);
}
html[data-v="v02"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(74,158,255,0.04);
    margin-left: 8px;
}
html[data-v="v02"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v02"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v02"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #4A9EFF;
    border-left-color: #4A9EFF;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v02"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v02"][data-sm="accordion"] #submenu {
    background: #0D1B2A;
    border-bottom: none;
    padding: 0;
}
html[data-v="v02"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v02"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(74,158,255,0.2);
    color: #4A9EFF;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v02"][data-sm="accordion"] .sub_bc_home:hover {
    background: #4A9EFF;
    color: #111;
}
html[data-v="v02"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v02"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v02"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #4A9EFF;
    transition: width .25s ease;
}
html[data-v="v02"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v02"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v02"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v02"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v02"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #0c1927;
    border: none;
    border-top: 2px solid #4A9EFF;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v02"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v02"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v02"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #4A9EFF;
    background: rgba(74,158,255,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v02"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v02"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v03 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v03"][data-sm="tab"] #submenu,
html[data-v="v03"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(212,212,212,0.25);
    position: relative;
}
html[data-v="v03"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v03"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v03"][data-sm="tab"] .sub_bc_home,
html[data-v="v03"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #D4D4D4;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v03"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v03"] .sub_bc_home:hover {
    background: #b4b4b4;
    transform: translateY(-1px);
}
html[data-v="v03"][data-sm="tab"] .sub_bc_sep,
html[data-v="v03"] .sub_bc_sep {
    color: #888888;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v03"][data-sm="tab"] .sub_bc_btn,
html[data-v="v03"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v03"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v03"] .sub_bc_btn:hover {
    color: #D4D4D4;
    border-bottom-color: #D4D4D4;
}
html[data-v="v03"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v03"] .sub_bc_btn.open {
    color: #D4D4D4;
    border-bottom-color: #D4D4D4;
    font-weight: 600;
}
html[data-v="v03"][data-sm="tab"] .sub_bc_list,
html[data-v="v03"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(136,136,136,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v03"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v03"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v03"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v03"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v03"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v03"] .sub_bc_list li a:hover {
    background: rgba(212,212,212,0.08);
    color: #D4D4D4;
    padding-left: 20px;
}
html[data-v="v03"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v03"] .sub_bc_list li.active a {
    color: #D4D4D4;
    font-weight: 700;
    background: rgba(212,212,212,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v03"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(136,136,136,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v03"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v03"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v03"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #D4D4D4;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v03"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v03"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v03"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v03"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #D4D4D4;
    border-left-color: #D4D4D4;
    background: rgba(212,212,212,0.06);
}
html[data-v="v03"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(212,212,212,0.04);
    margin-left: 8px;
}
html[data-v="v03"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v03"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v03"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #D4D4D4;
    border-left-color: #D4D4D4;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v03"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v03"][data-sm="accordion"] #submenu {
    background: #1C1C1C;
    border-bottom: none;
    padding: 0;
}
html[data-v="v03"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v03"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(212,212,212,0.2);
    color: #D4D4D4;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v03"][data-sm="accordion"] .sub_bc_home:hover {
    background: #D4D4D4;
    color: #111;
}
html[data-v="v03"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v03"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v03"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #D4D4D4;
    transition: width .25s ease;
}
html[data-v="v03"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v03"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v03"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v03"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v03"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #1a1a1a;
    border: none;
    border-top: 2px solid #D4D4D4;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v03"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v03"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v03"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #D4D4D4;
    background: rgba(212,212,212,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v03"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v03"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v04 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v04"][data-sm="tab"] #submenu,
html[data-v="v04"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(184,151,90,0.25);
    position: relative;
}
html[data-v="v04"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v04"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v04"][data-sm="tab"] .sub_bc_home,
html[data-v="v04"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #B8975A;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v04"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v04"] .sub_bc_home:hover {
    background: #9c804c;
    transform: translateY(-1px);
}
html[data-v="v04"][data-sm="tab"] .sub_bc_sep,
html[data-v="v04"] .sub_bc_sep {
    color: #777777;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v04"][data-sm="tab"] .sub_bc_btn,
html[data-v="v04"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v04"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v04"] .sub_bc_btn:hover {
    color: #B8975A;
    border-bottom-color: #B8975A;
}
html[data-v="v04"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v04"] .sub_bc_btn.open {
    color: #B8975A;
    border-bottom-color: #B8975A;
    font-weight: 600;
}
html[data-v="v04"][data-sm="tab"] .sub_bc_list,
html[data-v="v04"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(119,119,119,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v04"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v04"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v04"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v04"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v04"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v04"] .sub_bc_list li a:hover {
    background: rgba(184,151,90,0.08);
    color: #B8975A;
    padding-left: 20px;
}
html[data-v="v04"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v04"] .sub_bc_list li.active a {
    color: #B8975A;
    font-weight: 700;
    background: rgba(184,151,90,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v04"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(119,119,119,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v04"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v04"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v04"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #B8975A;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v04"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v04"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v04"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v04"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #B8975A;
    border-left-color: #B8975A;
    background: rgba(184,151,90,0.06);
}
html[data-v="v04"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(184,151,90,0.04);
    margin-left: 8px;
}
html[data-v="v04"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v04"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v04"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #B8975A;
    border-left-color: #B8975A;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v04"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v04"][data-sm="accordion"] #submenu {
    background: #111111;
    border-bottom: none;
    padding: 0;
}
html[data-v="v04"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v04"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(184,151,90,0.2);
    color: #B8975A;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v04"][data-sm="accordion"] .sub_bc_home:hover {
    background: #B8975A;
    color: #111;
}
html[data-v="v04"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v04"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v04"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #B8975A;
    transition: width .25s ease;
}
html[data-v="v04"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v04"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v04"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v04"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v04"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #101010;
    border: none;
    border-top: 2px solid #B8975A;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v04"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v04"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v04"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #B8975A;
    background: rgba(184,151,90,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v04"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v04"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v05 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v05"][data-sm="tab"] #submenu,
html[data-v="v05"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(226,232,240,0.25);
    position: relative;
}
html[data-v="v05"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v05"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v05"][data-sm="tab"] .sub_bc_home,
html[data-v="v05"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #E2E8F0;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v05"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v05"] .sub_bc_home:hover {
    background: #c0c5cc;
    transform: translateY(-1px);
}
html[data-v="v05"][data-sm="tab"] .sub_bc_sep,
html[data-v="v05"] .sub_bc_sep {
    color: #999999;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v05"][data-sm="tab"] .sub_bc_btn,
html[data-v="v05"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v05"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v05"] .sub_bc_btn:hover {
    color: #E2E8F0;
    border-bottom-color: #E2E8F0;
}
html[data-v="v05"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v05"] .sub_bc_btn.open {
    color: #E2E8F0;
    border-bottom-color: #E2E8F0;
    font-weight: 600;
}
html[data-v="v05"][data-sm="tab"] .sub_bc_list,
html[data-v="v05"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(153,153,153,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v05"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v05"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v05"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v05"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v05"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v05"] .sub_bc_list li a:hover {
    background: rgba(226,232,240,0.08);
    color: #E2E8F0;
    padding-left: 20px;
}
html[data-v="v05"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v05"] .sub_bc_list li.active a {
    color: #E2E8F0;
    font-weight: 700;
    background: rgba(226,232,240,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v05"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(153,153,153,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v05"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v05"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v05"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #E2E8F0;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v05"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v05"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v05"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v05"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #E2E8F0;
    border-left-color: #E2E8F0;
    background: rgba(226,232,240,0.06);
}
html[data-v="v05"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(226,232,240,0.04);
    margin-left: 8px;
}
html[data-v="v05"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v05"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v05"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #E2E8F0;
    border-left-color: #E2E8F0;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v05"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v05"][data-sm="accordion"] #submenu {
    background: #2C2C2C;
    border-bottom: none;
    padding: 0;
}
html[data-v="v05"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v05"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(226,232,240,0.2);
    color: #E2E8F0;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v05"][data-sm="accordion"] .sub_bc_home:hover {
    background: #E2E8F0;
    color: #111;
}
html[data-v="v05"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v05"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v05"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #E2E8F0;
    transition: width .25s ease;
}
html[data-v="v05"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v05"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v05"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v05"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v05"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #292929;
    border: none;
    border-top: 2px solid #E2E8F0;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v05"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v05"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v05"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #E2E8F0;
    background: rgba(226,232,240,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v05"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v05"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v06 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v06"][data-sm="tab"] #submenu,
html[data-v="v06"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(96,165,250,0.25);
    position: relative;
}
html[data-v="v06"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v06"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v06"][data-sm="tab"] .sub_bc_home,
html[data-v="v06"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #60A5FA;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v06"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v06"] .sub_bc_home:hover {
    background: #518cd4;
    transform: translateY(-1px);
}
html[data-v="v06"][data-sm="tab"] .sub_bc_sep,
html[data-v="v06"] .sub_bc_sep {
    color: #5A7A99;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v06"][data-sm="tab"] .sub_bc_btn,
html[data-v="v06"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v06"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v06"] .sub_bc_btn:hover {
    color: #60A5FA;
    border-bottom-color: #60A5FA;
}
html[data-v="v06"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v06"] .sub_bc_btn.open {
    color: #60A5FA;
    border-bottom-color: #60A5FA;
    font-weight: 600;
}
html[data-v="v06"][data-sm="tab"] .sub_bc_list,
html[data-v="v06"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(90,122,153,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v06"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v06"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v06"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v06"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v06"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v06"] .sub_bc_list li a:hover {
    background: rgba(96,165,250,0.08);
    color: #60A5FA;
    padding-left: 20px;
}
html[data-v="v06"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v06"] .sub_bc_list li.active a {
    color: #60A5FA;
    font-weight: 700;
    background: rgba(96,165,250,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v06"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(90,122,153,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v06"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v06"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v06"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #60A5FA;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v06"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v06"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v06"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v06"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #60A5FA;
    border-left-color: #60A5FA;
    background: rgba(96,165,250,0.06);
}
html[data-v="v06"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(96,165,250,0.04);
    margin-left: 8px;
}
html[data-v="v06"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v06"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v06"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #60A5FA;
    border-left-color: #60A5FA;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v06"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v06"][data-sm="accordion"] #submenu {
    background: #0F1923;
    border-bottom: none;
    padding: 0;
}
html[data-v="v06"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v06"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(96,165,250,0.2);
    color: #60A5FA;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v06"][data-sm="accordion"] .sub_bc_home:hover {
    background: #60A5FA;
    color: #111;
}
html[data-v="v06"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v06"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v06"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #60A5FA;
    transition: width .25s ease;
}
html[data-v="v06"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v06"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v06"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v06"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v06"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #0e1721;
    border: none;
    border-top: 2px solid #60A5FA;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v06"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v06"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v06"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #60A5FA;
    background: rgba(96,165,250,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v06"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v06"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v07 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v07"][data-sm="tab"] #submenu,
html[data-v="v07"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(255,59,48,0.25);
    position: relative;
}
html[data-v="v07"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v07"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v07"][data-sm="tab"] .sub_bc_home,
html[data-v="v07"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #FF3B30;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v07"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v07"] .sub_bc_home:hover {
    background: #d83228;
    transform: translateY(-1px);
}
html[data-v="v07"][data-sm="tab"] .sub_bc_sep,
html[data-v="v07"] .sub_bc_sep {
    color: #888888;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v07"][data-sm="tab"] .sub_bc_btn,
html[data-v="v07"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v07"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v07"] .sub_bc_btn:hover {
    color: #FF3B30;
    border-bottom-color: #FF3B30;
}
html[data-v="v07"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v07"] .sub_bc_btn.open {
    color: #FF3B30;
    border-bottom-color: #FF3B30;
    font-weight: 600;
}
html[data-v="v07"][data-sm="tab"] .sub_bc_list,
html[data-v="v07"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(136,136,136,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v07"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v07"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v07"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v07"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v07"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v07"] .sub_bc_list li a:hover {
    background: rgba(255,59,48,0.08);
    color: #FF3B30;
    padding-left: 20px;
}
html[data-v="v07"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v07"] .sub_bc_list li.active a {
    color: #FF3B30;
    font-weight: 700;
    background: rgba(255,59,48,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v07"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(136,136,136,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v07"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v07"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v07"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #FF3B30;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v07"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v07"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v07"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v07"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #FF3B30;
    border-left-color: #FF3B30;
    background: rgba(255,59,48,0.06);
}
html[data-v="v07"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(255,59,48,0.04);
    margin-left: 8px;
}
html[data-v="v07"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v07"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v07"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #FF3B30;
    border-left-color: #FF3B30;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v07"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v07"][data-sm="accordion"] #submenu {
    background: #000000;
    border-bottom: none;
    padding: 0;
}
html[data-v="v07"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v07"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(255,59,48,0.2);
    color: #FF3B30;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v07"][data-sm="accordion"] .sub_bc_home:hover {
    background: #FF3B30;
    color: #fff;
}
html[data-v="v07"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v07"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v07"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #FF3B30;
    transition: width .25s ease;
}
html[data-v="v07"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v07"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v07"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v07"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v07"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #000000;
    border: none;
    border-top: 2px solid #FF3B30;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v07"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v07"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v07"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #FF3B30;
    background: rgba(255,59,48,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v07"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v07"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v08 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v08"][data-sm="tab"] #submenu,
html[data-v="v08"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(124,58,237,0.25);
    position: relative;
}
html[data-v="v08"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v08"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v08"][data-sm="tab"] .sub_bc_home,
html[data-v="v08"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #7C3AED;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v08"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v08"] .sub_bc_home:hover {
    background: #6931c9;
    transform: translateY(-1px);
}
html[data-v="v08"][data-sm="tab"] .sub_bc_sep,
html[data-v="v08"] .sub_bc_sep {
    color: #6B7280;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v08"][data-sm="tab"] .sub_bc_btn,
html[data-v="v08"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v08"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v08"] .sub_bc_btn:hover {
    color: #7C3AED;
    border-bottom-color: #7C3AED;
}
html[data-v="v08"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v08"] .sub_bc_btn.open {
    color: #7C3AED;
    border-bottom-color: #7C3AED;
    font-weight: 600;
}
html[data-v="v08"][data-sm="tab"] .sub_bc_list,
html[data-v="v08"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(107,114,128,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v08"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v08"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v08"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v08"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v08"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v08"] .sub_bc_list li a:hover {
    background: rgba(124,58,237,0.08);
    color: #7C3AED;
    padding-left: 20px;
}
html[data-v="v08"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v08"] .sub_bc_list li.active a {
    color: #7C3AED;
    font-weight: 700;
    background: rgba(124,58,237,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v08"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(107,114,128,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v08"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v08"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v08"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #7C3AED;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v08"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v08"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v08"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v08"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #7C3AED;
    border-left-color: #7C3AED;
    background: rgba(124,58,237,0.06);
}
html[data-v="v08"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(124,58,237,0.04);
    margin-left: 8px;
}
html[data-v="v08"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v08"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v08"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #7C3AED;
    border-left-color: #7C3AED;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v08"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v08"][data-sm="accordion"] #submenu {
    background: #1A1A2E;
    border-bottom: none;
    padding: 0;
}
html[data-v="v08"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v08"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(124,58,237,0.2);
    color: #7C3AED;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v08"][data-sm="accordion"] .sub_bc_home:hover {
    background: #7C3AED;
    color: #fff;
}
html[data-v="v08"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v08"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v08"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #7C3AED;
    transition: width .25s ease;
}
html[data-v="v08"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v08"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v08"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v08"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v08"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #18182b;
    border: none;
    border-top: 2px solid #7C3AED;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v08"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v08"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v08"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #7C3AED;
    background: rgba(124,58,237,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v08"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v08"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v09 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v09"][data-sm="tab"] #submenu,
html[data-v="v09"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(245,158,11,0.25);
    position: relative;
}
html[data-v="v09"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v09"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v09"][data-sm="tab"] .sub_bc_home,
html[data-v="v09"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #F59E0B;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v09"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v09"] .sub_bc_home:hover {
    background: #d08609;
    transform: translateY(-1px);
}
html[data-v="v09"][data-sm="tab"] .sub_bc_sep,
html[data-v="v09"] .sub_bc_sep {
    color: #6B7280;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v09"][data-sm="tab"] .sub_bc_btn,
html[data-v="v09"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v09"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v09"] .sub_bc_btn:hover {
    color: #F59E0B;
    border-bottom-color: #F59E0B;
}
html[data-v="v09"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v09"] .sub_bc_btn.open {
    color: #F59E0B;
    border-bottom-color: #F59E0B;
    font-weight: 600;
}
html[data-v="v09"][data-sm="tab"] .sub_bc_list,
html[data-v="v09"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(107,114,128,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v09"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v09"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v09"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v09"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v09"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v09"] .sub_bc_list li a:hover {
    background: rgba(245,158,11,0.08);
    color: #F59E0B;
    padding-left: 20px;
}
html[data-v="v09"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v09"] .sub_bc_list li.active a {
    color: #F59E0B;
    font-weight: 700;
    background: rgba(245,158,11,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v09"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(107,114,128,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v09"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v09"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v09"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #F59E0B;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v09"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v09"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v09"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v09"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #F59E0B;
    border-left-color: #F59E0B;
    background: rgba(245,158,11,0.06);
}
html[data-v="v09"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(245,158,11,0.04);
    margin-left: 8px;
}
html[data-v="v09"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v09"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v09"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #F59E0B;
    border-left-color: #F59E0B;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v09"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v09"][data-sm="accordion"] #submenu {
    background: #1F2937;
    border-bottom: none;
    padding: 0;
}
html[data-v="v09"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v09"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(245,158,11,0.2);
    color: #F59E0B;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v09"][data-sm="accordion"] .sub_bc_home:hover {
    background: #F59E0B;
    color: #111;
}
html[data-v="v09"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v09"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v09"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #F59E0B;
    transition: width .25s ease;
}
html[data-v="v09"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v09"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v09"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v09"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v09"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #1d2634;
    border: none;
    border-top: 2px solid #F59E0B;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v09"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v09"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v09"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #F59E0B;
    background: rgba(245,158,11,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v09"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v09"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v10 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v10"][data-sm="tab"] #submenu,
html[data-v="v10"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(156,163,175,0.25);
    position: relative;
}
html[data-v="v10"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v10"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v10"][data-sm="tab"] .sub_bc_home,
html[data-v="v10"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #9CA3AF;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v10"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v10"] .sub_bc_home:hover {
    background: #848a94;
    transform: translateY(-1px);
}
html[data-v="v10"][data-sm="tab"] .sub_bc_sep,
html[data-v="v10"] .sub_bc_sep {
    color: #6B7280;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v10"][data-sm="tab"] .sub_bc_btn,
html[data-v="v10"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v10"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v10"] .sub_bc_btn:hover {
    color: #9CA3AF;
    border-bottom-color: #9CA3AF;
}
html[data-v="v10"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v10"] .sub_bc_btn.open {
    color: #9CA3AF;
    border-bottom-color: #9CA3AF;
    font-weight: 600;
}
html[data-v="v10"][data-sm="tab"] .sub_bc_list,
html[data-v="v10"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(107,114,128,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v10"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v10"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v10"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v10"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v10"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v10"] .sub_bc_list li a:hover {
    background: rgba(156,163,175,0.08);
    color: #9CA3AF;
    padding-left: 20px;
}
html[data-v="v10"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v10"] .sub_bc_list li.active a {
    color: #9CA3AF;
    font-weight: 700;
    background: rgba(156,163,175,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v10"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(107,114,128,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v10"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v10"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v10"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #9CA3AF;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v10"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v10"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v10"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v10"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #9CA3AF;
    border-left-color: #9CA3AF;
    background: rgba(156,163,175,0.06);
}
html[data-v="v10"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(156,163,175,0.04);
    margin-left: 8px;
}
html[data-v="v10"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v10"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v10"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #9CA3AF;
    border-left-color: #9CA3AF;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v10"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v10"][data-sm="accordion"] #submenu {
    background: #171717;
    border-bottom: none;
    padding: 0;
}
html[data-v="v10"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v10"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(156,163,175,0.2);
    color: #9CA3AF;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v10"][data-sm="accordion"] .sub_bc_home:hover {
    background: #9CA3AF;
    color: #111;
}
html[data-v="v10"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v10"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v10"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #9CA3AF;
    transition: width .25s ease;
}
html[data-v="v10"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v10"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v10"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v10"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v10"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #151515;
    border: none;
    border-top: 2px solid #9CA3AF;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v10"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v10"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v10"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #9CA3AF;
    background: rgba(156,163,175,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v10"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v10"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v11 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v11"][data-sm="tab"] #submenu,
html[data-v="v11"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(232,196,160,0.25);
    position: relative;
}
html[data-v="v11"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v11"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v11"][data-sm="tab"] .sub_bc_home,
html[data-v="v11"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #E8C4A0;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v11"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v11"] .sub_bc_home:hover {
    background: #c5a688;
    transform: translateY(-1px);
}
html[data-v="v11"][data-sm="tab"] .sub_bc_sep,
html[data-v="v11"] .sub_bc_sep {
    color: #A0736A;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v11"][data-sm="tab"] .sub_bc_btn,
html[data-v="v11"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v11"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v11"] .sub_bc_btn:hover {
    color: #E8C4A0;
    border-bottom-color: #E8C4A0;
}
html[data-v="v11"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v11"] .sub_bc_btn.open {
    color: #E8C4A0;
    border-bottom-color: #E8C4A0;
    font-weight: 600;
}
html[data-v="v11"][data-sm="tab"] .sub_bc_list,
html[data-v="v11"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(160,115,106,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v11"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v11"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v11"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v11"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v11"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v11"] .sub_bc_list li a:hover {
    background: rgba(232,196,160,0.08);
    color: #E8C4A0;
    padding-left: 20px;
}
html[data-v="v11"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v11"] .sub_bc_list li.active a {
    color: #E8C4A0;
    font-weight: 700;
    background: rgba(232,196,160,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v11"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(160,115,106,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v11"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v11"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v11"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #E8C4A0;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v11"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v11"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v11"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v11"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #E8C4A0;
    border-left-color: #E8C4A0;
    background: rgba(232,196,160,0.06);
}
html[data-v="v11"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(232,196,160,0.04);
    margin-left: 8px;
}
html[data-v="v11"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v11"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v11"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #E8C4A0;
    border-left-color: #E8C4A0;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v11"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v11"][data-sm="accordion"] #submenu {
    background: #3B0015;
    border-bottom: none;
    padding: 0;
}
html[data-v="v11"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v11"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(232,196,160,0.2);
    color: #E8C4A0;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v11"][data-sm="accordion"] .sub_bc_home:hover {
    background: #E8C4A0;
    color: #111;
}
html[data-v="v11"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v11"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v11"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #E8C4A0;
    transition: width .25s ease;
}
html[data-v="v11"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v11"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v11"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v11"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v11"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #380013;
    border: none;
    border-top: 2px solid #E8C4A0;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v11"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v11"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v11"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #E8C4A0;
    background: rgba(232,196,160,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v11"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v11"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v12 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v12"][data-sm="tab"] #submenu,
html[data-v="v12"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(255,215,0,0.25);
    position: relative;
}
html[data-v="v12"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v12"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v12"][data-sm="tab"] .sub_bc_home,
html[data-v="v12"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #FFD700;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v12"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v12"] .sub_bc_home:hover {
    background: #d8b600;
    transform: translateY(-1px);
}
html[data-v="v12"][data-sm="tab"] .sub_bc_sep,
html[data-v="v12"] .sub_bc_sep {
    color: #A0736A;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v12"][data-sm="tab"] .sub_bc_btn,
html[data-v="v12"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v12"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v12"] .sub_bc_btn:hover {
    color: #FFD700;
    border-bottom-color: #FFD700;
}
html[data-v="v12"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v12"] .sub_bc_btn.open {
    color: #FFD700;
    border-bottom-color: #FFD700;
    font-weight: 600;
}
html[data-v="v12"][data-sm="tab"] .sub_bc_list,
html[data-v="v12"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(160,115,106,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v12"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v12"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v12"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v12"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v12"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v12"] .sub_bc_list li a:hover {
    background: rgba(255,215,0,0.08);
    color: #FFD700;
    padding-left: 20px;
}
html[data-v="v12"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v12"] .sub_bc_list li.active a {
    color: #FFD700;
    font-weight: 700;
    background: rgba(255,215,0,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v12"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(160,115,106,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v12"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v12"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v12"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #FFD700;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v12"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v12"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v12"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v12"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #FFD700;
    border-left-color: #FFD700;
    background: rgba(255,215,0,0.06);
}
html[data-v="v12"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(255,215,0,0.04);
    margin-left: 8px;
}
html[data-v="v12"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v12"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v12"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #FFD700;
    border-left-color: #FFD700;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v12"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v12"][data-sm="accordion"] #submenu {
    background: #8B0000;
    border-bottom: none;
    padding: 0;
}
html[data-v="v12"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v12"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(255,215,0,0.2);
    color: #FFD700;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v12"][data-sm="accordion"] .sub_bc_home:hover {
    background: #FFD700;
    color: #111;
}
html[data-v="v12"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v12"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v12"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #FFD700;
    transition: width .25s ease;
}
html[data-v="v12"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v12"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v12"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v12"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v12"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #840000;
    border: none;
    border-top: 2px solid #FFD700;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v12"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v12"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v12"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #FFD700;
    background: rgba(255,215,0,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v12"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v12"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v13 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v13"][data-sm="tab"] #submenu,
html[data-v="v13"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(183,110,121,0.25);
    position: relative;
}
html[data-v="v13"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v13"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v13"][data-sm="tab"] .sub_bc_home,
html[data-v="v13"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #B76E79;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v13"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v13"] .sub_bc_home:hover {
    background: #9b5d66;
    transform: translateY(-1px);
}
html[data-v="v13"][data-sm="tab"] .sub_bc_sep,
html[data-v="v13"] .sub_bc_sep {
    color: #C4909A;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v13"][data-sm="tab"] .sub_bc_btn,
html[data-v="v13"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v13"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v13"] .sub_bc_btn:hover {
    color: #B76E79;
    border-bottom-color: #B76E79;
}
html[data-v="v13"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v13"] .sub_bc_btn.open {
    color: #B76E79;
    border-bottom-color: #B76E79;
    font-weight: 600;
}
html[data-v="v13"][data-sm="tab"] .sub_bc_list,
html[data-v="v13"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(196,144,154,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v13"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v13"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v13"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v13"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v13"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v13"] .sub_bc_list li a:hover {
    background: rgba(183,110,121,0.08);
    color: #B76E79;
    padding-left: 20px;
}
html[data-v="v13"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v13"] .sub_bc_list li.active a {
    color: #B76E79;
    font-weight: 700;
    background: rgba(183,110,121,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v13"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(196,144,154,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v13"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v13"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v13"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #B76E79;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v13"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v13"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v13"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v13"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #B76E79;
    border-left-color: #B76E79;
    background: rgba(183,110,121,0.06);
}
html[data-v="v13"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(183,110,121,0.04);
    margin-left: 8px;
}
html[data-v="v13"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v13"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v13"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #B76E79;
    border-left-color: #B76E79;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v13"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v13"][data-sm="accordion"] #submenu {
    background: #1A0A0E;
    border-bottom: none;
    padding: 0;
}
html[data-v="v13"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v13"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(183,110,121,0.2);
    color: #B76E79;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v13"][data-sm="accordion"] .sub_bc_home:hover {
    background: #B76E79;
    color: #111;
}
html[data-v="v13"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v13"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v13"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #B76E79;
    transition: width .25s ease;
}
html[data-v="v13"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v13"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v13"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v13"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v13"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #18090d;
    border: none;
    border-top: 2px solid #B76E79;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v13"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v13"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v13"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #B76E79;
    background: rgba(183,110,121,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v13"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v13"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v14 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v14"][data-sm="tab"] #submenu,
html[data-v="v14"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(196,113,74,0.25);
    position: relative;
}
html[data-v="v14"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v14"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v14"][data-sm="tab"] .sub_bc_home,
html[data-v="v14"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #C4714A;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v14"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v14"] .sub_bc_home:hover {
    background: #a6603e;
    transform: translateY(-1px);
}
html[data-v="v14"][data-sm="tab"] .sub_bc_sep,
html[data-v="v14"] .sub_bc_sep {
    color: #A08070;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v14"][data-sm="tab"] .sub_bc_btn,
html[data-v="v14"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v14"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v14"] .sub_bc_btn:hover {
    color: #C4714A;
    border-bottom-color: #C4714A;
}
html[data-v="v14"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v14"] .sub_bc_btn.open {
    color: #C4714A;
    border-bottom-color: #C4714A;
    font-weight: 600;
}
html[data-v="v14"][data-sm="tab"] .sub_bc_list,
html[data-v="v14"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(160,128,112,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v14"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v14"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v14"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v14"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v14"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v14"] .sub_bc_list li a:hover {
    background: rgba(196,113,74,0.08);
    color: #C4714A;
    padding-left: 20px;
}
html[data-v="v14"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v14"] .sub_bc_list li.active a {
    color: #C4714A;
    font-weight: 700;
    background: rgba(196,113,74,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v14"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(160,128,112,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v14"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v14"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v14"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #C4714A;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v14"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v14"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v14"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v14"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #C4714A;
    border-left-color: #C4714A;
    background: rgba(196,113,74,0.06);
}
html[data-v="v14"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(196,113,74,0.04);
    margin-left: 8px;
}
html[data-v="v14"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v14"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v14"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #C4714A;
    border-left-color: #C4714A;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v14"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v14"][data-sm="accordion"] #submenu {
    background: #1A0D08;
    border-bottom: none;
    padding: 0;
}
html[data-v="v14"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v14"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(196,113,74,0.2);
    color: #C4714A;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v14"][data-sm="accordion"] .sub_bc_home:hover {
    background: #C4714A;
    color: #111;
}
html[data-v="v14"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v14"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v14"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #C4714A;
    transition: width .25s ease;
}
html[data-v="v14"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v14"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v14"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v14"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v14"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #180c07;
    border: none;
    border-top: 2px solid #C4714A;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v14"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v14"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v14"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #C4714A;
    background: rgba(196,113,74,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v14"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v14"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v15 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v15"][data-sm="tab"] #submenu,
html[data-v="v15"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(184,115,51,0.25);
    position: relative;
}
html[data-v="v15"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v15"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v15"][data-sm="tab"] .sub_bc_home,
html[data-v="v15"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #B87333;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v15"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v15"] .sub_bc_home:hover {
    background: #9c612b;
    transform: translateY(-1px);
}
html[data-v="v15"][data-sm="tab"] .sub_bc_sep,
html[data-v="v15"] .sub_bc_sep {
    color: #907050;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v15"][data-sm="tab"] .sub_bc_btn,
html[data-v="v15"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v15"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v15"] .sub_bc_btn:hover {
    color: #B87333;
    border-bottom-color: #B87333;
}
html[data-v="v15"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v15"] .sub_bc_btn.open {
    color: #B87333;
    border-bottom-color: #B87333;
    font-weight: 600;
}
html[data-v="v15"][data-sm="tab"] .sub_bc_list,
html[data-v="v15"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(144,112,80,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v15"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v15"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v15"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v15"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v15"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v15"] .sub_bc_list li a:hover {
    background: rgba(184,115,51,0.08);
    color: #B87333;
    padding-left: 20px;
}
html[data-v="v15"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v15"] .sub_bc_list li.active a {
    color: #B87333;
    font-weight: 700;
    background: rgba(184,115,51,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v15"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(144,112,80,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v15"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v15"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v15"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #B87333;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v15"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v15"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v15"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v15"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #B87333;
    border-left-color: #B87333;
    background: rgba(184,115,51,0.06);
}
html[data-v="v15"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(184,115,51,0.04);
    margin-left: 8px;
}
html[data-v="v15"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v15"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v15"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #B87333;
    border-left-color: #B87333;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v15"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v15"][data-sm="accordion"] #submenu {
    background: #0F0A05;
    border-bottom: none;
    padding: 0;
}
html[data-v="v15"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v15"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(184,115,51,0.2);
    color: #B87333;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v15"][data-sm="accordion"] .sub_bc_home:hover {
    background: #B87333;
    color: #111;
}
html[data-v="v15"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v15"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v15"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #B87333;
    transition: width .25s ease;
}
html[data-v="v15"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v15"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v15"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v15"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v15"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #0e0904;
    border: none;
    border-top: 2px solid #B87333;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v15"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v15"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v15"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #B87333;
    background: rgba(184,115,51,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v15"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v15"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v16 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v16"][data-sm="tab"] #submenu,
html[data-v="v16"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(192,57,43,0.25);
    position: relative;
}
html[data-v="v16"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v16"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v16"][data-sm="tab"] .sub_bc_home,
html[data-v="v16"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #C0392B;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v16"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v16"] .sub_bc_home:hover {
    background: #a33024;
    transform: translateY(-1px);
}
html[data-v="v16"][data-sm="tab"] .sub_bc_sep,
html[data-v="v16"] .sub_bc_sep {
    color: #996070;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v16"][data-sm="tab"] .sub_bc_btn,
html[data-v="v16"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v16"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v16"] .sub_bc_btn:hover {
    color: #C0392B;
    border-bottom-color: #C0392B;
}
html[data-v="v16"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v16"] .sub_bc_btn.open {
    color: #C0392B;
    border-bottom-color: #C0392B;
    font-weight: 600;
}
html[data-v="v16"][data-sm="tab"] .sub_bc_list,
html[data-v="v16"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(153,96,112,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v16"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v16"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v16"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v16"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v16"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v16"] .sub_bc_list li a:hover {
    background: rgba(192,57,43,0.08);
    color: #C0392B;
    padding-left: 20px;
}
html[data-v="v16"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v16"] .sub_bc_list li.active a {
    color: #C0392B;
    font-weight: 700;
    background: rgba(192,57,43,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v16"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(153,96,112,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v16"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v16"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v16"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #C0392B;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v16"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v16"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v16"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v16"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #C0392B;
    border-left-color: #C0392B;
    background: rgba(192,57,43,0.06);
}
html[data-v="v16"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(192,57,43,0.04);
    margin-left: 8px;
}
html[data-v="v16"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v16"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v16"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #C0392B;
    border-left-color: #C0392B;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v16"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v16"][data-sm="accordion"] #submenu {
    background: #2D0A14;
    border-bottom: none;
    padding: 0;
}
html[data-v="v16"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v16"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(192,57,43,0.2);
    color: #C0392B;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v16"][data-sm="accordion"] .sub_bc_home:hover {
    background: #C0392B;
    color: #fff;
}
html[data-v="v16"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v16"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v16"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #C0392B;
    transition: width .25s ease;
}
html[data-v="v16"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v16"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v16"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v16"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v16"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #2a0913;
    border: none;
    border-top: 2px solid #C0392B;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v16"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v16"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v16"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #C0392B;
    background: rgba(192,57,43,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v16"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v16"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v17 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v17"][data-sm="tab"] #submenu,
html[data-v="v17"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(255,165,0,0.25);
    position: relative;
}
html[data-v="v17"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v17"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v17"][data-sm="tab"] .sub_bc_home,
html[data-v="v17"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #FFA500;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v17"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v17"] .sub_bc_home:hover {
    background: #d88c00;
    transform: translateY(-1px);
}
html[data-v="v17"][data-sm="tab"] .sub_bc_sep,
html[data-v="v17"] .sub_bc_sep {
    color: #A08030;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v17"][data-sm="tab"] .sub_bc_btn,
html[data-v="v17"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v17"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v17"] .sub_bc_btn:hover {
    color: #FFA500;
    border-bottom-color: #FFA500;
}
html[data-v="v17"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v17"] .sub_bc_btn.open {
    color: #FFA500;
    border-bottom-color: #FFA500;
    font-weight: 600;
}
html[data-v="v17"][data-sm="tab"] .sub_bc_list,
html[data-v="v17"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(160,128,48,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v17"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v17"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v17"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v17"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v17"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v17"] .sub_bc_list li a:hover {
    background: rgba(255,165,0,0.08);
    color: #FFA500;
    padding-left: 20px;
}
html[data-v="v17"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v17"] .sub_bc_list li.active a {
    color: #FFA500;
    font-weight: 700;
    background: rgba(255,165,0,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v17"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(160,128,48,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v17"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v17"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v17"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #FFA500;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v17"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v17"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v17"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v17"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #FFA500;
    border-left-color: #FFA500;
    background: rgba(255,165,0,0.06);
}
html[data-v="v17"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(255,165,0,0.04);
    margin-left: 8px;
}
html[data-v="v17"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v17"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v17"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #FFA500;
    border-left-color: #FFA500;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v17"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v17"][data-sm="accordion"] #submenu {
    background: #1A1000;
    border-bottom: none;
    padding: 0;
}
html[data-v="v17"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v17"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(255,165,0,0.2);
    color: #FFA500;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v17"][data-sm="accordion"] .sub_bc_home:hover {
    background: #FFA500;
    color: #111;
}
html[data-v="v17"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v17"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v17"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #FFA500;
    transition: width .25s ease;
}
html[data-v="v17"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v17"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v17"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v17"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v17"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #180f00;
    border: none;
    border-top: 2px solid #FFA500;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v17"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v17"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v17"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #FFA500;
    background: rgba(255,165,0,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v17"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v17"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v18 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v18"][data-sm="tab"] #submenu,
html[data-v="v18"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(255,107,74,0.25);
    position: relative;
}
html[data-v="v18"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v18"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v18"][data-sm="tab"] .sub_bc_home,
html[data-v="v18"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #FF6B4A;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v18"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v18"] .sub_bc_home:hover {
    background: #d85a3e;
    transform: translateY(-1px);
}
html[data-v="v18"][data-sm="tab"] .sub_bc_sep,
html[data-v="v18"] .sub_bc_sep {
    color: #B07060;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v18"][data-sm="tab"] .sub_bc_btn,
html[data-v="v18"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v18"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v18"] .sub_bc_btn:hover {
    color: #FF6B4A;
    border-bottom-color: #FF6B4A;
}
html[data-v="v18"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v18"] .sub_bc_btn.open {
    color: #FF6B4A;
    border-bottom-color: #FF6B4A;
    font-weight: 600;
}
html[data-v="v18"][data-sm="tab"] .sub_bc_list,
html[data-v="v18"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(176,112,96,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v18"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v18"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v18"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v18"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v18"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v18"] .sub_bc_list li a:hover {
    background: rgba(255,107,74,0.08);
    color: #FF6B4A;
    padding-left: 20px;
}
html[data-v="v18"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v18"] .sub_bc_list li.active a {
    color: #FF6B4A;
    font-weight: 700;
    background: rgba(255,107,74,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v18"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(176,112,96,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v18"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v18"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v18"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #FF6B4A;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v18"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v18"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v18"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v18"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #FF6B4A;
    border-left-color: #FF6B4A;
    background: rgba(255,107,74,0.06);
}
html[data-v="v18"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(255,107,74,0.04);
    margin-left: 8px;
}
html[data-v="v18"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v18"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v18"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #FF6B4A;
    border-left-color: #FF6B4A;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v18"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v18"][data-sm="accordion"] #submenu {
    background: #1A0805;
    border-bottom: none;
    padding: 0;
}
html[data-v="v18"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v18"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(255,107,74,0.2);
    color: #FF6B4A;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v18"][data-sm="accordion"] .sub_bc_home:hover {
    background: #FF6B4A;
    color: #111;
}
html[data-v="v18"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v18"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v18"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #FF6B4A;
    transition: width .25s ease;
}
html[data-v="v18"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v18"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v18"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v18"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v18"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #180704;
    border: none;
    border-top: 2px solid #FF6B4A;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v18"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v18"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v18"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #FF6B4A;
    background: rgba(255,107,74,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v18"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v18"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v19 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v19"][data-sm="tab"] #submenu,
html[data-v="v19"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(196,99,42,0.25);
    position: relative;
}
html[data-v="v19"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v19"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v19"][data-sm="tab"] .sub_bc_home,
html[data-v="v19"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #C4632A;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v19"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v19"] .sub_bc_home:hover {
    background: #a65423;
    transform: translateY(-1px);
}
html[data-v="v19"][data-sm="tab"] .sub_bc_sep,
html[data-v="v19"] .sub_bc_sep {
    color: #906040;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v19"][data-sm="tab"] .sub_bc_btn,
html[data-v="v19"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v19"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v19"] .sub_bc_btn:hover {
    color: #C4632A;
    border-bottom-color: #C4632A;
}
html[data-v="v19"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v19"] .sub_bc_btn.open {
    color: #C4632A;
    border-bottom-color: #C4632A;
    font-weight: 600;
}
html[data-v="v19"][data-sm="tab"] .sub_bc_list,
html[data-v="v19"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(144,96,64,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v19"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v19"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v19"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v19"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v19"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v19"] .sub_bc_list li a:hover {
    background: rgba(196,99,42,0.08);
    color: #C4632A;
    padding-left: 20px;
}
html[data-v="v19"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v19"] .sub_bc_list li.active a {
    color: #C4632A;
    font-weight: 700;
    background: rgba(196,99,42,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v19"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(144,96,64,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v19"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v19"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v19"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #C4632A;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v19"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v19"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v19"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v19"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #C4632A;
    border-left-color: #C4632A;
    background: rgba(196,99,42,0.06);
}
html[data-v="v19"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(196,99,42,0.04);
    margin-left: 8px;
}
html[data-v="v19"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v19"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v19"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #C4632A;
    border-left-color: #C4632A;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v19"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v19"][data-sm="accordion"] #submenu {
    background: #1C0A02;
    border-bottom: none;
    padding: 0;
}
html[data-v="v19"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v19"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(196,99,42,0.2);
    color: #C4632A;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v19"][data-sm="accordion"] .sub_bc_home:hover {
    background: #C4632A;
    color: #fff;
}
html[data-v="v19"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v19"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v19"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #C4632A;
    transition: width .25s ease;
}
html[data-v="v19"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v19"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v19"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v19"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v19"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #1a0901;
    border: none;
    border-top: 2px solid #C4632A;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v19"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v19"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v19"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #C4632A;
    background: rgba(196,99,42,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v19"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v19"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v20 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v20"][data-sm="tab"] #submenu,
html[data-v="v20"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(212,165,116,0.25);
    position: relative;
}
html[data-v="v20"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v20"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v20"][data-sm="tab"] .sub_bc_home,
html[data-v="v20"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #D4A574;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v20"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v20"] .sub_bc_home:hover {
    background: #b48c62;
    transform: translateY(-1px);
}
html[data-v="v20"][data-sm="tab"] .sub_bc_sep,
html[data-v="v20"] .sub_bc_sep {
    color: #A08060;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v20"][data-sm="tab"] .sub_bc_btn,
html[data-v="v20"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v20"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v20"] .sub_bc_btn:hover {
    color: #D4A574;
    border-bottom-color: #D4A574;
}
html[data-v="v20"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v20"] .sub_bc_btn.open {
    color: #D4A574;
    border-bottom-color: #D4A574;
    font-weight: 600;
}
html[data-v="v20"][data-sm="tab"] .sub_bc_list,
html[data-v="v20"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(160,128,96,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v20"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v20"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v20"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v20"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v20"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v20"] .sub_bc_list li a:hover {
    background: rgba(212,165,116,0.08);
    color: #D4A574;
    padding-left: 20px;
}
html[data-v="v20"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v20"] .sub_bc_list li.active a {
    color: #D4A574;
    font-weight: 700;
    background: rgba(212,165,116,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v20"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(160,128,96,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v20"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v20"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v20"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #D4A574;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v20"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v20"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v20"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v20"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #D4A574;
    border-left-color: #D4A574;
    background: rgba(212,165,116,0.06);
}
html[data-v="v20"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(212,165,116,0.04);
    margin-left: 8px;
}
html[data-v="v20"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v20"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v20"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #D4A574;
    border-left-color: #D4A574;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v20"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v20"][data-sm="accordion"] #submenu {
    background: #141008;
    border-bottom: none;
    padding: 0;
}
html[data-v="v20"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v20"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(212,165,116,0.2);
    color: #D4A574;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v20"][data-sm="accordion"] .sub_bc_home:hover {
    background: #D4A574;
    color: #111;
}
html[data-v="v20"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v20"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v20"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #D4A574;
    transition: width .25s ease;
}
html[data-v="v20"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v20"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v20"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v20"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v20"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #130f07;
    border: none;
    border-top: 2px solid #D4A574;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v20"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v20"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v20"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #D4A574;
    background: rgba(212,165,116,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v20"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v20"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v21 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v21"][data-sm="tab"] #submenu,
html[data-v="v21"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(96,165,250,0.25);
    position: relative;
}
html[data-v="v21"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v21"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v21"][data-sm="tab"] .sub_bc_home,
html[data-v="v21"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #60A5FA;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v21"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v21"] .sub_bc_home:hover {
    background: #518cd4;
    transform: translateY(-1px);
}
html[data-v="v21"][data-sm="tab"] .sub_bc_sep,
html[data-v="v21"] .sub_bc_sep {
    color: #475569;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v21"][data-sm="tab"] .sub_bc_btn,
html[data-v="v21"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v21"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v21"] .sub_bc_btn:hover {
    color: #60A5FA;
    border-bottom-color: #60A5FA;
}
html[data-v="v21"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v21"] .sub_bc_btn.open {
    color: #60A5FA;
    border-bottom-color: #60A5FA;
    font-weight: 600;
}
html[data-v="v21"][data-sm="tab"] .sub_bc_list,
html[data-v="v21"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(71,85,105,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v21"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v21"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v21"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v21"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v21"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v21"] .sub_bc_list li a:hover {
    background: rgba(96,165,250,0.08);
    color: #60A5FA;
    padding-left: 20px;
}
html[data-v="v21"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v21"] .sub_bc_list li.active a {
    color: #60A5FA;
    font-weight: 700;
    background: rgba(96,165,250,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v21"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(71,85,105,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v21"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v21"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v21"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #60A5FA;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v21"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v21"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v21"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v21"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #60A5FA;
    border-left-color: #60A5FA;
    background: rgba(96,165,250,0.06);
}
html[data-v="v21"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(96,165,250,0.04);
    margin-left: 8px;
}
html[data-v="v21"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v21"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v21"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #60A5FA;
    border-left-color: #60A5FA;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v21"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v21"][data-sm="accordion"] #submenu {
    background: #0F172A;
    border-bottom: none;
    padding: 0;
}
html[data-v="v21"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v21"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(96,165,250,0.2);
    color: #60A5FA;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v21"][data-sm="accordion"] .sub_bc_home:hover {
    background: #60A5FA;
    color: #111;
}
html[data-v="v21"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v21"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v21"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #60A5FA;
    transition: width .25s ease;
}
html[data-v="v21"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v21"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v21"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v21"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v21"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #0e1527;
    border: none;
    border-top: 2px solid #60A5FA;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v21"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v21"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v21"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #60A5FA;
    background: rgba(96,165,250,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v21"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v21"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v22 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v22"][data-sm="tab"] #submenu,
html[data-v="v22"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(129,140,248,0.25);
    position: relative;
}
html[data-v="v22"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v22"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v22"][data-sm="tab"] .sub_bc_home,
html[data-v="v22"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #818CF8;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v22"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v22"] .sub_bc_home:hover {
    background: #6d77d2;
    transform: translateY(-1px);
}
html[data-v="v22"][data-sm="tab"] .sub_bc_sep,
html[data-v="v22"] .sub_bc_sep {
    color: #6366F1;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v22"][data-sm="tab"] .sub_bc_btn,
html[data-v="v22"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v22"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v22"] .sub_bc_btn:hover {
    color: #818CF8;
    border-bottom-color: #818CF8;
}
html[data-v="v22"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v22"] .sub_bc_btn.open {
    color: #818CF8;
    border-bottom-color: #818CF8;
    font-weight: 600;
}
html[data-v="v22"][data-sm="tab"] .sub_bc_list,
html[data-v="v22"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(99,102,241,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v22"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v22"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v22"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v22"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v22"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v22"] .sub_bc_list li a:hover {
    background: rgba(129,140,248,0.08);
    color: #818CF8;
    padding-left: 20px;
}
html[data-v="v22"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v22"] .sub_bc_list li.active a {
    color: #818CF8;
    font-weight: 700;
    background: rgba(129,140,248,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v22"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(99,102,241,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v22"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v22"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v22"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #818CF8;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v22"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v22"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v22"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v22"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #818CF8;
    border-left-color: #818CF8;
    background: rgba(129,140,248,0.06);
}
html[data-v="v22"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(129,140,248,0.04);
    margin-left: 8px;
}
html[data-v="v22"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v22"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v22"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #818CF8;
    border-left-color: #818CF8;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v22"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v22"][data-sm="accordion"] #submenu {
    background: #1E1B4B;
    border-bottom: none;
    padding: 0;
}
html[data-v="v22"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v22"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(129,140,248,0.2);
    color: #818CF8;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v22"][data-sm="accordion"] .sub_bc_home:hover {
    background: #818CF8;
    color: #111;
}
html[data-v="v22"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v22"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v22"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #818CF8;
    transition: width .25s ease;
}
html[data-v="v22"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v22"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v22"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v22"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v22"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #1c1947;
    border: none;
    border-top: 2px solid #818CF8;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v22"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v22"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v22"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #818CF8;
    background: rgba(129,140,248,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v22"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v22"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v23 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v23"][data-sm="tab"] #submenu,
html[data-v="v23"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(14,165,233,0.25);
    position: relative;
}
html[data-v="v23"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v23"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v23"][data-sm="tab"] .sub_bc_home,
html[data-v="v23"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #0EA5E9;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v23"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v23"] .sub_bc_home:hover {
    background: #0b8cc6;
    transform: translateY(-1px);
}
html[data-v="v23"][data-sm="tab"] .sub_bc_sep,
html[data-v="v23"] .sub_bc_sep {
    color: #7BAFD4;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v23"][data-sm="tab"] .sub_bc_btn,
html[data-v="v23"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v23"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v23"] .sub_bc_btn:hover {
    color: #0EA5E9;
    border-bottom-color: #0EA5E9;
}
html[data-v="v23"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v23"] .sub_bc_btn.open {
    color: #0EA5E9;
    border-bottom-color: #0EA5E9;
    font-weight: 600;
}
html[data-v="v23"][data-sm="tab"] .sub_bc_list,
html[data-v="v23"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(123,175,212,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v23"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v23"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v23"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v23"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v23"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v23"] .sub_bc_list li a:hover {
    background: rgba(14,165,233,0.08);
    color: #0EA5E9;
    padding-left: 20px;
}
html[data-v="v23"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v23"] .sub_bc_list li.active a {
    color: #0EA5E9;
    font-weight: 700;
    background: rgba(14,165,233,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v23"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(123,175,212,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v23"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v23"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v23"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #0EA5E9;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v23"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v23"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v23"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v23"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #0EA5E9;
    border-left-color: #0EA5E9;
    background: rgba(14,165,233,0.06);
}
html[data-v="v23"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(14,165,233,0.04);
    margin-left: 8px;
}
html[data-v="v23"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v23"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v23"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #0EA5E9;
    border-left-color: #0EA5E9;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v23"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v23"][data-sm="accordion"] #submenu {
    background: #1E3A5F;
    border-bottom: none;
    padding: 0;
}
html[data-v="v23"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v23"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(14,165,233,0.2);
    color: #0EA5E9;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v23"][data-sm="accordion"] .sub_bc_home:hover {
    background: #0EA5E9;
    color: #fff;
}
html[data-v="v23"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v23"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v23"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #0EA5E9;
    transition: width .25s ease;
}
html[data-v="v23"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v23"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v23"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v23"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v23"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #1c375a;
    border: none;
    border-top: 2px solid #0EA5E9;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v23"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v23"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v23"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #0EA5E9;
    background: rgba(14,165,233,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v23"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v23"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v24 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v24"][data-sm="tab"] #submenu,
html[data-v="v24"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(0,180,216,0.25);
    position: relative;
}
html[data-v="v24"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v24"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v24"][data-sm="tab"] .sub_bc_home,
html[data-v="v24"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #00B4D8;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v24"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v24"] .sub_bc_home:hover {
    background: #0099b7;
    transform: translateY(-1px);
}
html[data-v="v24"][data-sm="tab"] .sub_bc_sep,
html[data-v="v24"] .sub_bc_sep {
    color: #0077B6;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v24"][data-sm="tab"] .sub_bc_btn,
html[data-v="v24"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v24"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v24"] .sub_bc_btn:hover {
    color: #00B4D8;
    border-bottom-color: #00B4D8;
}
html[data-v="v24"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v24"] .sub_bc_btn.open {
    color: #00B4D8;
    border-bottom-color: #00B4D8;
    font-weight: 600;
}
html[data-v="v24"][data-sm="tab"] .sub_bc_list,
html[data-v="v24"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(0,119,182,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v24"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v24"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v24"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v24"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v24"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v24"] .sub_bc_list li a:hover {
    background: rgba(0,180,216,0.08);
    color: #00B4D8;
    padding-left: 20px;
}
html[data-v="v24"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v24"] .sub_bc_list li.active a {
    color: #00B4D8;
    font-weight: 700;
    background: rgba(0,180,216,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v24"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(0,119,182,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v24"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v24"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v24"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #00B4D8;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v24"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v24"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v24"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v24"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #00B4D8;
    border-left-color: #00B4D8;
    background: rgba(0,180,216,0.06);
}
html[data-v="v24"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(0,180,216,0.04);
    margin-left: 8px;
}
html[data-v="v24"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v24"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v24"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #00B4D8;
    border-left-color: #00B4D8;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v24"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v24"][data-sm="accordion"] #submenu {
    background: #03045E;
    border-bottom: none;
    padding: 0;
}
html[data-v="v24"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v24"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(0,180,216,0.2);
    color: #00B4D8;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v24"][data-sm="accordion"] .sub_bc_home:hover {
    background: #00B4D8;
    color: #111;
}
html[data-v="v24"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v24"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v24"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #00B4D8;
    transition: width .25s ease;
}
html[data-v="v24"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v24"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v24"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v24"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v24"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #020359;
    border: none;
    border-top: 2px solid #00B4D8;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v24"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v24"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v24"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #00B4D8;
    background: rgba(0,180,216,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v24"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v24"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v25 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v25"][data-sm="tab"] #submenu,
html[data-v="v25"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(74,158,255,0.25);
    position: relative;
}
html[data-v="v25"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v25"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v25"][data-sm="tab"] .sub_bc_home,
html[data-v="v25"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #4A9EFF;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v25"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v25"] .sub_bc_home:hover {
    background: #3e86d8;
    transform: translateY(-1px);
}
html[data-v="v25"][data-sm="tab"] .sub_bc_sep,
html[data-v="v25"] .sub_bc_sep {
    color: #5A7A99;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v25"][data-sm="tab"] .sub_bc_btn,
html[data-v="v25"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v25"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v25"] .sub_bc_btn:hover {
    color: #4A9EFF;
    border-bottom-color: #4A9EFF;
}
html[data-v="v25"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v25"] .sub_bc_btn.open {
    color: #4A9EFF;
    border-bottom-color: #4A9EFF;
    font-weight: 600;
}
html[data-v="v25"][data-sm="tab"] .sub_bc_list,
html[data-v="v25"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(90,122,153,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v25"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v25"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v25"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v25"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v25"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v25"] .sub_bc_list li a:hover {
    background: rgba(74,158,255,0.08);
    color: #4A9EFF;
    padding-left: 20px;
}
html[data-v="v25"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v25"] .sub_bc_list li.active a {
    color: #4A9EFF;
    font-weight: 700;
    background: rgba(74,158,255,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v25"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(90,122,153,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v25"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v25"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v25"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #4A9EFF;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v25"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v25"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v25"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v25"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #4A9EFF;
    border-left-color: #4A9EFF;
    background: rgba(74,158,255,0.06);
}
html[data-v="v25"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(74,158,255,0.04);
    margin-left: 8px;
}
html[data-v="v25"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v25"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v25"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #4A9EFF;
    border-left-color: #4A9EFF;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v25"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v25"][data-sm="accordion"] #submenu {
    background: #0C1931;
    border-bottom: none;
    padding: 0;
}
html[data-v="v25"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v25"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(74,158,255,0.2);
    color: #4A9EFF;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v25"][data-sm="accordion"] .sub_bc_home:hover {
    background: #4A9EFF;
    color: #111;
}
html[data-v="v25"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v25"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v25"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #4A9EFF;
    transition: width .25s ease;
}
html[data-v="v25"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v25"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v25"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v25"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v25"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #0b172e;
    border: none;
    border-top: 2px solid #4A9EFF;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v25"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v25"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v25"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #4A9EFF;
    background: rgba(74,158,255,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v25"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v25"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v26 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v26"][data-sm="tab"] #submenu,
html[data-v="v26"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(59,130,246,0.25);
    position: relative;
}
html[data-v="v26"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v26"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v26"][data-sm="tab"] .sub_bc_home,
html[data-v="v26"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #3B82F6;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v26"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v26"] .sub_bc_home:hover {
    background: #326ed1;
    transform: translateY(-1px);
}
html[data-v="v26"][data-sm="tab"] .sub_bc_sep,
html[data-v="v26"] .sub_bc_sep {
    color: #6B7280;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v26"][data-sm="tab"] .sub_bc_btn,
html[data-v="v26"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v26"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v26"] .sub_bc_btn:hover {
    color: #3B82F6;
    border-bottom-color: #3B82F6;
}
html[data-v="v26"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v26"] .sub_bc_btn.open {
    color: #3B82F6;
    border-bottom-color: #3B82F6;
    font-weight: 600;
}
html[data-v="v26"][data-sm="tab"] .sub_bc_list,
html[data-v="v26"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(107,114,128,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v26"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v26"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v26"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v26"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v26"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v26"] .sub_bc_list li a:hover {
    background: rgba(59,130,246,0.08);
    color: #3B82F6;
    padding-left: 20px;
}
html[data-v="v26"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v26"] .sub_bc_list li.active a {
    color: #3B82F6;
    font-weight: 700;
    background: rgba(59,130,246,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v26"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(107,114,128,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v26"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v26"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v26"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #3B82F6;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v26"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v26"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v26"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v26"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #3B82F6;
    border-left-color: #3B82F6;
    background: rgba(59,130,246,0.06);
}
html[data-v="v26"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(59,130,246,0.04);
    margin-left: 8px;
}
html[data-v="v26"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v26"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v26"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #3B82F6;
    border-left-color: #3B82F6;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v26"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v26"][data-sm="accordion"] #submenu {
    background: #1A1A6E;
    border-bottom: none;
    padding: 0;
}
html[data-v="v26"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v26"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(59,130,246,0.2);
    color: #3B82F6;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v26"][data-sm="accordion"] .sub_bc_home:hover {
    background: #3B82F6;
    color: #fff;
}
html[data-v="v26"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v26"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v26"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #3B82F6;
    transition: width .25s ease;
}
html[data-v="v26"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v26"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v26"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v26"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v26"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #181868;
    border: none;
    border-top: 2px solid #3B82F6;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v26"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v26"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v26"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #3B82F6;
    background: rgba(59,130,246,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v26"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v26"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v27 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v27"][data-sm="tab"] #submenu,
html[data-v="v27"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(0,180,216,0.25);
    position: relative;
}
html[data-v="v27"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v27"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v27"][data-sm="tab"] .sub_bc_home,
html[data-v="v27"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #00B4D8;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v27"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v27"] .sub_bc_home:hover {
    background: #0099b7;
    transform: translateY(-1px);
}
html[data-v="v27"][data-sm="tab"] .sub_bc_sep,
html[data-v="v27"] .sub_bc_sep {
    color: #336699;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v27"][data-sm="tab"] .sub_bc_btn,
html[data-v="v27"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v27"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v27"] .sub_bc_btn:hover {
    color: #00B4D8;
    border-bottom-color: #00B4D8;
}
html[data-v="v27"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v27"] .sub_bc_btn.open {
    color: #00B4D8;
    border-bottom-color: #00B4D8;
    font-weight: 600;
}
html[data-v="v27"][data-sm="tab"] .sub_bc_list,
html[data-v="v27"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(51,102,153,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v27"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v27"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v27"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v27"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v27"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v27"] .sub_bc_list li a:hover {
    background: rgba(0,180,216,0.08);
    color: #00B4D8;
    padding-left: 20px;
}
html[data-v="v27"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v27"] .sub_bc_list li.active a {
    color: #00B4D8;
    font-weight: 700;
    background: rgba(0,180,216,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v27"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(51,102,153,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v27"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v27"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v27"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #00B4D8;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v27"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v27"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v27"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v27"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #00B4D8;
    border-left-color: #00B4D8;
    background: rgba(0,180,216,0.06);
}
html[data-v="v27"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(0,180,216,0.04);
    margin-left: 8px;
}
html[data-v="v27"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v27"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v27"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #00B4D8;
    border-left-color: #00B4D8;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v27"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v27"][data-sm="accordion"] #submenu {
    background: #0A2540;
    border-bottom: none;
    padding: 0;
}
html[data-v="v27"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v27"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(0,180,216,0.2);
    color: #00B4D8;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v27"][data-sm="accordion"] .sub_bc_home:hover {
    background: #00B4D8;
    color: #111;
}
html[data-v="v27"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v27"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v27"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #00B4D8;
    transition: width .25s ease;
}
html[data-v="v27"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v27"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v27"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v27"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v27"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #09233c;
    border: none;
    border-top: 2px solid #00B4D8;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v27"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v27"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v27"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #00B4D8;
    background: rgba(0,180,216,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v27"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v27"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v28 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v28"][data-sm="tab"] #submenu,
html[data-v="v28"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(167,139,250,0.25);
    position: relative;
}
html[data-v="v28"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v28"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v28"][data-sm="tab"] .sub_bc_home,
html[data-v="v28"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #A78BFA;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v28"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v28"] .sub_bc_home:hover {
    background: #8d76d4;
    transform: translateY(-1px);
}
html[data-v="v28"][data-sm="tab"] .sub_bc_sep,
html[data-v="v28"] .sub_bc_sep {
    color: #6366F1;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v28"][data-sm="tab"] .sub_bc_btn,
html[data-v="v28"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v28"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v28"] .sub_bc_btn:hover {
    color: #A78BFA;
    border-bottom-color: #A78BFA;
}
html[data-v="v28"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v28"] .sub_bc_btn.open {
    color: #A78BFA;
    border-bottom-color: #A78BFA;
    font-weight: 600;
}
html[data-v="v28"][data-sm="tab"] .sub_bc_list,
html[data-v="v28"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(99,102,241,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v28"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v28"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v28"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v28"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v28"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v28"] .sub_bc_list li a:hover {
    background: rgba(167,139,250,0.08);
    color: #A78BFA;
    padding-left: 20px;
}
html[data-v="v28"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v28"] .sub_bc_list li.active a {
    color: #A78BFA;
    font-weight: 700;
    background: rgba(167,139,250,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v28"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(99,102,241,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v28"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v28"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v28"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #A78BFA;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v28"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v28"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v28"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v28"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #A78BFA;
    border-left-color: #A78BFA;
    background: rgba(167,139,250,0.06);
}
html[data-v="v28"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(167,139,250,0.04);
    margin-left: 8px;
}
html[data-v="v28"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v28"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v28"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #A78BFA;
    border-left-color: #A78BFA;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v28"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v28"][data-sm="accordion"] #submenu {
    background: #0D0D2B;
    border-bottom: none;
    padding: 0;
}
html[data-v="v28"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v28"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(167,139,250,0.2);
    color: #A78BFA;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v28"][data-sm="accordion"] .sub_bc_home:hover {
    background: #A78BFA;
    color: #111;
}
html[data-v="v28"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v28"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v28"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #A78BFA;
    transition: width .25s ease;
}
html[data-v="v28"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v28"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v28"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v28"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v28"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #0c0c28;
    border: none;
    border-top: 2px solid #A78BFA;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v28"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v28"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v28"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #A78BFA;
    background: rgba(167,139,250,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v28"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v28"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v29 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v29"][data-sm="tab"] #submenu,
html[data-v="v29"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(14,165,233,0.25);
    position: relative;
}
html[data-v="v29"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v29"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v29"][data-sm="tab"] .sub_bc_home,
html[data-v="v29"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #0EA5E9;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v29"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v29"] .sub_bc_home:hover {
    background: #0b8cc6;
    transform: translateY(-1px);
}
html[data-v="v29"][data-sm="tab"] .sub_bc_sep,
html[data-v="v29"] .sub_bc_sep {
    color: #7DD3FC;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v29"][data-sm="tab"] .sub_bc_btn,
html[data-v="v29"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v29"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v29"] .sub_bc_btn:hover {
    color: #0EA5E9;
    border-bottom-color: #0EA5E9;
}
html[data-v="v29"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v29"] .sub_bc_btn.open {
    color: #0EA5E9;
    border-bottom-color: #0EA5E9;
    font-weight: 600;
}
html[data-v="v29"][data-sm="tab"] .sub_bc_list,
html[data-v="v29"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(125,211,252,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v29"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v29"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v29"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v29"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v29"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v29"] .sub_bc_list li a:hover {
    background: rgba(14,165,233,0.08);
    color: #0EA5E9;
    padding-left: 20px;
}
html[data-v="v29"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v29"] .sub_bc_list li.active a {
    color: #0EA5E9;
    font-weight: 700;
    background: rgba(14,165,233,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v29"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(125,211,252,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v29"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v29"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v29"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #0EA5E9;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v29"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v29"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v29"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v29"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #0EA5E9;
    border-left-color: #0EA5E9;
    background: rgba(14,165,233,0.06);
}
html[data-v="v29"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(14,165,233,0.04);
    margin-left: 8px;
}
html[data-v="v29"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v29"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v29"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #0EA5E9;
    border-left-color: #0EA5E9;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v29"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v29"][data-sm="accordion"] #submenu {
    background: #0369A1;
    border-bottom: none;
    padding: 0;
}
html[data-v="v29"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v29"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(14,165,233,0.2);
    color: #0EA5E9;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v29"][data-sm="accordion"] .sub_bc_home:hover {
    background: #0EA5E9;
    color: #fff;
}
html[data-v="v29"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v29"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v29"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #0EA5E9;
    transition: width .25s ease;
}
html[data-v="v29"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v29"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v29"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v29"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v29"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #026398;
    border: none;
    border-top: 2px solid #0EA5E9;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v29"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v29"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v29"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #0EA5E9;
    background: rgba(14,165,233,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v29"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v29"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v30 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v30"][data-sm="tab"] #submenu,
html[data-v="v30"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(148,163,184,0.25);
    position: relative;
}
html[data-v="v30"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v30"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v30"][data-sm="tab"] .sub_bc_home,
html[data-v="v30"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #94A3B8;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v30"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v30"] .sub_bc_home:hover {
    background: #7d8a9c;
    transform: translateY(-1px);
}
html[data-v="v30"][data-sm="tab"] .sub_bc_sep,
html[data-v="v30"] .sub_bc_sep {
    color: #64748B;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v30"][data-sm="tab"] .sub_bc_btn,
html[data-v="v30"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v30"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v30"] .sub_bc_btn:hover {
    color: #94A3B8;
    border-bottom-color: #94A3B8;
}
html[data-v="v30"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v30"] .sub_bc_btn.open {
    color: #94A3B8;
    border-bottom-color: #94A3B8;
    font-weight: 600;
}
html[data-v="v30"][data-sm="tab"] .sub_bc_list,
html[data-v="v30"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(100,116,139,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v30"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v30"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v30"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v30"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v30"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v30"] .sub_bc_list li a:hover {
    background: rgba(148,163,184,0.08);
    color: #94A3B8;
    padding-left: 20px;
}
html[data-v="v30"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v30"] .sub_bc_list li.active a {
    color: #94A3B8;
    font-weight: 700;
    background: rgba(148,163,184,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v30"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(100,116,139,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v30"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v30"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v30"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #94A3B8;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v30"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v30"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v30"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v30"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #94A3B8;
    border-left-color: #94A3B8;
    background: rgba(148,163,184,0.06);
}
html[data-v="v30"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(148,163,184,0.04);
    margin-left: 8px;
}
html[data-v="v30"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v30"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v30"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #94A3B8;
    border-left-color: #94A3B8;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v30"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v30"][data-sm="accordion"] #submenu {
    background: #1E293B;
    border-bottom: none;
    padding: 0;
}
html[data-v="v30"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v30"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(148,163,184,0.2);
    color: #94A3B8;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v30"][data-sm="accordion"] .sub_bc_home:hover {
    background: #94A3B8;
    color: #111;
}
html[data-v="v30"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v30"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v30"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #94A3B8;
    transition: width .25s ease;
}
html[data-v="v30"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v30"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v30"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v30"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v30"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #1c2638;
    border: none;
    border-top: 2px solid #94A3B8;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v30"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v30"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v30"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #94A3B8;
    background: rgba(148,163,184,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v30"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v30"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v31 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v31"][data-sm="tab"] #submenu,
html[data-v="v31"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(184,134,11,0.25);
    position: relative;
}
html[data-v="v31"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v31"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v31"][data-sm="tab"] .sub_bc_home,
html[data-v="v31"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #B8860B;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v31"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v31"] .sub_bc_home:hover {
    background: #9c7109;
    transform: translateY(-1px);
}
html[data-v="v31"][data-sm="tab"] .sub_bc_sep,
html[data-v="v31"] .sub_bc_sep {
    color: #C4A98A;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v31"][data-sm="tab"] .sub_bc_btn,
html[data-v="v31"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v31"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v31"] .sub_bc_btn:hover {
    color: #B8860B;
    border-bottom-color: #B8860B;
}
html[data-v="v31"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v31"] .sub_bc_btn.open {
    color: #B8860B;
    border-bottom-color: #B8860B;
    font-weight: 600;
}
html[data-v="v31"][data-sm="tab"] .sub_bc_list,
html[data-v="v31"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(196,169,138,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v31"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v31"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v31"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v31"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v31"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v31"] .sub_bc_list li a:hover {
    background: rgba(184,134,11,0.08);
    color: #B8860B;
    padding-left: 20px;
}
html[data-v="v31"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v31"] .sub_bc_list li.active a {
    color: #B8860B;
    font-weight: 700;
    background: rgba(184,134,11,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v31"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(196,169,138,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v31"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v31"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v31"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #B8860B;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v31"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v31"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v31"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v31"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #B8860B;
    border-left-color: #B8860B;
    background: rgba(184,134,11,0.06);
}
html[data-v="v31"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(184,134,11,0.04);
    margin-left: 8px;
}
html[data-v="v31"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v31"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v31"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #B8860B;
    border-left-color: #B8860B;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v31"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v31"][data-sm="accordion"] #submenu {
    background: #1A1408;
    border-bottom: none;
    padding: 0;
}
html[data-v="v31"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v31"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(184,134,11,0.2);
    color: #B8860B;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v31"][data-sm="accordion"] .sub_bc_home:hover {
    background: #B8860B;
    color: #111;
}
html[data-v="v31"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v31"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v31"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #B8860B;
    transition: width .25s ease;
}
html[data-v="v31"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v31"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v31"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v31"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v31"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #181307;
    border: none;
    border-top: 2px solid #B8860B;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v31"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v31"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v31"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #B8860B;
    background: rgba(184,134,11,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v31"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v31"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v32 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v32"][data-sm="tab"] #submenu,
html[data-v="v32"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(139,111,71,0.25);
    position: relative;
}
html[data-v="v32"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v32"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v32"][data-sm="tab"] .sub_bc_home,
html[data-v="v32"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #8B6F47;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v32"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v32"] .sub_bc_home:hover {
    background: #765e3c;
    transform: translateY(-1px);
}
html[data-v="v32"][data-sm="tab"] .sub_bc_sep,
html[data-v="v32"] .sub_bc_sep {
    color: #B0956F;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v32"][data-sm="tab"] .sub_bc_btn,
html[data-v="v32"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v32"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v32"] .sub_bc_btn:hover {
    color: #8B6F47;
    border-bottom-color: #8B6F47;
}
html[data-v="v32"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v32"] .sub_bc_btn.open {
    color: #8B6F47;
    border-bottom-color: #8B6F47;
    font-weight: 600;
}
html[data-v="v32"][data-sm="tab"] .sub_bc_list,
html[data-v="v32"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(176,149,111,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v32"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v32"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v32"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v32"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v32"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v32"] .sub_bc_list li a:hover {
    background: rgba(139,111,71,0.08);
    color: #8B6F47;
    padding-left: 20px;
}
html[data-v="v32"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v32"] .sub_bc_list li.active a {
    color: #8B6F47;
    font-weight: 700;
    background: rgba(139,111,71,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v32"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(176,149,111,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v32"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v32"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v32"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #8B6F47;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v32"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v32"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v32"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v32"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #8B6F47;
    border-left-color: #8B6F47;
    background: rgba(139,111,71,0.06);
}
html[data-v="v32"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(139,111,71,0.04);
    margin-left: 8px;
}
html[data-v="v32"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v32"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v32"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #8B6F47;
    border-left-color: #8B6F47;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v32"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v32"][data-sm="accordion"] #submenu {
    background: #1C1410;
    border-bottom: none;
    padding: 0;
}
html[data-v="v32"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v32"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(139,111,71,0.2);
    color: #8B6F47;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v32"][data-sm="accordion"] .sub_bc_home:hover {
    background: #8B6F47;
    color: #fff;
}
html[data-v="v32"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v32"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v32"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #8B6F47;
    transition: width .25s ease;
}
html[data-v="v32"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v32"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v32"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v32"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v32"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #1a130f;
    border: none;
    border-top: 2px solid #8B6F47;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v32"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v32"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v32"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #8B6F47;
    background: rgba(139,111,71,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v32"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v32"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v33 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v33"][data-sm="tab"] #submenu,
html[data-v="v33"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(158,158,158,0.25);
    position: relative;
}
html[data-v="v33"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v33"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v33"][data-sm="tab"] .sub_bc_home,
html[data-v="v33"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #9E9E9E;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v33"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v33"] .sub_bc_home:hover {
    background: #868686;
    transform: translateY(-1px);
}
html[data-v="v33"][data-sm="tab"] .sub_bc_sep,
html[data-v="v33"] .sub_bc_sep {
    color: #BDBDBD;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v33"][data-sm="tab"] .sub_bc_btn,
html[data-v="v33"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v33"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v33"] .sub_bc_btn:hover {
    color: #9E9E9E;
    border-bottom-color: #9E9E9E;
}
html[data-v="v33"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v33"] .sub_bc_btn.open {
    color: #9E9E9E;
    border-bottom-color: #9E9E9E;
    font-weight: 600;
}
html[data-v="v33"][data-sm="tab"] .sub_bc_list,
html[data-v="v33"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(189,189,189,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v33"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v33"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v33"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v33"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v33"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v33"] .sub_bc_list li a:hover {
    background: rgba(158,158,158,0.08);
    color: #9E9E9E;
    padding-left: 20px;
}
html[data-v="v33"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v33"] .sub_bc_list li.active a {
    color: #9E9E9E;
    font-weight: 700;
    background: rgba(158,158,158,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v33"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(189,189,189,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v33"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v33"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v33"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #9E9E9E;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v33"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v33"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v33"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v33"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #9E9E9E;
    border-left-color: #9E9E9E;
    background: rgba(158,158,158,0.06);
}
html[data-v="v33"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(158,158,158,0.04);
    margin-left: 8px;
}
html[data-v="v33"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v33"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v33"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #9E9E9E;
    border-left-color: #9E9E9E;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v33"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v33"][data-sm="accordion"] #submenu {
    background: #1C1C1C;
    border-bottom: none;
    padding: 0;
}
html[data-v="v33"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v33"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(158,158,158,0.2);
    color: #9E9E9E;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v33"][data-sm="accordion"] .sub_bc_home:hover {
    background: #9E9E9E;
    color: #111;
}
html[data-v="v33"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v33"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v33"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #9E9E9E;
    transition: width .25s ease;
}
html[data-v="v33"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v33"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v33"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v33"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v33"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #1a1a1a;
    border: none;
    border-top: 2px solid #9E9E9E;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v33"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v33"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v33"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #9E9E9E;
    background: rgba(158,158,158,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v33"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v33"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v34 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v34"][data-sm="tab"] #submenu,
html[data-v="v34"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(196,184,168,0.25);
    position: relative;
}
html[data-v="v34"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v34"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v34"][data-sm="tab"] .sub_bc_home,
html[data-v="v34"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #C4B8A8;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v34"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v34"] .sub_bc_home:hover {
    background: #a69c8e;
    transform: translateY(-1px);
}
html[data-v="v34"][data-sm="tab"] .sub_bc_sep,
html[data-v="v34"] .sub_bc_sep {
    color: #9E9E9E;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v34"][data-sm="tab"] .sub_bc_btn,
html[data-v="v34"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v34"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v34"] .sub_bc_btn:hover {
    color: #C4B8A8;
    border-bottom-color: #C4B8A8;
}
html[data-v="v34"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v34"] .sub_bc_btn.open {
    color: #C4B8A8;
    border-bottom-color: #C4B8A8;
    font-weight: 600;
}
html[data-v="v34"][data-sm="tab"] .sub_bc_list,
html[data-v="v34"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(158,158,158,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v34"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v34"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v34"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v34"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v34"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v34"] .sub_bc_list li a:hover {
    background: rgba(196,184,168,0.08);
    color: #C4B8A8;
    padding-left: 20px;
}
html[data-v="v34"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v34"] .sub_bc_list li.active a {
    color: #C4B8A8;
    font-weight: 700;
    background: rgba(196,184,168,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v34"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(158,158,158,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v34"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v34"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v34"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #C4B8A8;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v34"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v34"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v34"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v34"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #C4B8A8;
    border-left-color: #C4B8A8;
    background: rgba(196,184,168,0.06);
}
html[data-v="v34"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(196,184,168,0.04);
    margin-left: 8px;
}
html[data-v="v34"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v34"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v34"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #C4B8A8;
    border-left-color: #C4B8A8;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v34"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v34"][data-sm="accordion"] #submenu {
    background: #0F0F0F;
    border-bottom: none;
    padding: 0;
}
html[data-v="v34"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v34"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(196,184,168,0.2);
    color: #C4B8A8;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v34"][data-sm="accordion"] .sub_bc_home:hover {
    background: #C4B8A8;
    color: #111;
}
html[data-v="v34"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v34"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v34"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #C4B8A8;
    transition: width .25s ease;
}
html[data-v="v34"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v34"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v34"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v34"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v34"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #0e0e0e;
    border: none;
    border-top: 2px solid #C4B8A8;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v34"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v34"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v34"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #C4B8A8;
    background: rgba(196,184,168,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v34"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v34"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v35 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v35"][data-sm="tab"] #submenu,
html[data-v="v35"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(180,83,9,0.25);
    position: relative;
}
html[data-v="v35"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v35"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v35"][data-sm="tab"] .sub_bc_home,
html[data-v="v35"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #B45309;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v35"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v35"] .sub_bc_home:hover {
    background: #994607;
    transform: translateY(-1px);
}
html[data-v="v35"][data-sm="tab"] .sub_bc_sep,
html[data-v="v35"] .sub_bc_sep {
    color: #D4B896;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v35"][data-sm="tab"] .sub_bc_btn,
html[data-v="v35"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v35"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v35"] .sub_bc_btn:hover {
    color: #B45309;
    border-bottom-color: #B45309;
}
html[data-v="v35"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v35"] .sub_bc_btn.open {
    color: #B45309;
    border-bottom-color: #B45309;
    font-weight: 600;
}
html[data-v="v35"][data-sm="tab"] .sub_bc_list,
html[data-v="v35"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(212,184,150,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v35"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v35"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v35"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v35"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v35"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v35"] .sub_bc_list li a:hover {
    background: rgba(180,83,9,0.08);
    color: #B45309;
    padding-left: 20px;
}
html[data-v="v35"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v35"] .sub_bc_list li.active a {
    color: #B45309;
    font-weight: 700;
    background: rgba(180,83,9,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v35"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(212,184,150,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v35"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v35"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v35"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #B45309;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v35"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v35"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v35"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v35"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #B45309;
    border-left-color: #B45309;
    background: rgba(180,83,9,0.06);
}
html[data-v="v35"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(180,83,9,0.04);
    margin-left: 8px;
}
html[data-v="v35"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v35"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v35"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #B45309;
    border-left-color: #B45309;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v35"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v35"][data-sm="accordion"] #submenu {
    background: #1A1510;
    border-bottom: none;
    padding: 0;
}
html[data-v="v35"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v35"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(180,83,9,0.2);
    color: #B45309;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v35"][data-sm="accordion"] .sub_bc_home:hover {
    background: #B45309;
    color: #fff;
}
html[data-v="v35"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v35"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v35"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #B45309;
    transition: width .25s ease;
}
html[data-v="v35"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v35"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v35"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v35"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v35"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #18130f;
    border: none;
    border-top: 2px solid #B45309;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v35"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v35"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v35"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #B45309;
    background: rgba(180,83,9,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v35"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v35"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v36 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v36"][data-sm="tab"] #submenu,
html[data-v="v36"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(37,99,235,0.25);
    position: relative;
}
html[data-v="v36"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v36"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v36"][data-sm="tab"] .sub_bc_home,
html[data-v="v36"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #2563EB;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v36"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v36"] .sub_bc_home:hover {
    background: #1f54c7;
    transform: translateY(-1px);
}
html[data-v="v36"][data-sm="tab"] .sub_bc_sep,
html[data-v="v36"] .sub_bc_sep {
    color: #9CA3AF;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v36"][data-sm="tab"] .sub_bc_btn,
html[data-v="v36"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v36"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v36"] .sub_bc_btn:hover {
    color: #2563EB;
    border-bottom-color: #2563EB;
}
html[data-v="v36"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v36"] .sub_bc_btn.open {
    color: #2563EB;
    border-bottom-color: #2563EB;
    font-weight: 600;
}
html[data-v="v36"][data-sm="tab"] .sub_bc_list,
html[data-v="v36"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(156,163,175,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v36"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v36"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v36"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v36"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v36"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v36"] .sub_bc_list li a:hover {
    background: rgba(37,99,235,0.08);
    color: #2563EB;
    padding-left: 20px;
}
html[data-v="v36"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v36"] .sub_bc_list li.active a {
    color: #2563EB;
    font-weight: 700;
    background: rgba(37,99,235,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v36"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(156,163,175,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v36"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v36"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v36"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #2563EB;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v36"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v36"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v36"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v36"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #2563EB;
    border-left-color: #2563EB;
    background: rgba(37,99,235,0.06);
}
html[data-v="v36"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(37,99,235,0.04);
    margin-left: 8px;
}
html[data-v="v36"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v36"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v36"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #2563EB;
    border-left-color: #2563EB;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v36"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v36"][data-sm="accordion"] #submenu {
    background: #1C1C1C;
    border-bottom: none;
    padding: 0;
}
html[data-v="v36"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v36"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(37,99,235,0.2);
    color: #2563EB;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v36"][data-sm="accordion"] .sub_bc_home:hover {
    background: #2563EB;
    color: #fff;
}
html[data-v="v36"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v36"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v36"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #2563EB;
    transition: width .25s ease;
}
html[data-v="v36"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v36"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v36"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v36"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v36"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #1a1a1a;
    border: none;
    border-top: 2px solid #2563EB;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v36"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v36"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v36"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #2563EB;
    background: rgba(37,99,235,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v36"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v36"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v37 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v37"][data-sm="tab"] #submenu,
html[data-v="v37"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(196,160,106,0.25);
    position: relative;
}
html[data-v="v37"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v37"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v37"][data-sm="tab"] .sub_bc_home,
html[data-v="v37"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #C4A06A;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v37"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v37"] .sub_bc_home:hover {
    background: #a6885a;
    transform: translateY(-1px);
}
html[data-v="v37"][data-sm="tab"] .sub_bc_sep,
html[data-v="v37"] .sub_bc_sep {
    color: #A08060;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v37"][data-sm="tab"] .sub_bc_btn,
html[data-v="v37"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v37"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v37"] .sub_bc_btn:hover {
    color: #C4A06A;
    border-bottom-color: #C4A06A;
}
html[data-v="v37"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v37"] .sub_bc_btn.open {
    color: #C4A06A;
    border-bottom-color: #C4A06A;
    font-weight: 600;
}
html[data-v="v37"][data-sm="tab"] .sub_bc_list,
html[data-v="v37"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(160,128,96,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v37"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v37"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v37"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v37"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v37"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v37"] .sub_bc_list li a:hover {
    background: rgba(196,160,106,0.08);
    color: #C4A06A;
    padding-left: 20px;
}
html[data-v="v37"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v37"] .sub_bc_list li.active a {
    color: #C4A06A;
    font-weight: 700;
    background: rgba(196,160,106,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v37"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(160,128,96,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v37"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v37"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v37"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #C4A06A;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v37"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v37"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v37"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v37"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #C4A06A;
    border-left-color: #C4A06A;
    background: rgba(196,160,106,0.06);
}
html[data-v="v37"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(196,160,106,0.04);
    margin-left: 8px;
}
html[data-v="v37"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v37"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v37"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #C4A06A;
    border-left-color: #C4A06A;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v37"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v37"][data-sm="accordion"] #submenu {
    background: #1A140A;
    border-bottom: none;
    padding: 0;
}
html[data-v="v37"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v37"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(196,160,106,0.2);
    color: #C4A06A;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v37"][data-sm="accordion"] .sub_bc_home:hover {
    background: #C4A06A;
    color: #111;
}
html[data-v="v37"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v37"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v37"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #C4A06A;
    transition: width .25s ease;
}
html[data-v="v37"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v37"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v37"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v37"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v37"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #181309;
    border: none;
    border-top: 2px solid #C4A06A;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v37"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v37"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v37"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #C4A06A;
    background: rgba(196,160,106,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v37"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v37"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v38 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v38"][data-sm="tab"] #submenu,
html[data-v="v38"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(196,169,116,0.25);
    position: relative;
}
html[data-v="v38"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v38"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v38"][data-sm="tab"] .sub_bc_home,
html[data-v="v38"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #C4A974;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v38"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v38"] .sub_bc_home:hover {
    background: #a68f62;
    transform: translateY(-1px);
}
html[data-v="v38"][data-sm="tab"] .sub_bc_sep,
html[data-v="v38"] .sub_bc_sep {
    color: #B09060;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v38"][data-sm="tab"] .sub_bc_btn,
html[data-v="v38"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v38"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v38"] .sub_bc_btn:hover {
    color: #C4A974;
    border-bottom-color: #C4A974;
}
html[data-v="v38"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v38"] .sub_bc_btn.open {
    color: #C4A974;
    border-bottom-color: #C4A974;
    font-weight: 600;
}
html[data-v="v38"][data-sm="tab"] .sub_bc_list,
html[data-v="v38"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(176,144,96,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v38"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v38"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v38"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v38"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v38"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v38"] .sub_bc_list li a:hover {
    background: rgba(196,169,116,0.08);
    color: #C4A974;
    padding-left: 20px;
}
html[data-v="v38"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v38"] .sub_bc_list li.active a {
    color: #C4A974;
    font-weight: 700;
    background: rgba(196,169,116,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v38"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(176,144,96,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v38"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v38"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v38"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #C4A974;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v38"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v38"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v38"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v38"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #C4A974;
    border-left-color: #C4A974;
    background: rgba(196,169,116,0.06);
}
html[data-v="v38"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(196,169,116,0.04);
    margin-left: 8px;
}
html[data-v="v38"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v38"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v38"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #C4A974;
    border-left-color: #C4A974;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v38"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v38"][data-sm="accordion"] #submenu {
    background: #12100A;
    border-bottom: none;
    padding: 0;
}
html[data-v="v38"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v38"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(196,169,116,0.2);
    color: #C4A974;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v38"][data-sm="accordion"] .sub_bc_home:hover {
    background: #C4A974;
    color: #111;
}
html[data-v="v38"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v38"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v38"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #C4A974;
    transition: width .25s ease;
}
html[data-v="v38"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v38"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v38"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v38"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v38"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #110f09;
    border: none;
    border-top: 2px solid #C4A974;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v38"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v38"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v38"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #C4A974;
    background: rgba(196,169,116,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v38"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v38"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v39 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v39"][data-sm="tab"] #submenu,
html[data-v="v39"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(139,115,85,0.25);
    position: relative;
}
html[data-v="v39"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v39"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v39"][data-sm="tab"] .sub_bc_home,
html[data-v="v39"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #8B7355;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v39"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v39"] .sub_bc_home:hover {
    background: #766148;
    transform: translateY(-1px);
}
html[data-v="v39"][data-sm="tab"] .sub_bc_sep,
html[data-v="v39"] .sub_bc_sep {
    color: #A09080;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v39"][data-sm="tab"] .sub_bc_btn,
html[data-v="v39"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v39"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v39"] .sub_bc_btn:hover {
    color: #8B7355;
    border-bottom-color: #8B7355;
}
html[data-v="v39"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v39"] .sub_bc_btn.open {
    color: #8B7355;
    border-bottom-color: #8B7355;
    font-weight: 600;
}
html[data-v="v39"][data-sm="tab"] .sub_bc_list,
html[data-v="v39"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(160,144,128,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v39"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v39"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v39"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v39"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v39"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v39"] .sub_bc_list li a:hover {
    background: rgba(139,115,85,0.08);
    color: #8B7355;
    padding-left: 20px;
}
html[data-v="v39"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v39"] .sub_bc_list li.active a {
    color: #8B7355;
    font-weight: 700;
    background: rgba(139,115,85,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v39"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(160,144,128,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v39"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v39"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v39"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #8B7355;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v39"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v39"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v39"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v39"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #8B7355;
    border-left-color: #8B7355;
    background: rgba(139,115,85,0.06);
}
html[data-v="v39"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(139,115,85,0.04);
    margin-left: 8px;
}
html[data-v="v39"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v39"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v39"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #8B7355;
    border-left-color: #8B7355;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v39"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v39"][data-sm="accordion"] #submenu {
    background: #1A1A18;
    border-bottom: none;
    padding: 0;
}
html[data-v="v39"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v39"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(139,115,85,0.2);
    color: #8B7355;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v39"][data-sm="accordion"] .sub_bc_home:hover {
    background: #8B7355;
    color: #fff;
}
html[data-v="v39"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v39"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v39"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #8B7355;
    transition: width .25s ease;
}
html[data-v="v39"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v39"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v39"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v39"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v39"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #181816;
    border: none;
    border-top: 2px solid #8B7355;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v39"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v39"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v39"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #8B7355;
    background: rgba(139,115,85,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v39"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v39"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v40 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v40"][data-sm="tab"] #submenu,
html[data-v="v40"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(85,85,85,0.25);
    position: relative;
}
html[data-v="v40"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v40"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v40"][data-sm="tab"] .sub_bc_home,
html[data-v="v40"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #555555;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v40"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v40"] .sub_bc_home:hover {
    background: #484848;
    transform: translateY(-1px);
}
html[data-v="v40"][data-sm="tab"] .sub_bc_sep,
html[data-v="v40"] .sub_bc_sep {
    color: #999999;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v40"][data-sm="tab"] .sub_bc_btn,
html[data-v="v40"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v40"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v40"] .sub_bc_btn:hover {
    color: #555555;
    border-bottom-color: #555555;
}
html[data-v="v40"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v40"] .sub_bc_btn.open {
    color: #555555;
    border-bottom-color: #555555;
    font-weight: 600;
}
html[data-v="v40"][data-sm="tab"] .sub_bc_list,
html[data-v="v40"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(153,153,153,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v40"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v40"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v40"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v40"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v40"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v40"] .sub_bc_list li a:hover {
    background: rgba(85,85,85,0.08);
    color: #555555;
    padding-left: 20px;
}
html[data-v="v40"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v40"] .sub_bc_list li.active a {
    color: #555555;
    font-weight: 700;
    background: rgba(85,85,85,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v40"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(153,153,153,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v40"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v40"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v40"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #555555;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v40"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v40"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v40"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v40"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #555555;
    border-left-color: #555555;
    background: rgba(85,85,85,0.06);
}
html[data-v="v40"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(85,85,85,0.04);
    margin-left: 8px;
}
html[data-v="v40"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v40"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v40"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #555555;
    border-left-color: #555555;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v40"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v40"][data-sm="accordion"] #submenu {
    background: #000000;
    border-bottom: none;
    padding: 0;
}
html[data-v="v40"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v40"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(85,85,85,0.2);
    color: #555555;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v40"][data-sm="accordion"] .sub_bc_home:hover {
    background: #555555;
    color: #fff;
}
html[data-v="v40"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v40"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v40"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #555555;
    transition: width .25s ease;
}
html[data-v="v40"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v40"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v40"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v40"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v40"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #000000;
    border: none;
    border-top: 2px solid #555555;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v40"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v40"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v40"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #555555;
    background: rgba(85,85,85,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v40"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v40"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v41 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v41"][data-sm="tab"] #submenu,
html[data-v="v41"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(82,183,136,0.25);
    position: relative;
}
html[data-v="v41"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v41"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v41"][data-sm="tab"] .sub_bc_home,
html[data-v="v41"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #52B788;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v41"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v41"] .sub_bc_home:hover {
    background: #459b73;
    transform: translateY(-1px);
}
html[data-v="v41"][data-sm="tab"] .sub_bc_sep,
html[data-v="v41"] .sub_bc_sep {
    color: #2D6A4F;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v41"][data-sm="tab"] .sub_bc_btn,
html[data-v="v41"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v41"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v41"] .sub_bc_btn:hover {
    color: #52B788;
    border-bottom-color: #52B788;
}
html[data-v="v41"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v41"] .sub_bc_btn.open {
    color: #52B788;
    border-bottom-color: #52B788;
    font-weight: 600;
}
html[data-v="v41"][data-sm="tab"] .sub_bc_list,
html[data-v="v41"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(45,106,79,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v41"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v41"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v41"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v41"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v41"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v41"] .sub_bc_list li a:hover {
    background: rgba(82,183,136,0.08);
    color: #52B788;
    padding-left: 20px;
}
html[data-v="v41"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v41"] .sub_bc_list li.active a {
    color: #52B788;
    font-weight: 700;
    background: rgba(82,183,136,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v41"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(45,106,79,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v41"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v41"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v41"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #52B788;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v41"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v41"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v41"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v41"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #52B788;
    border-left-color: #52B788;
    background: rgba(82,183,136,0.06);
}
html[data-v="v41"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(82,183,136,0.04);
    margin-left: 8px;
}
html[data-v="v41"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v41"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v41"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #52B788;
    border-left-color: #52B788;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v41"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v41"][data-sm="accordion"] #submenu {
    background: #081C15;
    border-bottom: none;
    padding: 0;
}
html[data-v="v41"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v41"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(82,183,136,0.2);
    color: #52B788;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v41"][data-sm="accordion"] .sub_bc_home:hover {
    background: #52B788;
    color: #111;
}
html[data-v="v41"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v41"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v41"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #52B788;
    transition: width .25s ease;
}
html[data-v="v41"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v41"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v41"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v41"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v41"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #071a13;
    border: none;
    border-top: 2px solid #52B788;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v41"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v41"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v41"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #52B788;
    background: rgba(82,183,136,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v41"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v41"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v42 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v42"][data-sm="tab"] #submenu,
html[data-v="v42"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(107,124,63,0.25);
    position: relative;
}
html[data-v="v42"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v42"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v42"][data-sm="tab"] .sub_bc_home,
html[data-v="v42"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #6B7C3F;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v42"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v42"] .sub_bc_home:hover {
    background: #5a6935;
    transform: translateY(-1px);
}
html[data-v="v42"][data-sm="tab"] .sub_bc_sep,
html[data-v="v42"] .sub_bc_sep {
    color: #8A9060;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v42"][data-sm="tab"] .sub_bc_btn,
html[data-v="v42"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v42"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v42"] .sub_bc_btn:hover {
    color: #6B7C3F;
    border-bottom-color: #6B7C3F;
}
html[data-v="v42"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v42"] .sub_bc_btn.open {
    color: #6B7C3F;
    border-bottom-color: #6B7C3F;
    font-weight: 600;
}
html[data-v="v42"][data-sm="tab"] .sub_bc_list,
html[data-v="v42"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(138,144,96,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v42"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v42"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v42"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v42"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v42"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v42"] .sub_bc_list li a:hover {
    background: rgba(107,124,63,0.08);
    color: #6B7C3F;
    padding-left: 20px;
}
html[data-v="v42"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v42"] .sub_bc_list li.active a {
    color: #6B7C3F;
    font-weight: 700;
    background: rgba(107,124,63,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v42"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(138,144,96,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v42"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v42"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v42"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #6B7C3F;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v42"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v42"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v42"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v42"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #6B7C3F;
    border-left-color: #6B7C3F;
    background: rgba(107,124,63,0.06);
}
html[data-v="v42"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(107,124,63,0.04);
    margin-left: 8px;
}
html[data-v="v42"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v42"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v42"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #6B7C3F;
    border-left-color: #6B7C3F;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v42"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v42"][data-sm="accordion"] #submenu {
    background: #141A08;
    border-bottom: none;
    padding: 0;
}
html[data-v="v42"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v42"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(107,124,63,0.2);
    color: #6B7C3F;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v42"][data-sm="accordion"] .sub_bc_home:hover {
    background: #6B7C3F;
    color: #fff;
}
html[data-v="v42"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v42"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v42"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #6B7C3F;
    transition: width .25s ease;
}
html[data-v="v42"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v42"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v42"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v42"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v42"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #131807;
    border: none;
    border-top: 2px solid #6B7C3F;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v42"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v42"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v42"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #6B7C3F;
    background: rgba(107,124,63,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v42"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v42"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v43 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v43"][data-sm="tab"] #submenu,
html[data-v="v43"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(16,185,129,0.25);
    position: relative;
}
html[data-v="v43"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v43"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v43"][data-sm="tab"] .sub_bc_home,
html[data-v="v43"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #10B981;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v43"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v43"] .sub_bc_home:hover {
    background: #0d9d6d;
    transform: translateY(-1px);
}
html[data-v="v43"][data-sm="tab"] .sub_bc_sep,
html[data-v="v43"] .sub_bc_sep {
    color: #059669;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v43"][data-sm="tab"] .sub_bc_btn,
html[data-v="v43"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v43"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v43"] .sub_bc_btn:hover {
    color: #10B981;
    border-bottom-color: #10B981;
}
html[data-v="v43"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v43"] .sub_bc_btn.open {
    color: #10B981;
    border-bottom-color: #10B981;
    font-weight: 600;
}
html[data-v="v43"][data-sm="tab"] .sub_bc_list,
html[data-v="v43"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(5,150,105,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v43"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v43"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v43"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v43"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v43"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v43"] .sub_bc_list li a:hover {
    background: rgba(16,185,129,0.08);
    color: #10B981;
    padding-left: 20px;
}
html[data-v="v43"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v43"] .sub_bc_list li.active a {
    color: #10B981;
    font-weight: 700;
    background: rgba(16,185,129,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v43"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(5,150,105,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v43"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v43"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v43"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #10B981;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v43"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v43"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v43"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v43"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #10B981;
    border-left-color: #10B981;
    background: rgba(16,185,129,0.06);
}
html[data-v="v43"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(16,185,129,0.04);
    margin-left: 8px;
}
html[data-v="v43"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v43"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v43"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #10B981;
    border-left-color: #10B981;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v43"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v43"][data-sm="accordion"] #submenu {
    background: #022C22;
    border-bottom: none;
    padding: 0;
}
html[data-v="v43"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v43"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(16,185,129,0.2);
    color: #10B981;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v43"][data-sm="accordion"] .sub_bc_home:hover {
    background: #10B981;
    color: #111;
}
html[data-v="v43"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v43"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v43"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #10B981;
    transition: width .25s ease;
}
html[data-v="v43"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v43"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v43"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v43"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v43"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #012920;
    border: none;
    border-top: 2px solid #10B981;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v43"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v43"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v43"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #10B981;
    background: rgba(16,185,129,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v43"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v43"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v44 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v44"][data-sm="tab"] #submenu,
html[data-v="v44"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(124,171,124,0.25);
    position: relative;
}
html[data-v="v44"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v44"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v44"][data-sm="tab"] .sub_bc_home,
html[data-v="v44"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #7CAB7C;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v44"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v44"] .sub_bc_home:hover {
    background: #699169;
    transform: translateY(-1px);
}
html[data-v="v44"][data-sm="tab"] .sub_bc_sep,
html[data-v="v44"] .sub_bc_sep {
    color: #5A8A5A;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v44"][data-sm="tab"] .sub_bc_btn,
html[data-v="v44"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v44"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v44"] .sub_bc_btn:hover {
    color: #7CAB7C;
    border-bottom-color: #7CAB7C;
}
html[data-v="v44"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v44"] .sub_bc_btn.open {
    color: #7CAB7C;
    border-bottom-color: #7CAB7C;
    font-weight: 600;
}
html[data-v="v44"][data-sm="tab"] .sub_bc_list,
html[data-v="v44"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(90,138,90,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v44"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v44"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v44"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v44"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v44"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v44"] .sub_bc_list li a:hover {
    background: rgba(124,171,124,0.08);
    color: #7CAB7C;
    padding-left: 20px;
}
html[data-v="v44"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v44"] .sub_bc_list li.active a {
    color: #7CAB7C;
    font-weight: 700;
    background: rgba(124,171,124,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v44"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(90,138,90,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v44"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v44"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v44"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #7CAB7C;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v44"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v44"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v44"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v44"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #7CAB7C;
    border-left-color: #7CAB7C;
    background: rgba(124,171,124,0.06);
}
html[data-v="v44"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(124,171,124,0.04);
    margin-left: 8px;
}
html[data-v="v44"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v44"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v44"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #7CAB7C;
    border-left-color: #7CAB7C;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v44"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v44"][data-sm="accordion"] #submenu {
    background: #0F1A0F;
    border-bottom: none;
    padding: 0;
}
html[data-v="v44"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v44"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(124,171,124,0.2);
    color: #7CAB7C;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v44"][data-sm="accordion"] .sub_bc_home:hover {
    background: #7CAB7C;
    color: #111;
}
html[data-v="v44"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v44"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v44"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #7CAB7C;
    transition: width .25s ease;
}
html[data-v="v44"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v44"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v44"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v44"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v44"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #0e180e;
    border: none;
    border-top: 2px solid #7CAB7C;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v44"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v44"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v44"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #7CAB7C;
    background: rgba(124,171,124,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v44"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v44"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v45 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v45"][data-sm="tab"] #submenu,
html[data-v="v45"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(139,94,60,0.25);
    position: relative;
}
html[data-v="v45"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v45"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v45"][data-sm="tab"] .sub_bc_home,
html[data-v="v45"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #8B5E3C;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v45"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v45"] .sub_bc_home:hover {
    background: #764f33;
    transform: translateY(-1px);
}
html[data-v="v45"][data-sm="tab"] .sub_bc_sep,
html[data-v="v45"] .sub_bc_sep {
    color: #A07050;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v45"][data-sm="tab"] .sub_bc_btn,
html[data-v="v45"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v45"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v45"] .sub_bc_btn:hover {
    color: #8B5E3C;
    border-bottom-color: #8B5E3C;
}
html[data-v="v45"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v45"] .sub_bc_btn.open {
    color: #8B5E3C;
    border-bottom-color: #8B5E3C;
    font-weight: 600;
}
html[data-v="v45"][data-sm="tab"] .sub_bc_list,
html[data-v="v45"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(160,112,80,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v45"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v45"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v45"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v45"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v45"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v45"] .sub_bc_list li a:hover {
    background: rgba(139,94,60,0.08);
    color: #8B5E3C;
    padding-left: 20px;
}
html[data-v="v45"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v45"] .sub_bc_list li.active a {
    color: #8B5E3C;
    font-weight: 700;
    background: rgba(139,94,60,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v45"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(160,112,80,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v45"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v45"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v45"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #8B5E3C;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v45"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v45"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v45"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v45"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #8B5E3C;
    border-left-color: #8B5E3C;
    background: rgba(139,94,60,0.06);
}
html[data-v="v45"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(139,94,60,0.04);
    margin-left: 8px;
}
html[data-v="v45"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v45"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v45"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #8B5E3C;
    border-left-color: #8B5E3C;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v45"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v45"][data-sm="accordion"] #submenu {
    background: #1A0F08;
    border-bottom: none;
    padding: 0;
}
html[data-v="v45"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v45"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(139,94,60,0.2);
    color: #8B5E3C;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v45"][data-sm="accordion"] .sub_bc_home:hover {
    background: #8B5E3C;
    color: #fff;
}
html[data-v="v45"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v45"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v45"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #8B5E3C;
    transition: width .25s ease;
}
html[data-v="v45"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v45"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v45"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v45"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v45"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #180e07;
    border: none;
    border-top: 2px solid #8B5E3C;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v45"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v45"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v45"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #8B5E3C;
    background: rgba(139,94,60,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v45"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v45"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v46 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v46"][data-sm="tab"] #submenu,
html[data-v="v46"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(107,143,71,0.25);
    position: relative;
}
html[data-v="v46"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v46"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v46"][data-sm="tab"] .sub_bc_home,
html[data-v="v46"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #6B8F47;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v46"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v46"] .sub_bc_home:hover {
    background: #5a793c;
    transform: translateY(-1px);
}
html[data-v="v46"][data-sm="tab"] .sub_bc_sep,
html[data-v="v46"] .sub_bc_sep {
    color: #5A7A3A;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v46"][data-sm="tab"] .sub_bc_btn,
html[data-v="v46"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v46"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v46"] .sub_bc_btn:hover {
    color: #6B8F47;
    border-bottom-color: #6B8F47;
}
html[data-v="v46"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v46"] .sub_bc_btn.open {
    color: #6B8F47;
    border-bottom-color: #6B8F47;
    font-weight: 600;
}
html[data-v="v46"][data-sm="tab"] .sub_bc_list,
html[data-v="v46"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(90,122,58,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v46"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v46"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v46"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v46"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v46"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v46"] .sub_bc_list li a:hover {
    background: rgba(107,143,71,0.08);
    color: #6B8F47;
    padding-left: 20px;
}
html[data-v="v46"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v46"] .sub_bc_list li.active a {
    color: #6B8F47;
    font-weight: 700;
    background: rgba(107,143,71,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v46"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(90,122,58,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v46"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v46"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v46"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #6B8F47;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v46"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v46"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v46"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v46"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #6B8F47;
    border-left-color: #6B8F47;
    background: rgba(107,143,71,0.06);
}
html[data-v="v46"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(107,143,71,0.04);
    margin-left: 8px;
}
html[data-v="v46"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v46"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v46"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #6B8F47;
    border-left-color: #6B8F47;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v46"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v46"][data-sm="accordion"] #submenu {
    background: #0F150A;
    border-bottom: none;
    padding: 0;
}
html[data-v="v46"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v46"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(107,143,71,0.2);
    color: #6B8F47;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v46"][data-sm="accordion"] .sub_bc_home:hover {
    background: #6B8F47;
    color: #fff;
}
html[data-v="v46"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v46"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v46"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #6B8F47;
    transition: width .25s ease;
}
html[data-v="v46"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v46"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v46"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v46"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v46"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #0e1309;
    border: none;
    border-top: 2px solid #6B8F47;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v46"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v46"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v46"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #6B8F47;
    background: rgba(107,143,71,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v46"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v46"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v47 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v47"][data-sm="tab"] #submenu,
html[data-v="v47"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(124,179,66,0.25);
    position: relative;
}
html[data-v="v47"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v47"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v47"][data-sm="tab"] .sub_bc_home,
html[data-v="v47"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #7CB342;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v47"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v47"] .sub_bc_home:hover {
    background: #699838;
    transform: translateY(-1px);
}
html[data-v="v47"][data-sm="tab"] .sub_bc_sep,
html[data-v="v47"] .sub_bc_sep {
    color: #558B2F;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v47"][data-sm="tab"] .sub_bc_btn,
html[data-v="v47"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v47"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v47"] .sub_bc_btn:hover {
    color: #7CB342;
    border-bottom-color: #7CB342;
}
html[data-v="v47"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v47"] .sub_bc_btn.open {
    color: #7CB342;
    border-bottom-color: #7CB342;
    font-weight: 600;
}
html[data-v="v47"][data-sm="tab"] .sub_bc_list,
html[data-v="v47"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(85,139,47,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v47"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v47"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v47"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v47"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v47"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v47"] .sub_bc_list li a:hover {
    background: rgba(124,179,66,0.08);
    color: #7CB342;
    padding-left: 20px;
}
html[data-v="v47"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v47"] .sub_bc_list li.active a {
    color: #7CB342;
    font-weight: 700;
    background: rgba(124,179,66,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v47"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(85,139,47,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v47"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v47"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v47"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #7CB342;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v47"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v47"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v47"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v47"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #7CB342;
    border-left-color: #7CB342;
    background: rgba(124,179,66,0.06);
}
html[data-v="v47"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(124,179,66,0.04);
    margin-left: 8px;
}
html[data-v="v47"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v47"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v47"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #7CB342;
    border-left-color: #7CB342;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v47"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v47"][data-sm="accordion"] #submenu {
    background: #121A08;
    border-bottom: none;
    padding: 0;
}
html[data-v="v47"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v47"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(124,179,66,0.2);
    color: #7CB342;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v47"][data-sm="accordion"] .sub_bc_home:hover {
    background: #7CB342;
    color: #111;
}
html[data-v="v47"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v47"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v47"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #7CB342;
    transition: width .25s ease;
}
html[data-v="v47"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v47"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v47"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v47"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v47"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #111807;
    border: none;
    border-top: 2px solid #7CB342;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v47"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v47"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v47"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #7CB342;
    background: rgba(124,179,66,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v47"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v47"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v48 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v48"][data-sm="tab"] #submenu,
html[data-v="v48"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(93,64,55,0.25);
    position: relative;
}
html[data-v="v48"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v48"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v48"][data-sm="tab"] .sub_bc_home,
html[data-v="v48"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #5D4037;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v48"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v48"] .sub_bc_home:hover {
    background: #4f362e;
    transform: translateY(-1px);
}
html[data-v="v48"][data-sm="tab"] .sub_bc_sep,
html[data-v="v48"] .sub_bc_sep {
    color: #795548;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v48"][data-sm="tab"] .sub_bc_btn,
html[data-v="v48"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v48"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v48"] .sub_bc_btn:hover {
    color: #5D4037;
    border-bottom-color: #5D4037;
}
html[data-v="v48"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v48"] .sub_bc_btn.open {
    color: #5D4037;
    border-bottom-color: #5D4037;
    font-weight: 600;
}
html[data-v="v48"][data-sm="tab"] .sub_bc_list,
html[data-v="v48"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(121,85,72,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v48"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v48"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v48"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v48"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v48"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v48"] .sub_bc_list li a:hover {
    background: rgba(93,64,55,0.08);
    color: #5D4037;
    padding-left: 20px;
}
html[data-v="v48"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v48"] .sub_bc_list li.active a {
    color: #5D4037;
    font-weight: 700;
    background: rgba(93,64,55,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v48"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(121,85,72,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v48"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v48"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v48"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #5D4037;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v48"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v48"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v48"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v48"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #5D4037;
    border-left-color: #5D4037;
    background: rgba(93,64,55,0.06);
}
html[data-v="v48"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(93,64,55,0.04);
    margin-left: 8px;
}
html[data-v="v48"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v48"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v48"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #5D4037;
    border-left-color: #5D4037;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v48"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v48"][data-sm="accordion"] #submenu {
    background: #0F0F08;
    border-bottom: none;
    padding: 0;
}
html[data-v="v48"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v48"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(93,64,55,0.2);
    color: #5D4037;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v48"][data-sm="accordion"] .sub_bc_home:hover {
    background: #5D4037;
    color: #fff;
}
html[data-v="v48"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v48"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v48"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #5D4037;
    transition: width .25s ease;
}
html[data-v="v48"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v48"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v48"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v48"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v48"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #0e0e07;
    border: none;
    border-top: 2px solid #5D4037;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v48"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v48"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v48"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #5D4037;
    background: rgba(93,64,55,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v48"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v48"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v49 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v49"][data-sm="tab"] #submenu,
html[data-v="v49"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(144,164,174,0.25);
    position: relative;
}
html[data-v="v49"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v49"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v49"][data-sm="tab"] .sub_bc_home,
html[data-v="v49"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #90A4AE;
    color: #111;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v49"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v49"] .sub_bc_home:hover {
    background: #7a8b93;
    transform: translateY(-1px);
}
html[data-v="v49"][data-sm="tab"] .sub_bc_sep,
html[data-v="v49"] .sub_bc_sep {
    color: #607D8B;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v49"][data-sm="tab"] .sub_bc_btn,
html[data-v="v49"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v49"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v49"] .sub_bc_btn:hover {
    color: #90A4AE;
    border-bottom-color: #90A4AE;
}
html[data-v="v49"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v49"] .sub_bc_btn.open {
    color: #90A4AE;
    border-bottom-color: #90A4AE;
    font-weight: 600;
}
html[data-v="v49"][data-sm="tab"] .sub_bc_list,
html[data-v="v49"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(96,125,139,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v49"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v49"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v49"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v49"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v49"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v49"] .sub_bc_list li a:hover {
    background: rgba(144,164,174,0.08);
    color: #90A4AE;
    padding-left: 20px;
}
html[data-v="v49"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v49"] .sub_bc_list li.active a {
    color: #90A4AE;
    font-weight: 700;
    background: rgba(144,164,174,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v49"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(96,125,139,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v49"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v49"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v49"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #90A4AE;
    color: #111;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v49"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v49"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v49"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v49"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #90A4AE;
    border-left-color: #90A4AE;
    background: rgba(144,164,174,0.06);
}
html[data-v="v49"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(144,164,174,0.04);
    margin-left: 8px;
}
html[data-v="v49"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v49"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v49"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #90A4AE;
    border-left-color: #90A4AE;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v49"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v49"][data-sm="accordion"] #submenu {
    background: #0A150A;
    border-bottom: none;
    padding: 0;
}
html[data-v="v49"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v49"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(144,164,174,0.2);
    color: #90A4AE;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v49"][data-sm="accordion"] .sub_bc_home:hover {
    background: #90A4AE;
    color: #111;
}
html[data-v="v49"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v49"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v49"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #90A4AE;
    transition: width .25s ease;
}
html[data-v="v49"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v49"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v49"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v49"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v49"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #091309;
    border: none;
    border-top: 2px solid #90A4AE;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v49"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v49"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v49"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #90A4AE;
    background: rgba(144,164,174,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v49"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v49"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}


/* ──────────────────────────────────────────────
   v50 서브메뉴 스타일
   ────────────────────────────────────────────── */

/* === TAB형 (기본) [data-sm="tab"] === */
html[data-v="v50"][data-sm="tab"] #submenu,
html[data-v="v50"] #submenu {
    background: #fff;
    border-bottom: 2px solid rgba(67,160,71,0.25);
    position: relative;
}
html[data-v="v50"][data-sm="tab"] .sub_breadcrumb,
html[data-v="v50"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    height: 52px;
}
html[data-v="v50"][data-sm="tab"] .sub_bc_home,
html[data-v="v50"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #43A047;
    color: #fff;
    border-radius: 4px;
    font-size: 1rem;
    transition: all .25s ease;
    flex-shrink: 0;
}
html[data-v="v50"][data-sm="tab"] .sub_bc_home:hover,
html[data-v="v50"] .sub_bc_home:hover {
    background: #38883c;
    transform: translateY(-1px);
}
html[data-v="v50"][data-sm="tab"] .sub_bc_sep,
html[data-v="v50"] .sub_bc_sep {
    color: #2E7D32;
    font-size: 0.8rem;
    padding: 0 2px;
}
html[data-v="v50"][data-sm="tab"] .sub_bc_btn,
html[data-v="v50"] .sub_bc_btn {
    height: 44px;
    padding: 0 20px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
html[data-v="v50"][data-sm="tab"] .sub_bc_btn:hover,
html[data-v="v50"] .sub_bc_btn:hover {
    color: #43A047;
    border-bottom-color: #43A047;
}
html[data-v="v50"][data-sm="tab"] .sub_bc_btn.open,
html[data-v="v50"] .sub_bc_btn.open {
    color: #43A047;
    border-bottom-color: #43A047;
    font-weight: 600;
}
html[data-v="v50"][data-sm="tab"] .sub_bc_list,
html[data-v="v50"] .sub_bc_list {
    position: absolute;
    top: calc(100% + 4px);
    min-width: 160px;
    background: #fff;
    border: 1px solid rgba(46,125,50,0.2);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    z-index: 100;
    overflow: hidden;
    display: none;
}
html[data-v="v50"][data-sm="tab"] .sub_bc_list.open,
html[data-v="v50"] .sub_bc_list.open {
    display: block;
    animation: fadeInDown .18s ease;
}
html[data-v="v50"][data-sm="tab"] .sub_bc_list li a,
html[data-v="v50"] .sub_bc_list li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all .15s ease;
}
html[data-v="v50"][data-sm="tab"] .sub_bc_list li a:hover,
html[data-v="v50"] .sub_bc_list li a:hover {
    background: rgba(67,160,71,0.08);
    color: #43A047;
    padding-left: 20px;
}
html[data-v="v50"][data-sm="tab"] .sub_bc_list li.active a,
html[data-v="v50"] .sub_bc_list li.active a {
    color: #43A047;
    font-weight: 700;
    background: rgba(67,160,71,0.06);
}

/* === SIDEBAR형 [data-sm="sidebar"] === */
html[data-v="v50"][data-sm="sidebar"] #submenu {
    background: #fff;
    border-bottom: none;
    border-right: 1px solid rgba(46,125,50,0.15);
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: auto;
    z-index: 90;
    box-shadow: 2px 0 16px rgba(0,0,0,0.08);
    border-radius: 0 12px 12px 0;
}
html[data-v="v50"][data-sm="sidebar"] .sub_breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 16px 12px;
    width: 100%;
    height: auto;
    margin: 0;
}
html[data-v="v50"][data-sm="sidebar"] .sub_bc_sep { display: none; }
html[data-v="v50"][data-sm="sidebar"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #43A047;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 8px;
    font-size: 1rem;
    transition: all .2s ease;
}
html[data-v="v50"][data-sm="sidebar"] .sub_bc_dropdown {
    width: 100%;
}
html[data-v="v50"][data-sm="sidebar"] .sub_bc_btn {
    width: 100%;
    height: auto;
    padding: 10px 14px;
    background: transparent;
    border: none;
    border-left: 3px solid transparent;
    border-radius: 0 6px 6px 0;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
html[data-v="v50"][data-sm="sidebar"] .sub_bc_btn:hover,
html[data-v="v50"][data-sm="sidebar"] .sub_bc_btn.open {
    color: #43A047;
    border-left-color: #43A047;
    background: rgba(67,160,71,0.06);
}
html[data-v="v50"][data-sm="sidebar"] .sub_bc_list {
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: rgba(67,160,71,0.04);
    margin-left: 8px;
}
html[data-v="v50"][data-sm="sidebar"] .sub_bc_list li a {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: #333;
    display: block;
    border-left: 2px solid transparent;
    transition: all .15s ease;
}
html[data-v="v50"][data-sm="sidebar"] .sub_bc_list li a:hover,
html[data-v="v50"][data-sm="sidebar"] .sub_bc_list li.active a {
    color: #43A047;
    border-left-color: #43A047;
    padding-left: 16px;
}
@media (max-width: 1280px) {
    html[data-v="v50"][data-sm="sidebar"] #submenu { display: none; }
}

/* === ACCORDION형 [data-sm="accordion"] === */
html[data-v="v50"][data-sm="accordion"] #submenu {
    background: #080F08;
    border-bottom: none;
    padding: 0;
}
html[data-v="v50"][data-sm="accordion"] .sub_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 54px;
    box-sizing: border-box;
}
html[data-v="v50"][data-sm="accordion"] .sub_bc_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: rgba(67,160,71,0.2);
    color: #43A047;
    border-radius: 0;
    font-size: 1rem;
    transition: all .2s ease;
    flex-shrink: 0;
}
html[data-v="v50"][data-sm="accordion"] .sub_bc_home:hover {
    background: #43A047;
    color: #fff;
}
html[data-v="v50"][data-sm="accordion"] .sub_bc_sep {
    color: rgba(255,255,255,0.3);
    padding: 0 8px;
}
html[data-v="v50"][data-sm="accordion"] .sub_bc_btn {
    height: 54px;
    padding: 0 24px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: rgba(255,255,255,0.75);
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}
html[data-v="v50"][data-sm="accordion"] .sub_bc_btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #43A047;
    transition: width .25s ease;
}
html[data-v="v50"][data-sm="accordion"] .sub_bc_btn:hover,
html[data-v="v50"][data-sm="accordion"] .sub_bc_btn.open {
    color: #fff;
}
html[data-v="v50"][data-sm="accordion"] .sub_bc_btn:hover::after,
html[data-v="v50"][data-sm="accordion"] .sub_bc_btn.open::after {
    width: 100%;
}
html[data-v="v50"][data-sm="accordion"] .sub_bc_list {
    position: absolute;
    top: 100%;
    background: #070e07;
    border: none;
    border-top: 2px solid #43A047;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    min-width: 180px;
    z-index: 100;
}
html[data-v="v50"][data-sm="accordion"] .sub_bc_list li a {
    display: block;
    padding: 12px 20px;
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
    transition: all .15s ease;
}
html[data-v="v50"][data-sm="accordion"] .sub_bc_list li a:hover,
html[data-v="v50"][data-sm="accordion"] .sub_bc_list li.active a {
    color: #43A047;
    background: rgba(67,160,71,0.12);
    padding-left: 28px;
}
@media (max-width: 768px) {
    html[data-v="v50"][data-sm="accordion"] .sub_breadcrumb {
        padding: 0 16px;
        height: 48px;
    }
    html[data-v="v50"][data-sm="accordion"] .sub_bc_btn {
        height: 48px;
        padding: 0 14px;
        font-size: 0.85rem;
    }
}

/* ============================================================
   v5 서브메뉴 3종 스타일 (탭형/나열형/아코디언형)
   ============================================================ */
html[data-cv="v5"] .sub_sibling_nav { display: none; }

/* ── 나열형 [data-sm="list"] ── */
html[data-cv="v5"][data-sm="list"] .sub_sibling_nav {
    display: flex; width: 100%; background: var(--p);
}
html[data-cv="v5"][data-sm="list"] .sub_sib_link {
    flex: 1; text-align: center; padding: 14px 8px;
    color: var(--ht, #fff); text-decoration: none;
    font-size: 0.9rem; font-weight: 500;
    border-right: 1px solid rgba(255,255,255,0.15);
    transition: background 0.2s;
}
html[data-cv="v5"][data-sm="list"] .sub_sib_link:last-child { border-right: none; }
html[data-cv="v5"][data-sm="list"] .sub_sib_link:hover,
html[data-cv="v5"][data-sm="list"] .sub_sib_link.active {
    background: var(--a1); color: var(--a1t, #fff);
}
@media (max-width: 768px) {
    html[data-cv="v5"][data-sm="list"] .sub_sibling_nav { flex-wrap: wrap; }
    html[data-cv="v5"][data-sm="list"] .sub_sib_link {
        flex: 0 0 50%; border-bottom: 1px solid rgba(255,255,255,0.1);
    }
}

/* ── 아코디언형 [data-sm="accordion"] ── */
html[data-cv="v5"][data-sm="accordion"] .sub_sibling_nav {
    display: flex; flex-direction: column;
    width: 100%; background: #fff;
    border-top: 3px solid var(--p);
}
html[data-cv="v5"][data-sm="accordion"] .sub_sib_link {
    display: block; padding: 13px 24px;
    color: #444; text-decoration: none;
    font-size: 0.9rem; border-bottom: 1px solid #f0f0f0;
    transition: all 0.15s;
}
html[data-cv="v5"][data-sm="accordion"] .sub_sib_link:hover,
html[data-cv="v5"][data-sm="accordion"] .sub_sib_link.active {
    background: var(--p); color: var(--ht, #fff); padding-left: 32px;
}
html[data-cv="v5"][data-sm="accordion"] .sub_sib_link:last-child { border-bottom: none; }

/* ── 사이드바형 [data-sm="sidebar"] ── 좌측 정렬 박스형 세로 메뉴 (아코디언 전폭과 구분) */
html[data-cv="v5"][data-sm="sidebar"] .sub_sibling_nav {
    display: inline-flex; flex-direction: column;
    width: 260px; max-width: 90%;
    margin: 18px 0 18px 24px;
    background: #fff;
    border-left: 4px solid var(--p);
    box-shadow: 0 6px 20px rgba(0,0,0,0.10);
    border-radius: 0 8px 8px 0;
    overflow: hidden;
    vertical-align: top;
}
html[data-cv="v5"][data-sm="sidebar"] .sub_sib_link {
    display: block; padding: 13px 20px;
    color: #444; text-decoration: none;
    font-size: 0.92rem; font-weight: 500;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.15s;
}
html[data-cv="v5"][data-sm="sidebar"] .sub_sib_link:last-child { border-bottom: none; }
html[data-cv="v5"][data-sm="sidebar"] .sub_sib_link:hover,
html[data-cv="v5"][data-sm="sidebar"] .sub_sib_link.active {
    background: var(--p); color: var(--ht, #fff);
    box-shadow: inset 3px 0 0 var(--a1); padding-left: 24px;
}
@media (max-width: 768px) {
    html[data-cv="v5"][data-sm="sidebar"] .sub_sibling_nav {
        width: 100%; max-width: 100%; margin: 12px 0; border-radius: 0;
    }
}


/* ================================================================
   서브메뉴 브레드크럼 — 가로형 4종 (2026-08-20)
   data-sm = pill / line / bar / outline  (전부 가로, 세로형 없음)
   base = layout.css .sub_breadcrumb(=pill) 위에 data-sm 로 재정의.
   submenu_styles.css 는 variations_v5.css(변형 시그니처) 뒤에 로드되므로
   [data-cv="v5"][data-sm] (0,3,1) + !important 로 변형 시그니처를 확실히 덮음.
   ================================================================ */

/* 공통: 항상 가로 정렬 유지 (세로형 방지) */
html[data-cv="v5"][data-sm="pill"] .sub_breadcrumb,
html[data-cv="v5"][data-sm="line"] .sub_breadcrumb,
html[data-cv="v5"][data-sm="bar"] .sub_breadcrumb,
html[data-cv="v5"][data-sm="outline"] .sub_breadcrumb{
    display:flex !important; flex-direction:row !important;
    align-items:center !important; justify-content:center !important;
    flex-wrap:wrap !important; height:auto !important; width:1200px; margin:0 auto;
}
html[data-cv="v5"][data-sm="pill"] #submenu,
html[data-cv="v5"][data-sm="line"] #submenu,
html[data-cv="v5"][data-sm="outline"] #submenu{ position:relative; width:100%; }

/* ---------- 1) PILL (기본) : 둥근 회색 알약 토글 ---------- */
html[data-cv="v5"][data-sm="pill"] #submenu{ background:#fff; border-bottom:1px solid #eee; }
html[data-cv="v5"][data-sm="pill"] .sub_breadcrumb{ gap:0 !important; padding:20px 0 !important; }
html[data-cv="v5"][data-sm="pill"] .sub_bc_home{
    width:46px !important; height:46px !important; background:#f5f5f5 !important; color:#999 !important;
    border-radius:12px !important; border:1px solid transparent !important; font-size:18px !important;
}
html[data-cv="v5"][data-sm="pill"] .sub_bc_home:hover{ background:#eee !important; color:var(--a1,#333) !important; }
html[data-cv="v5"][data-sm="pill"] .sub_bc_sep{ color:#ccc !important; margin:0 12px !important; }
html[data-cv="v5"][data-sm="pill"] .sub_bc_btn{
    background:#f5f5f5 !important; color:#222 !important; border:1px solid transparent !important;
    border-radius:12px !important; padding:13px 24px !important;
    font-weight:700 !important; letter-spacing:-0.02em !important; text-transform:none !important;
}
html[data-cv="v5"][data-sm="pill"] .sub_bc_btn:hover{ background:#eee !important; color:#111 !important; }
html[data-cv="v5"][data-sm="pill"] .sub_bc_btn.open{
    background:#fff !important; border-color:var(--p,#333) !important; color:var(--p,#333) !important;
    box-shadow:0 4px 16px rgba(0,0,0,0.08) !important;
}
html[data-cv="v5"][data-sm="pill"] .sub_bc_btn i{ color:#aaa !important; }
html[data-cv="v5"][data-sm="pill"] .sub_bc_btn.open i{ color:var(--p,#333) !important; }
html[data-cv="v5"][data-sm="pill"] .sub_bc_list li.active a{ color:var(--p,#333) !important; }

/* ---------- 2) LINE : 박스 제거·텍스트+구분자(>)·active 밑줄/포인트색 ---------- */
html[data-cv="v5"][data-sm="line"] #submenu{ background:#fff; border-bottom:1px solid #eee; }
html[data-cv="v5"][data-sm="line"] .sub_breadcrumb{ gap:2px !important; padding:18px 0 !important; }
html[data-cv="v5"][data-sm="line"] .sub_bc_home{
    width:auto !important; height:auto !important; background:transparent !important;
    border:none !important; border-radius:0 !important; color:#999 !important;
    padding:6px 8px !important; font-size:18px !important;
}
html[data-cv="v5"][data-sm="line"] .sub_bc_home:hover{ background:transparent !important; color:var(--p,#333) !important; }
html[data-cv="v5"][data-sm="line"] .sub_bc_sep{ color:#ccc !important; margin:0 4px !important; }
html[data-cv="v5"][data-sm="line"] .sub_bc_btn{
    background:transparent !important; border:none !important; border-radius:0 !important;
    padding:8px 8px !important; color:#444 !important; font-weight:600 !important;
    letter-spacing:-0.01em !important; text-transform:none !important;
    border-bottom:2px solid transparent !important;
}
html[data-cv="v5"][data-sm="line"] .sub_bc_btn:hover{ background:transparent !important; color:var(--p,#111) !important; }
html[data-cv="v5"][data-sm="line"] .sub_bc_btn.open{
    background:transparent !important; color:var(--p,#111) !important;
    border-bottom-color:var(--p,#333) !important; box-shadow:none !important;
}
html[data-cv="v5"][data-sm="line"] .sub_bc_btn i{ color:#bbb !important; }
html[data-cv="v5"][data-sm="line"] .sub_bc_btn.open i{ color:var(--p,#333) !important; }
html[data-cv="v5"][data-sm="line"] .sub_bc_list li.active a{ color:var(--p,#333) !important; }

/* ---------- 3) BAR : 풀폭 어두운 뉴트럴 띠 · 흰 텍스트 · 반투명 토글 ----------
   흰글자 대비 보장 위해 팔레트색(--a1 가변) 대신 고정 다크 뉴트럴 사용 */
html[data-cv="v5"][data-sm="bar"] #submenu{
    background:#1c2230 !important; border-bottom:none !important; width:100%; position:relative;
}
html[data-cv="v5"][data-sm="bar"] .sub_breadcrumb{ gap:0 !important; padding:16px 0 !important; }
html[data-cv="v5"][data-sm="bar"] .sub_bc_home{
    width:46px !important; height:46px !important; background:rgba(255,255,255,0.12) !important; color:#fff !important;
    border-radius:10px !important; border:1px solid transparent !important; font-size:18px !important;
}
html[data-cv="v5"][data-sm="bar"] .sub_bc_home:hover{ background:rgba(255,255,255,0.24) !important; color:#fff !important; }
html[data-cv="v5"][data-sm="bar"] .sub_bc_sep{ color:rgba(255,255,255,0.55) !important; margin:0 12px !important; }
html[data-cv="v5"][data-sm="bar"] .sub_bc_btn{
    background:rgba(255,255,255,0.12) !important; color:#fff !important;
    border:1px solid rgba(255,255,255,0.18) !important; border-radius:10px !important;
    padding:13px 24px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important;
}
html[data-cv="v5"][data-sm="bar"] .sub_bc_btn:hover{ background:rgba(255,255,255,0.22) !important; color:#fff !important; }
html[data-cv="v5"][data-sm="bar"] .sub_bc_btn.open{
    background:rgba(255,255,255,0.30) !important; border-color:rgba(255,255,255,0.4) !important;
    color:#fff !important; box-shadow:none !important;
}
html[data-cv="v5"][data-sm="bar"] .sub_bc_btn i{ color:rgba(255,255,255,0.8) !important; }
html[data-cv="v5"][data-sm="bar"] .sub_bc_btn.open i{ color:#fff !important; }
/* 드롭다운 리스트는 흰 카드 유지(가독성) */
html[data-cv="v5"][data-sm="bar"] .sub_bc_list li.active a{ color:var(--p,#333) !important; }

/* ---------- 4) OUTLINE : 테두리만 있는 아웃라인 칩 · hover/active 채움 ---------- */
html[data-cv="v5"][data-sm="outline"] #submenu{ background:#fff; border-bottom:1px solid #eee; }
html[data-cv="v5"][data-sm="outline"] .sub_breadcrumb{ gap:0 !important; padding:20px 0 !important; }
html[data-cv="v5"][data-sm="outline"] .sub_bc_home{
    width:46px !important; height:46px !important; background:transparent !important; color:#666 !important;
    border:1.5px solid #ddd !important; border-radius:10px !important; font-size:18px !important;
}
html[data-cv="v5"][data-sm="outline"] .sub_bc_home:hover{
    background:var(--p,#333) !important; color:var(--ht,#fff) !important; border-color:var(--p,#333) !important;
}
html[data-cv="v5"][data-sm="outline"] .sub_bc_sep{ color:#ccc !important; margin:0 12px !important; }
html[data-cv="v5"][data-sm="outline"] .sub_bc_btn{
    background:transparent !important; color:#333 !important;
    border:1.5px solid #d5d5d5 !important; border-radius:999px !important;
    padding:12px 24px !important; font-weight:700 !important; letter-spacing:-0.01em !important; text-transform:none !important;
}
html[data-cv="v5"][data-sm="outline"] .sub_bc_btn:hover{
    background:var(--p,#333) !important; color:var(--ht,#fff) !important; border-color:var(--p,#333) !important;
}
html[data-cv="v5"][data-sm="outline"] .sub_bc_btn.open{
    background:var(--p,#333) !important; color:var(--ht,#fff) !important; border-color:var(--p,#333) !important;
    box-shadow:0 4px 16px rgba(0,0,0,0.12) !important;
}
html[data-cv="v5"][data-sm="outline"] .sub_bc_btn i{ color:inherit !important; opacity:.7; }
html[data-cv="v5"][data-sm="outline"] .sub_bc_btn.open i{ color:var(--ht,#fff) !important; opacity:1; }
html[data-cv="v5"][data-sm="outline"] .sub_bc_list li.active a{ color:var(--p,#333) !important; }

/* ---------- 반응형 (4종 공통) ---------- */
@media (max-width:768px){
    html[data-cv="v5"][data-sm="pill"] .sub_breadcrumb,
    html[data-cv="v5"][data-sm="line"] .sub_breadcrumb,
    html[data-cv="v5"][data-sm="bar"] .sub_breadcrumb,
    html[data-cv="v5"][data-sm="outline"] .sub_breadcrumb{ width:100% !important; padding-left:16px; padding-right:16px; }
    html[data-cv="v5"][data-sm="pill"] .sub_bc_btn,
    html[data-cv="v5"][data-sm="bar"] .sub_bc_btn,
    html[data-cv="v5"][data-sm="outline"] .sub_bc_btn{ padding:10px 16px !important; font-size:.95rem !important; }
    html[data-cv="v5"][data-sm="line"] .sub_bc_btn{ padding:7px 6px !important; font-size:.95rem !important; }
    html[data-cv="v5"][data-sm="pill"] .sub_bc_home,
    html[data-cv="v5"][data-sm="bar"] .sub_bc_home,
    html[data-cv="v5"][data-sm="outline"] .sub_bc_home{ width:40px !important; height:40px !important; }
    html[data-cv="v5"][data-sm="pill"] .sub_bc_sep,
    html[data-cv="v5"][data-sm="bar"] .sub_bc_sep,
    html[data-cv="v5"][data-sm="outline"] .sub_bc_sep{ margin:0 8px !important; }
}
@media (max-width:480px){
    html[data-cv="v5"][data-sm="pill"] .sub_bc_btn,
    html[data-cv="v5"][data-sm="bar"] .sub_bc_btn,
    html[data-cv="v5"][data-sm="outline"] .sub_bc_btn{ padding:9px 13px !important; font-size:.88rem !important; }
    html[data-cv="v5"][data-sm="pill"] .sub_bc_home,
    html[data-cv="v5"][data-sm="bar"] .sub_bc_home,
    html[data-cv="v5"][data-sm="outline"] .sub_bc_home{ width:36px !important; height:36px !important; font-size:16px !important; }
    html[data-cv="v5"][data-sm="pill"] .sub_bc_sep,
    html[data-cv="v5"][data-sm="bar"] .sub_bc_sep,
    html[data-cv="v5"][data-sm="outline"] .sub_bc_sep{ margin:0 5px !important; }
}
/* ==== 브레드크럼 가로형 4종 끝 ==== */

/* ================================================================
   서브메뉴 — 가로 탭바 [data-sm="tabbar"] (2026-08-19 추가, 5번째 스타일)
   형제 서브메뉴(.sub_sibling_nav > .sub_sib_link)를 풀폭 가로 탭 스트립으로
   상시 노출. 드롭다운 브레드크럼(.sub_breadcrumb)은 숨김. 활성 탭 = 어두운
   포인트 배경(var(--p)) + 흰 글자. 기존 4종(pill/line/bar/outline) 및
   list/accordion/sidebar 블록은 건드리지 않음.
   ================================================================ */
html[data-cv="v5"][data-sm="tabbar"] #submenu { border-bottom: none; }
html[data-cv="v5"][data-sm="tabbar"] .sub_breadcrumb { display: none !important; }
html[data-cv="v5"][data-sm="tabbar"] .sub_sibling_nav {
    display: flex !important; width: 100%;
    background: #fff;
    border-top: 1px solid #e8e8e8;
    border-bottom: 2px solid var(--p);
    overflow-x: auto; overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
html[data-cv="v5"][data-sm="tabbar"] .sub_sib_link {
    flex: 1 1 0; min-width: 0;
    text-align: center; white-space: nowrap;
    padding: 16px 20px;
    color: #555; text-decoration: none;
    font-size: 0.95rem; font-weight: 600; letter-spacing: -0.2px;
    border-right: 1px solid #ececec;
    transition: background 0.2s, color 0.2s;
}
html[data-cv="v5"][data-sm="tabbar"] .sub_sib_link:last-child { border-right: none; }
html[data-cv="v5"][data-sm="tabbar"] .sub_sib_link:hover {
    background: #f5f5f5; color: #111;
}
html[data-cv="v5"][data-sm="tabbar"] .sub_sib_link.active {
    background: var(--p); color: var(--ht, #fff);
}
/* 모바일: 세로로 무너뜨리지 않고 가로 스크롤 유지 */
@media (max-width: 768px) {
    html[data-cv="v5"][data-sm="tabbar"] .sub_sibling_nav { flex-wrap: nowrap; }
    html[data-cv="v5"][data-sm="tabbar"] .sub_sib_link {
        flex: 0 0 auto; padding: 13px 18px; font-size: 0.9rem;
    }
}
/* ==== 가로 탭바 tabbar 끝 ==== */

/* ================================================================
   서브메뉴 — 가로 레이아웃 5종 추가 (2026-08-20)
   전부 형제 서브메뉴(.sub_sibling_nav > .sub_sib_link)를 재사용하는 가로형.
   기존 5종(pill/line/bar/outline/tabbar) 및 list/accordion/sidebar 무변경.
   흰글자 배경은 활성색=var(--p) + 글자=var(--ht)(팔레트 대비색)로 대비 보장.
   data-sm = segment / underline / number / pilltab / accentbar
   ================================================================ */

/* 공통: 드롭다운 브레드크럼 숨기고 형제 nav 노출 (5종) */
html[data-cv="v5"][data-sm="segment"] .sub_breadcrumb,
html[data-cv="v5"][data-sm="underline"] .sub_breadcrumb,
html[data-cv="v5"][data-sm="number"] .sub_breadcrumb,
html[data-cv="v5"][data-sm="pilltab"] .sub_breadcrumb,
html[data-cv="v5"][data-sm="accentbar"] .sub_breadcrumb { display: none !important; }
html[data-cv="v5"][data-sm="segment"] #submenu,
html[data-cv="v5"][data-sm="underline"] #submenu,
html[data-cv="v5"][data-sm="number"] #submenu,
html[data-cv="v5"][data-sm="pilltab"] #submenu,
html[data-cv="v5"][data-sm="accentbar"] #submenu { border-bottom: none; }

/* ---------- 6) SEGMENT : iOS 세그먼트 컨트롤 · 캡슐 컨테이너 · 활성만 채움 ---------- */
html[data-cv="v5"][data-sm="segment"] .sub_sibling_nav {
    display: flex !important;
    width: max-content; max-width: calc(100% - 32px);
    margin: 18px auto; padding: 5px;
    background: #eef0f3; border-radius: 999px;
    overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
}
html[data-cv="v5"][data-sm="segment"] .sub_sib_link {
    flex: 0 0 auto; white-space: nowrap;
    padding: 10px 22px; border-radius: 999px;
    color: #555; text-decoration: none;
    font-size: 0.9rem; font-weight: 600; letter-spacing: -0.2px;
    transition: background .2s, color .2s;
}
html[data-cv="v5"][data-sm="segment"] .sub_sib_link:hover { color: #111; }
html[data-cv="v5"][data-sm="segment"] .sub_sib_link.active {
    background: var(--p); color: var(--ht, #fff);
    box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}

/* ---------- 7) UNDERLINE : 박스 없는 탭 스트립 · 활성 하단 밑줄(포인트색) ---------- */
html[data-cv="v5"][data-sm="underline"] .sub_sibling_nav {
    display: flex !important; justify-content: center;
    width: 100%; background: #fff;
    border-bottom: 1px solid #eee;
    overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
}
html[data-cv="v5"][data-sm="underline"] .sub_sib_link {
    flex: 0 0 auto; white-space: nowrap;
    padding: 16px 22px; margin: 0 2px;
    color: #666; text-decoration: none;
    font-size: 0.95rem; font-weight: 600;
    border-bottom: 3px solid transparent; margin-bottom: -1px;
    transition: color .2s, border-color .2s;
}
html[data-cv="v5"][data-sm="underline"] .sub_sib_link:hover { color: #111; }
html[data-cv="v5"][data-sm="underline"] .sub_sib_link.active {
    color: #111; font-weight: 700; border-bottom-color: var(--p, #333);
}

/* ---------- 8) NUMBER : 번호 접두(01·02…) counter-increment · 에디토리얼 ---------- */
html[data-cv="v5"][data-sm="number"] .sub_sibling_nav {
    display: flex !important; justify-content: center;
    width: 100%; background: #fff;
    border-top: 1px solid #eee; border-bottom: 1px solid #eee;
    counter-reset: submenu;
    overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
}
html[data-cv="v5"][data-sm="number"] .sub_sib_link {
    flex: 0 0 auto; white-space: nowrap;
    counter-increment: submenu;
    padding: 16px 22px;
    color: #555; text-decoration: none;
    font-size: 0.95rem; font-weight: 600;
    transition: color .2s;
}
html[data-cv="v5"][data-sm="number"] .sub_sib_link::before {
    content: counter(submenu, decimal-leading-zero);
    margin-right: 8px;
    font-size: 0.8rem; font-weight: 800;
    color: var(--p, #999); opacity: .55;
}
html[data-cv="v5"][data-sm="number"] .sub_sib_link:hover { color: #111; }
html[data-cv="v5"][data-sm="number"] .sub_sib_link.active { color: #111; font-weight: 800; }
html[data-cv="v5"][data-sm="number"] .sub_sib_link.active::before { opacity: 1; color: var(--p, #333); }

/* ---------- 9) PILLTAB : 개별 둥근 알약 · 활성만 포인트색 채움 · 중앙정렬 ---------- */
html[data-cv="v5"][data-sm="pilltab"] .sub_sibling_nav {
    display: flex !important; justify-content: center;
    flex-wrap: nowrap; gap: 8px;
    width: 100%; padding: 16px;
    background: #fff; border-bottom: 1px solid #eee;
    overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
}
html[data-cv="v5"][data-sm="pilltab"] .sub_sib_link {
    flex: 0 0 auto; white-space: nowrap;
    padding: 10px 20px; border-radius: 999px;
    background: #f0f1f3; color: #555;
    text-decoration: none; font-size: 0.9rem; font-weight: 600;
    transition: background .2s, color .2s;
}
html[data-cv="v5"][data-sm="pilltab"] .sub_sib_link:hover { background: #e4e6ea; color: #111; }
html[data-cv="v5"][data-sm="pilltab"] .sub_sib_link.active {
    background: var(--p); color: var(--ht, #fff);
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

/* ---------- 10) ACCENTBAR : 풀폭 탭 · 활성=포인트색 배경 + 하단 삼각 인디케이터 ---------- */
html[data-cv="v5"][data-sm="accentbar"] .sub_sibling_nav {
    display: flex !important; width: 100%;
    background: #f7f8fa; border-bottom: 1px solid #e8e8e8;
    overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
}
html[data-cv="v5"][data-sm="accentbar"] .sub_sib_link {
    position: relative; flex: 1 1 0; min-width: 0;
    text-align: center; white-space: nowrap;
    padding: 17px 20px;
    color: #555; text-decoration: none;
    font-size: 0.95rem; font-weight: 600; letter-spacing: -0.2px;
    border-right: 1px solid #ececec;
    transition: background .2s, color .2s;
}
html[data-cv="v5"][data-sm="accentbar"] .sub_sib_link:last-child { border-right: none; }
html[data-cv="v5"][data-sm="accentbar"] .sub_sib_link:hover { background: #eef0f3; color: #111; }
html[data-cv="v5"][data-sm="accentbar"] .sub_sib_link.active {
    background: var(--p); color: var(--ht, #fff);
    box-shadow: inset 0 3px 0 rgba(255,255,255,0.55);
}
/* 활성 탭 하단 삼각 인디케이터(포인트색) */
html[data-cv="v5"][data-sm="accentbar"] .sub_sib_link.active::after {
    content: ""; position: absolute; left: 50%; bottom: -7px;
    transform: translateX(-50%);
    border-left: 7px solid transparent; border-right: 7px solid transparent;
    border-top: 7px solid var(--p);
}

/* ---------- 반응형 (신규 5종 공통) — 세로 금지, 가로 스크롤 유지 ---------- */
@media (max-width: 768px) {
    html[data-cv="v5"][data-sm="underline"] .sub_sibling_nav,
    html[data-cv="v5"][data-sm="number"] .sub_sibling_nav,
    html[data-cv="v5"][data-sm="pilltab"] .sub_sibling_nav,
    html[data-cv="v5"][data-sm="accentbar"] .sub_sibling_nav {
        justify-content: safe center;
    }
    html[data-cv="v5"][data-sm="accentbar"] .sub_sib_link { flex: 0 0 auto; }
    html[data-cv="v5"][data-sm="segment"] .sub_sib_link,
    html[data-cv="v5"][data-sm="pilltab"] .sub_sib_link { padding: 9px 16px; font-size: 0.88rem; }
    html[data-cv="v5"][data-sm="underline"] .sub_sib_link,
    html[data-cv="v5"][data-sm="number"] .sub_sib_link,
    html[data-cv="v5"][data-sm="accentbar"] .sub_sib_link { padding: 13px 16px; font-size: 0.9rem; }
}
/* ==== 가로 레이아웃 신규 5종 끝 ==== */