/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/* ── HC Brand Fonts (전역 1회 로드) ── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap');

/* ── HC Design System Variables ── */
:root {
    --hc-gold: #C6A76E;
    --hc-gold-text: #8B7332;
    --hc-navy: #0F1B2D;
    --hc-beige: #F5F3EF;
    --hc-text: #2D3038;
    --hc-text-sub: #6B7280;
    --hc-text-hint: #9CA3AF;
    --hc-bg-soft: #FAFAF8;
    --hc-bg-warm: #F9F7F4;
    --hc-border: #F0ECE6;
    --hc-border-dark: #E5E0D8;
    --hc-font-display: 'Playfair Display', serif;
    --hc-font-sans: 'Pretendard', -apple-system, sans-serif;
}

/* ===================================
   Base Font
=================================== */
body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont,
        'Apple SD Gothic Neo', 'Malgun Gothic', Arial, sans-serif;
    color: #222;
    line-height: 1.65;
}

/* ===================================
   English Titles (Brand Tone)
=================================== */
.en-title,
.section-title,
.hero-title,
.page-title-wrap h2,
.navbar-nav > li > a {
    font-family: 'Playfair Display', serif;
    letter-spacing: 0.02em;
}

/* ===================================
   Korean Description
=================================== */
.ko-desc,
.section-desc,
.page-title-wrap span {
    font-family: 'Pretendard', sans-serif;
}

/* Honors Club – Main Slider Text Readability */
.main-slider-top .swiper-cont h2,
.main-slider-top .swiper-cont h3,
.main-slider-top .swiper-cont h4 {
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.55),
        0 0 8px rgba(0, 0, 0, 0.35);
}

/* ========================================
   HONORS CLUB ADDITIONS START
   ======================================== */

/* ========================================
   HONORS CLUB - PLUGIN ADJUSTMENTS v2.2 FINAL
   ======================================== */

/* ===== SWIPER NAVIGATION ===== */

body.hc-theme .swiper-button-next,
body.hc-theme .swiper-button-prev {
  color: var(--h-primary);
}

body.hc-theme .swiper-button-next:hover,
body.hc-theme .swiper-button-prev:hover {
  color: var(--h-gold);
}

body.hc-theme .swiper-button-next:after,
body.hc-theme .swiper-button-prev:after {
  font-size: 24px;
}

body.hc-theme .swiper-pagination-bullet {
  background-color: var(--h-border-strong);
}

body.hc-theme .swiper-pagination-bullet-active {
  background-color: var(--h-gold);
}

body.hc-theme .swiper-scrollbar-drag {
  background-color: var(--h-primary);
}

/* ===== SELECTIZE SYSTEM ===== */

body.hc-theme .selectize-input {
  border-color: var(--h-border);
  background-color: var(--h-bg);
}

body.hc-theme .selectize-input.focus {
  border-color: var(--h-primary);
  box-shadow: var(--h-focus-ring);
}

body.hc-theme .selectize-input.dropdown-active {
  border-color: var(--h-primary);
}

body.hc-theme .selectize-dropdown {
  border-color: var(--h-border);
  background-color: var(--h-bg);
  box-shadow: var(--h-elevation-md);
}

body.hc-theme .selectize-dropdown .active {
  background-color: var(--h-primary);
  color: var(--h-white);
}

body.hc-theme .selectize-dropdown .option:hover {
  background-color: var(--h-bg-subtle);
  color: var(--h-gold);
}

body.hc-theme .selectize-dropdown .option {
  border-bottom: 1px solid var(--h-border-soft);
}

body.hc-theme .selectize-dropdown-header {
  background-color: var(--h-bg-soft);
  border-bottom: 1px solid var(--h-border);
}

/* ===== DATERANGEPICKER SYSTEM ===== */

body.hc-theme .daterangepicker {
  border-color: var(--h-border);
  background-color: var(--h-bg);
  box-shadow: var(--h-elevation-lg);
}

body.hc-theme .daterangepicker .calendar-table {
  border-color: var(--h-border);
  background-color: var(--h-bg);
}

body.hc-theme .daterangepicker .calendar-table th,
body.hc-theme .daterangepicker .calendar-table td {
  color: var(--h-text);
}

body.hc-theme .daterangepicker .calendar-table td.active {
  background-color: var(--h-primary);
  color: var(--h-white);
}

body.hc-theme .daterangepicker .calendar-table td.in-range {
  background-color: var(--h-bg-subtle);
  color: var(--h-text);
}

body.hc-theme .daterangepicker .calendar-table td:hover {
  background-color: var(--h-bg-soft);
  color: var(--h-gold);
}

body.hc-theme .daterangepicker .calendar-table td.off {
  color: var(--h-text-sub);
}

body.hc-theme .daterangepicker .ranges li {
  color: var(--h-text);
  border: 1px solid var(--h-border-soft);
}

body.hc-theme .daterangepicker .ranges li:hover {
  background-color: var(--h-bg-subtle);
  color: var(--h-gold);
}

body.hc-theme .daterangepicker .ranges li.active {
  background-color: var(--h-primary);
  color: var(--h-white);
  border-color: var(--h-primary);
}

body.hc-theme .daterangepicker .drp-buttons {
  border-top: 1px solid var(--h-border);
}

/* ===== DATATABLES SYSTEM ===== */

body.hc-theme .dataTables_wrapper .dataTables_length select {
  border-color: var(--h-border);
}

body.hc-theme .dataTables_wrapper .dataTables_length select:focus {
  border-color: var(--h-primary);
  box-shadow: var(--h-focus-ring);
}

body.hc-theme .dataTables_wrapper .dataTables_filter input {
  border-color: var(--h-border);
}

body.hc-theme .dataTables_wrapper .dataTables_filter input:focus {
  border-color: var(--h-primary);
  box-shadow: var(--h-focus-ring);
}

body.hc-theme .dataTables_wrapper .dataTables_paginate .paginate_button {
  border-color: var(--h-border) !important; /* Required for plugin override */
  color: var(--h-primary) !important;
}

body.hc-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: var(--h-primary) !important;
  border-color: var(--h-primary) !important;
  color: var(--h-white) !important;
}

body.hc-theme .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: var(--h-bg-subtle) !important;
  border-color: var(--h-border) !important;
  color: var(--h-gold) !important;
}

body.hc-theme .dataTables_wrapper table.dataTable thead th {
  border-bottom-color: var(--h-border-strong);
  background-color: var(--h-bg-soft);
}

body.hc-theme .dataTables_wrapper table.dataTable tbody tr:hover {
  background-color: var(--h-bg-soft);
}

body.hc-theme .dataTables_wrapper table.dataTable.stripe tbody tr.odd {
  background-color: var(--h-bg-soft);
}

/* ===== CHART.JS ADJUSTMENTS ===== */

body.hc-theme .chartjs-tooltip {
  background-color: var(--h-primary);
  border-color: var(--h-border);
  box-shadow: var(--h-elevation-md);
  color: var(--h-white);
}

/* ===== TOASTR NOTIFICATIONS ===== */

body.hc-theme .toast-success {
  background-color: var(--h-success);
}

body.hc-theme .toast-error {
  background-color: var(--h-danger);
}

body.hc-theme .toast-warning {
  background-color: var(--h-warning);
  color: var(--h-on-warning);
}

body.hc-theme .toast-info {
  background-color: var(--h-info);
  color: var(--h-on-info);
}

/* ========================================
   HONORS CLUB — HEADER REDESIGN v1.0
   미니멀 럭셔리 헤더
   ======================================== */

/* ── 1. Top Header: 간소화 ── */
.top-header {
    background: #0F1B2D;
    border-bottom: 1px solid rgba(198,167,110,.15) !important;
}
.top-header-nav li > a {
    color: rgba(255,255,255,.6) !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: .75rem;
    letter-spacing: .3px;
}
.top-header-nav li > a:hover {
    color: #C6A76E !important;
}
.top-header-nav li > a i {
    color: rgba(198,167,110,.5) !important;
    margin-right: 4px !important;
}
/* 커뮤니티/쇼핑몰 토글 숨김 */
.top-header-nav .cs-nav { display: none !important; }
/* 추가메뉴 드롭다운 숨김 */
.top-header-nav li.dropdown { display: none !important; }
/* 편집모드 토글 — 관리자용이므로 스타일만 조정 */
.top-header-nav li .eyoom-form { margin-top: 6px !important; }
.top-header-nav li .eyoom-form .text-black {
    color: rgba(255,255,255,.5) !important;
    font-size: .75rem;
}
/* 접속자 로그인 메시지 숨김 */
#hd_login_msg { display: none !important; }

/* ── 2. Header Title: 로고만 ── */
.header-title {
    border-bottom: 1px solid rgba(198,167,110,.12) !important;
    background: #fff;
}
.header-title .container {
    height: 100px !important;
    justify-content: center;
}
.header-title .title-logo {
    position: relative;
}
.header-title .title-logo img {
    height: 80px !important;
}
/* 검색바 숨김 */
.header-title .header-title-search { display: none !important; }
/* 마이홈/마이페이지 버튼 숨김 */
.header-title .header-title-btn { display: none !important; }

/* ── 3. 네비게이션 바 ── */
.nav-wrap {
    background: #fff;
    border-bottom: 1px solid #EFEAE3;
}
.navbar-nav > li > .nav-link {
    font-family: 'Playfair Display', serif !important;
    font-size: 1rem !important;
    font-weight: 500;
    letter-spacing: .08em;
    color: #0F1B2D !important;
    padding: 14px 12px !important;
    transition: color .25s;
}
.navbar-nav > li > .nav-link:hover,
.navbar-nav > li > .nav-link:focus {
    color: #C6A76E !important;
}
/* 활성 메뉴 */
.navbar-nav > li > .nav-link.active {
    color: #C6A76E !important;
}
/* 드롭다운 서브메뉴 스타일 */
.navbar-nav .dropdown-menu {
    border: 1px solid #EFEAE3 !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.06) !important;
    padding: 8px 0 !important;
}
.navbar-nav .dropdown-menu a {
    font-size: .875rem;
    color: #0F1B2D !important;
    padding: 8px 16px !important;
    transition: all .2s;
}
.navbar-nav .dropdown-menu a:hover,
.navbar-nav .dropdown-menu a.active {
    color: #C6A76E !important;
    background: #F9F7F4 !important;
}
/* 메가메뉴 아이콘 */
.dropdown-mega-menu > a.nav-link {
    color: #0F1B2D !important;
}
.dropdown-mega-menu > a.nav-link:hover {
    color: #C6A76E !important;
}
/* 메가메뉴 드롭다운 */
.mega-menu h5 a {
    color: #0F1B2D !important;
    font-weight: 600;
}
.mega-menu h5 a:hover,
.mega-menu h5 a.active {
    color: #C6A76E !important;
}
.mega-menu .mega-menu-item {
    color: #6B7280 !important;
    font-size: .8125rem;
}
.mega-menu .mega-menu-item:hover,
.mega-menu .mega-menu-item.active {
    color: #C6A76E !important;
}

/* ── 4. 서브페이지 타이틀 ── */
.page-title-wrap {
    background: #0F1B2D !important;
    padding: 28px 0;
}
.page-title-wrap h2 {
    font-family: 'Playfair Display', serif;
    color: #fff !important;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: .08em;
}
.page-title-wrap h2 i {
    color: #C6A76E !important;
    font-size: .875rem;
}
.sub-breadcrumb li,
.sub-breadcrumb li a {
    color: rgba(255,255,255,.4) !important;
    font-size: .75rem;
}
.sub-breadcrumb li a:hover {
    color: #C6A76E !important;
}

/* ── 5. 모바일 반응형 ── */
@media (max-width: 991px) {
    .header-title .container {
        justify-content: flex-start;
    }
    /* 모바일 메뉴/검색 아이콘 */
    .header-title-mobile-btn .navbar-toggler {
        color: #0F1B2D;
    }
}

/* ── 5-1. 모바일 사이드 메뉴 — 브랜드 스타일 ──
   ※ 반드시 모바일 미디어쿼리 안에서만 적용.
     Bootstrap navbar-expand-lg 구조상 .sidebar-left 내부 요소가
     데스크탑에서도 인라인 렌더링되므로, 스코프 없이 적용하면
     데스크탑 네비게이션을 덮어씀. */
@media (max-width: 991.98px) {

/* 사이드바 전체 배경 */
.sidebar-left.offcanvas {
    background-color: #0F1B2D !important;
}
.sidebar-left .sidebar-left-content {
    background: #0F1B2D !important;
    color: #fff;
    height: 100%;
}

/* 헤더 영역 */
.sidebar-left .offcanvas-header {
    background: #0F1B2D;
    border-bottom: 1px solid rgba(198,167,110,.2);
    padding: 20px 20px 16px;
}
.sidebar-left .offcanvas-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 1.125rem !important;
    font-weight: 500;
    letter-spacing: 3px;
    color: #C6A76E !important;
}
.sidebar-left .offcanvas-title i {
    display: none !important;
}
.sidebar-left .offcanvas-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: .5;
}
.sidebar-left .offcanvas-header .btn-close:hover {
    opacity: .9;
}

/* 회원 메뉴 영역 — Eyoom 기본 #e5e5e5 배경 제거 */
.sidebar-left .sidebar-member-menu {
    background-color: transparent !important;
    border-top: none !important;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
/* 쇼핑몰 버튼 숨김 */
.sidebar-left .sidebar-member-menu .btn-e-navy {
    display: none !important;
}
.sidebar-left .sidebar-member-btn-box {
    display: block !important;
    float: left !important;
    width: 49% !important;
}
.sidebar-left .sidebar-member-btn {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(198,167,110,.25) !important;
    color: #fff !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.4 !important;
    border-radius: 6px;
    font-family: 'Pretendard', sans-serif;
    font-size: .8125rem;
    font-weight: 400;
    padding: 11px 0;
    text-align: center;
    transition: all .25s;
}
.sidebar-left .sidebar-member-btn:hover {
    background: rgba(198,167,110,.12) !important;
    border-color: rgba(198,167,110,.45) !important;
    color: #C6A76E !important;
}
.sidebar-left .sidebar-member-btn .badge {
    background: #C6A76E !important;
    color: #0F1B2D !important;
    font-size: .625rem;
    vertical-align: middle;
}

/* 네비게이션 메뉴 */
.sidebar-left .navbar-nav {
    padding: 8px 0;
}
.sidebar-left .navbar-nav > li > .nav-link {
    font-family: 'Pretendard', sans-serif !important;
    font-size: .9375rem !important;
    font-weight: 400;
    color: rgba(255,255,255,.75) !important;
    padding: 13px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,.04);
    transition: all .2s;
}
.sidebar-left .navbar-nav > li > .nav-link:hover,
.sidebar-left .navbar-nav > li > .nav-link:focus {
    color: #C6A76E !important;
    background: rgba(198,167,110,.06);
}
/* HONORS CLUB 타이틀 → 홈 링크 */
.sidebar-left .offcanvas-title a {
    color: #C6A76E !important;
    text-decoration: none;
    transition: opacity .2s;
}
.sidebar-left .offcanvas-title a:hover {
    opacity: .75;
    text-decoration: none;
}

/* 서브메뉴 토글 화살표 */
.sidebar-left .cate-dropdown-open {
    color: rgba(255,255,255,.3) !important;
}
.sidebar-left .cate-dropdown-open:hover {
    color: #C6A76E !important;
}

/* 드롭다운 서브메뉴 */
.sidebar-left .navbar-nav .dropdown-menu {
    background: transparent !important;
    border: none !important;
    border-left: 2px solid rgba(198,167,110,.2) !important;
    margin-left: 16px;
    padding: 4px 0 !important;
    box-shadow: none !important;
}
.sidebar-left .navbar-nav .dropdown-menu:after {
    display: none !important;
}
.sidebar-left .navbar-nav .dropdown-menu a,
.sidebar-left .navbar-nav .dropdown-menu > li > a,
.sidebar-left .navbar-nav .dropdown-submenu > a,
.sidebar-left .navbar-nav .dropdown-menu .dropdown-item,
.sidebar-left .navbar-nav .dropdown-menu .dropdown-item.nav-link {
    color: rgba(255,255,255,.6) !important;
    background: transparent !important;
    background-color: transparent !important;
    font-family: 'Pretendard', sans-serif;
    font-size: .8125rem;
    padding: 10px 16px !important;
    border-top: 1px solid rgba(198,167,110,.08) !important;
    border-bottom: none !important;
    line-height: 1.5;
}
.sidebar-left .navbar-nav .dropdown-submenu > a:after {
    display: none !important;
}
.sidebar-left .navbar-nav .dropdown-menu a:hover,
.sidebar-left .navbar-nav .dropdown-menu a.active,
.sidebar-left .navbar-nav .dropdown-submenu > a:hover,
.sidebar-left .navbar-nav .dropdown-submenu > a.active,
.sidebar-left .navbar-nav .dropdown-menu .dropdown-item:hover,
.sidebar-left .navbar-nav .dropdown-menu .dropdown-item.active {
    color: #C6A76E !important;
    background: rgba(198,167,110,.06) !important;
    background-color: rgba(198,167,110,.06) !important;
}
/* 서브메뉴 마커 */
.sidebar-left .navbar-nav .dropdown-menu .submenu-marker {
    border-color: rgba(198,167,110,.4) !important;
}

/* 3뎁스 메뉴 */
.sidebar-left .navbar-nav .dropdown-menu .dropdown-menu {
    margin-left: 12px;
    border-left-color: rgba(198,167,110,.1) !important;
}

/* 메가메뉴 모바일 숨김 (데스크탑 전용이므로) */
.sidebar-left .dropdown-mega-menu {
    display: none !important;
}

/* 관리자 편집 버튼 — 사이드바 안에서 */
.sidebar-left .adm-edit-btn {
    opacity: .5;
}

} /* end @media (max-width: 991.98px) — 사이드바 브랜드 스타일 */

/* ── 6. 마이페이지 — 간소화 ── */

/* 기존 Eyoom 마이페이지 탭메뉴 숨김 */
.tab-scroll-category { display: none !important; }

/* 기존 Eyoom my-info 인라인 스타일 오버라이드 (혹시 남아있을 경우) */
.my-info { display: none !important; }

/* HC 마이페이지 — 가입정보 카드 */
.hc-myinfo {
    max-width: 640px;
    margin: 0 auto 32px;
    border: 1px solid #EFEAE3;
    border-radius: 4px;
    overflow: hidden;
}
.hc-myinfo-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    background: #0F1B2D;
    color: #fff;
}
.hc-myinfo-name {
    font-family: 'Pretendard', sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    margin: 0;
    color: #fff;
}
.hc-myinfo-label {
    font-weight: 300;
    color: rgba(255,255,255,.55);
    font-size: .9375rem;
    margin-left: 2px;
}
.hc-myinfo-actions {
    display: flex;
    gap: 8px;
}
.hc-myinfo-btn {
    display: inline-block;
    padding: 6px 16px;
    font-size: .75rem;
    font-family: 'Pretendard', sans-serif;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 3px;
    color: rgba(255,255,255,.75);
    text-decoration: none;
    transition: all .2s;
}
.hc-myinfo-btn:hover {
    border-color: #C6A76E;
    color: #C6A76E;
    text-decoration: none;
}
.hc-myinfo-btn-admin {
    border-color: rgba(198,167,110,.4);
    color: #C6A76E;
}
.hc-myinfo-body {
    padding: 16px 24px;
    background: #fff;
}
.hc-myinfo-row {
    display: flex;
    align-items: baseline;
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid #f2ede6;
}
.hc-myinfo-row:last-child {
    border-bottom: none;
}
.hc-myinfo-row dt {
    width: 72px;
    flex-shrink: 0;
    font-size: .8125rem;
    color: #999;
    font-weight: 400;
}
.hc-myinfo-row dd {
    margin: 0;
    font-size: .875rem;
    color: #0F1B2D;
}

/* HC 상담내역 리스트 — 브랜드 미세 조정 */
.respond-list .rl-wrap {
    border-top-color: #0F1B2D;
}
.respond-list .rl-head {
    background-color: #F9F7F4;
    font-family: 'Pretendard', sans-serif;
}
.respond-list .rl-list {
    background-color: #fff;
}
.respond-list .rl-list .rl-subj a:hover {
    color: #C6A76E;
}
.respond-list .rl-no-list {
    color: #bbb;
    font-family: 'Pretendard', sans-serif;
}

/* 모바일 대응 */
@media (max-width: 576px) {
    .hc-myinfo-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 16px 20px;
    }
    .hc-myinfo-body {
        padding: 12px 20px;
    }
    .hc-myinfo-row dt {
        width: 60px;
        font-size: .75rem;
    }
    .hc-myinfo-row dd {
        font-size: .8125rem;
    }
}

/* ── 7. 콘텐츠 페이지 (pages/) ── */

/* Hero 영역 */
.hc-page-hero {
    background: #0F1B2D;
    padding: 48px 0 40px;
    text-align: center;
}
.hc-page-hero-en {
    display: block;
    font-family: 'Playfair Display', serif;
    font-size: .6875rem;
    letter-spacing: 4px;
    color: #C6A76E;
    margin-bottom: 8px;
}
.hc-page-hero-title {
    font-family: 'Pretendard', sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    color: #fff;
    margin: 0;
}
.hc-page-hero-desc {
    font-size: .8125rem;
    color: rgba(255,255,255,.45);
    margin-top: 10px;
}

/* 콘텐츠 영역 */
.hc-page-content {
    padding: 48px 0 60px;
    min-height: 400px;
}

/* 준비중 표시 */
.hc-coming-soon {
    text-align: center;
    padding: 80px 20px;
}
.hc-coming-icon {
    font-size: 2.5rem;
    color: #C6A76E;
    margin-bottom: 20px;
    opacity: .6;
}
.hc-coming-title {
    font-family: 'Pretendard', sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    color: #0F1B2D;
    margin-bottom: 12px;
}
.hc-coming-desc {
    font-size: .875rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 28px;
}
.hc-coming-btn {
    display: inline-block;
    padding: 10px 28px;
    font-size: .8125rem;
    font-family: 'Pretendard', sans-serif;
    color: #0F1B2D;
    border: 1px solid #D5D0C8;
    border-radius: 3px;
    text-decoration: none;
    transition: all .2s;
}
.hc-coming-btn:hover {
    border-color: #C6A76E;
    color: #C6A76E;
    text-decoration: none;
}

@media (max-width: 576px) {
    .hc-page-hero {
        padding: 32px 0 28px;
    }
    .hc-page-hero-title {
        font-size: 1.125rem;
    }
    .hc-coming-soon {
        padding: 48px 16px;
    }
}

/* ── 8. 푸터 ── */
.footer {
    background: #0F1B2D !important;
    color: rgba(255,255,255,.5);
    padding: 40px 0 32px;
    border-top: 1px solid #C6A76E;
}
.footer-top {
    border-bottom: 1px solid rgba(198,167,110,.15);
    padding-bottom: 16px;
    margin-bottom: 20px;
}
.footer-nav a,
.footer-right-nav a {
    color: rgba(255,255,255,.55) !important;
    font-size: .8125rem;
    letter-spacing: .3px;
    transition: color .2s;
}
.footer-nav a:hover,
.footer-right-nav a:hover {
    color: #C6A76E !important;
}
.footer-cont-info {
    color: rgba(255,255,255,.35);
    font-size: .75rem;
    line-height: 1.8;
}
.footer-cont-info strong.text-black {
    color: rgba(255,255,255,.7) !important;
}
.footer-cont-info .info-divider {
    color: rgba(255,255,255,.15);
}
.footer-copyright {
    color: rgba(255,255,255,.25);
    font-size: .6875rem;
    margin-top: 16px;
}
.footer-copyright strong.text-black {
    color: rgba(255,255,255,.5) !important;
}

/* ── 7. 히어로 슬라이더 (EB슬라이더 CSS 오버라이드) ── */
.main-slider-top {
    position: relative;
}
.main-slider-top .swiper-cont h2,
.main-slider-top .swiper-cont h3,
.main-slider-top .swiper-cont h4 {
    text-shadow: 0 2px 8px rgba(0,0,0,.45), 0 0 20px rgba(0,0,0,.2) !important;
    font-family: 'Playfair Display', serif;
    letter-spacing: .04em;
}
.main-slider-top .swiper-cont .btn,
.main-slider-top .swiper-cont a.btn {
    background: transparent !important;
    border: 1px solid rgba(198,167,110,.6) !important;
    color: #C6A76E !important;
    font-size: .8125rem;
    letter-spacing: 1px;
    border-radius: 2px;
    padding: 10px 32px;
    transition: all .25s;
}
.main-slider-top .swiper-cont .btn:hover,
.main-slider-top .swiper-cont a.btn:hover {
    background: #C6A76E !important;
    color: #0F1B2D !important;
    border-color: #C6A76E !important;
}
/* 슬라이더 페이지네이션 */
.main-slider-top .swiper-pagination-bullet {
    background: rgba(255,255,255,.4);
    opacity: 1;
}
.main-slider-top .swiper-pagination-bullet-active {
    background: #C6A76E;
}
/* 슬라이더 네비 화살표 */
.main-slider-top .swiper-button-next,
.main-slider-top .swiper-button-prev {
    color: rgba(255,255,255,.6);
}
.main-slider-top .swiper-button-next:hover,
.main-slider-top .swiper-button-prev:hover {
    color: #C6A76E;
}

/* ═══════════════════════════════════════
   HC Design Improvement 2026-04-10
   ═══════════════════════════════════════ */

/* ── DI-1. 접속자 수 위젯 숨김 ── */
.top-header-nav li a[href*="current_connect"] { display: none !important; }

/* ── DI-2. 네비게이션 드롭다운 리디자인 (네이비+골드) ── */
.navbar-nav .dropdown-menu {
    background: #0F1B2D !important;
    border: 1px solid rgba(198,167,110,.2) !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.18) !important;
    padding: 10px 0 !important;
    min-width: 200px;
}
.navbar-nav .dropdown-menu a {
    font-family: 'Pretendard', -apple-system, sans-serif !important;
    font-size: .875rem;
    color: rgba(255,255,255,.75) !important;
    padding: 10px 20px !important;
    transition: all .2s;
    letter-spacing: .02em;
}
.navbar-nav .dropdown-menu a:hover,
.navbar-nav .dropdown-menu a.active {
    color: #C6A76E !important;
    background: rgba(198,167,110,.08) !important;
}

/* ── DI-3. CTA 버튼 강화 (골드 솔리드) ── */
/* 메인 페이지 상담 CTA */
.hc-main-consult-btn {
    display: inline-block !important;
    background: #C6A76E !important;
    color: #fff !important;
    border: 2px solid #C6A76E !important;
    padding: 14px 36px !important;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 3px;
    transition: all .3s ease;
    text-decoration: none !important;
}
.hc-main-consult-btn:hover {
    background: #D4B97E !important;
    border-color: #D4B97E !important;
    color: #fff !important;
    box-shadow: 0 4px 20px rgba(198,167,110,.35);
    transform: translateY(-1px);
}
/* 리조트 목록 추천 배너 CTA */
.hc-rec-promo-btn {
    display: inline-block !important;
    background: #C6A76E !important;
    color: #fff !important;
    border: 2px solid #C6A76E !important;
    padding: 14px 36px !important;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 3px;
    transition: all .3s ease;
    text-decoration: none !important;
}
.hc-rec-promo-btn:hover {
    background: #D4B97E !important;
    border-color: #D4B97E !important;
    color: #fff !important;
    box-shadow: 0 4px 20px rgba(198,167,110,.35);
    transform: translateY(-1px);
}

/* ── DI-4. 리조트 카드 hover 효과 ── */
.board-gallery .gallery-item .gallery-item-in {
    transition: all .3s cubic-bezier(.22,1,.36,1) !important;
}
.board-gallery .gallery-item .gallery-item-in:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,.12) !important;
    border-color: rgba(198,167,110,.3) !important;
}
/* 리조트 카드 이미지 줌 효과 */
.board-gallery .gallery-item .gallery-item-image-in img {
    transition: transform .4s cubic-bezier(.22,1,.36,1);
}
.board-gallery .gallery-item:hover .gallery-item-image-in img {
    transform: scale(1.03);
}

/* ── DI-5. 스크롤 애니메이션 ── */
.hc-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);
}
.hc-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}
/* 순차적 딜레이 */
.hc-reveal-d1 { transition-delay: .1s; }
.hc-reveal-d2 { transition-delay: .2s; }
.hc-reveal-d3 { transition-delay: .3s; }

/* ── DI-6. 상담 폼 레이아웃 개선 ── */
/* 상위 board 래퍼의 과도한 여백 제거 */
.board-write .hc-consult-write {
    max-width: 800px;
    margin: 0 auto;
}

/* ── DI-7. 보드 컨텐츠 상단 공백 축소 ── */
/* 리조트 목록: 페이지 정보 영역 상단 여백 */
.board-list .board-info { margin-top: 0; }
/* Eyoom 보드 카테고리 빈 영역 여백 제거 */
.bo_vc { display: none; }
.board-head:empty { display: none; }
#bo_cate { margin: 0; padding: 0; }
#bo_cate:empty { display: none; }

/* ── 모바일 전역 오버플로우 방지 (2026-04-14) ── */

/* Eyoom #offcanvasRight — 닫힌 상태에서 문서 너비 밀어냄 방지 (근본 원인) */
#offcanvasRight:not(.show) { display: none !important; }

@media (max-width: 768px) {
    html, body { overflow-x: hidden !important; max-width: 100vw !important; }

    /* 관리자 갤러리 체크박스 — 카드 밖 넘침 방지 */
    .gallery-checkbox { position: absolute !important; right: 4px !important; top: 4px !important; z-index: 5; }

    /* 보드 레이아웃 — 뷰포트 기준 강제 제한 */
    .board-list, .board-gallery, .board-view {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
}