/*
// [Client] /theme/Simple_type-3/css/woodline_main.css
// Version: v1.7.0 (Stable)
// Date: 2026-04-10
// Author: Web-lease_ClaudeCode
// [변경 이력]
// - v1.0.1 : 최초 생성 (Simple_type-3 테마 메인 전용 스타일)
// - v1.1.0 : Hero Section 컨셉 이미지 하드코딩 (PC/MO 분기)
// - v1.2.0 : [Hotfix] 무한 확장 방지(max-width:1920px), background-image 제거, <picture> img 전용 스타일 추가
// - v1.3.0 : [Hotfix] Hero z-index 계층 재정의 (picture:1 / overlay:2 / content:3), flex 밀림 완전 차단
// - v1.4.0 : 컨셉 이미지 100% 동기화 — 정중앙 정렬, 다크니스 오버레이, 타이포/버튼 리빌딩
// - v1.5.0 : 하이엔드 톤앤매너 — filter 부스팅, 비네팅 오버레이, 텍스트 drop-shadow 적용
// - v1.6.0 : Hero height:100vh 폐기 → aspect-ratio: 21/9 도입, 모바일 3:4 분기 추가
// - v1.7.0 : GNB 헤더 블랙 오버라이드 + 타이포그래피 2단 로고 스타일 추가
// [기능 요약]
// 1. WOOD LINE ART 다크 테마 (배경 #121212, 텍스트 #F5F5F7, 포인트 #C5A880)
// 2. Mobile-First 미디어 쿼리 적용
// 3. CSS Transition 기반 모션 (JS 라이브러리 의존 없음)
// 4. 나리야 테마 CSS 충돌 방지 — 모든 클래스에 wla- 네임스페이스 적용
// 5. Hero 배경: <picture> + .wla-hero-img (object-fit: cover, z-index: -1)
// 6. GNB 헤더: 블랙 글라스모피즘, 메뉴 우측 정렬, 2단 골드 타이포 로고
*/

/* =============================================
   0.5. GNB HEADER OVERRIDE (컨셉 이미지 동기화)
   ============================================= */
/* 헤더 전체 배경 블랙 고정 */
#nt_header,
#nt_header #nt_sticky,
#nt_sticky_wrap,
#nt_sticky_wrap.bg-white,
.nt-header,
.bg-white.border-bottom {
  background-color: rgba(18, 18, 18, 0.95) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* LNB 상단 네비 바도 블랙 통일 */
#nt_lnb {
  background-color: rgba(12, 12, 12, 0.98) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
#nt_lnb a {
  color: rgba(255, 255, 255, 0.55) !important;
}
#nt_lnb a:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* PC 메뉴 텍스트 및 배열 우측 정렬 */
#nt_menu .me-ul {
  justify-content: flex-end !important;
}

#nt_menu .me-a {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
}

#nt_menu .me-li.on .me-a,
#nt_menu .me-a:hover {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* 검색 아이콘 화이트 */
#header_pc .fa-search {
  color: rgba(255, 255, 255, 0.7) !important;
}
#header_pc .fa-search:hover {
  color: #ffffff !important;
}

/* 모바일 헤더 배경 블랙 */
#header_mo {
  background-color: rgba(18, 18, 18, 0.95) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* 모바일 메뉴 아이콘 컬러 (화이트) */
.nt-header .fa-bars,
#header_mo .fa-bars {
  color: #ffffff !important;
}
#header_mo .fa-search {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* 모바일 h3 폰트 컬러 오버라이드 */
#header_mo h3,
#header_mo h3 a {
  color: #ffffff !important;
}

/* ── 타이포그래피 2단 로고 ── */
.wla-header-logo {
  display: inline-block;
  text-decoration: none !important;
  line-height: 1;
}
.wla-header-logo .logo-wrap {
  display: flex;
  align-items: baseline;
  gap: 7px;
  flex-wrap: nowrap !important;
}
.wla-header-logo .logo-main {
  font-family: "Times New Roman", Times, serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #c5a880;
  text-transform: uppercase;
  line-height: 1;
}
.wla-header-logo .logo-sub {
  font-family:
    "Pretendard",
    -apple-system,
    "Apple SD Gothic Neo",
    sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.6);
  position: relative;
  top: -1px;
  white-space: nowrap !important;
}
/* 모바일 로고 — 약간 작게 */
#header_mo .wla-header-logo .logo-main {
  font-size: 22px;
}
#header_mo .wla-header-logo .logo-sub {
  font-size: 10px;
}

/* =============================================
   0. CSS CUSTOM PROPERTIES (Design Tokens)
   ============================================= */
:root {
  /* ── Color ── */
  --wla-bg: #121212;
  --wla-surface: #181818;
  --wla-surface-2: #202020;
  --wla-surface-3: #2a2a2a;
  --wla-accent: #c5a880; /* Wood Tone / Gold */
  --wla-accent-light: #d4bc9a;
  --wla-accent-dim: rgba(197, 168, 128, 0.14);
  --wla-accent-border: rgba(197, 168, 128, 0.3);
  --wla-text-primary: #f5f5f7;
  --wla-text-secondary: rgba(245, 245, 247, 0.62);
  --wla-text-muted: rgba(245, 245, 247, 0.35);
  --wla-border: rgba(255, 255, 255, 0.08);

  /* ── Typography ── */
  --wla-font:
    "Pretendard", -apple-system, "Apple SD Gothic Neo", BlinkMacSystemFont,
    "Segoe UI", sans-serif;

  /* ── Spacing ── */
  --wla-sp-xs: 8px;
  --wla-sp-sm: 16px;
  --wla-sp-md: 24px;
  --wla-sp-lg: 40px;
  --wla-sp-xl: 64px;
  --wla-sp-2xl: 96px;

  /* ── Radius ── */
  --wla-r-sm: 12px;
  --wla-r-md: 18px;
  --wla-r-lg: 24px;
  --wla-r-pill: 500px;

  /* ── Transition ── */
  --wla-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --wla-dur: 0.25s;
  --wla-dur-s: 0.45s;

  /* ── Shadow ── */
  --wla-shadow-card: 0 4px 28px rgba(0, 0, 0, 0.5);
  --wla-shadow-btn: 0 4px 20px rgba(197, 168, 128, 0.3);
}

/* =============================================
   1. RESET (범위 한정 — wla-body 하위)
   ============================================= */
.wla-body {
  font-family: var(--wla-font);
  background-color: var(--wla-bg);
  color: var(--wla-text-primary);
  line-height: 1.65;
  width: 100%; /* 찌그러짐 방지 */
  max-width: 1920px; /* 고해상도 모니터 무한 늘어남 방지 */
  margin: 0 auto; /* 중앙 정렬 */
  position: relative;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.wla-body *,
.wla-body *::before,
.wla-body *::after {
  box-sizing: border-box;
}

.wla-body h1,
.wla-body h2,
.wla-body h3 {
  margin: 0;
  padding: 0;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.wla-body a {
  text-decoration: none;
  color: inherit;
}

.wla-body svg {
  display: block;
}

/* =============================================
   2. UTILITY
   ============================================= */
.wla-eyebrow {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--wla-accent);
  margin: 0 0 var(--wla-sp-sm);
}

.wla-section-title {
  font-size: clamp(1.9rem, 7.5vw, 3.2rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--wla-text-primary);
  word-break: keep-all;
}

.wla-inner {
  width: 100%; /* 찌그러짐 방지 */
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 var(--wla-sp-sm);
}

.wla-br-pc {
  display: none;
}

/* =============================================
   3. BUTTON
   ============================================= */
.wla-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  border-radius: var(--wla-r-pill);
  font-family: var(--wla-font);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  white-space: nowrap;
  transition:
    background-color var(--wla-dur) var(--wla-ease),
    color var(--wla-dur) var(--wla-ease),
    border-color var(--wla-dur) var(--wla-ease),
    transform var(--wla-dur) var(--wla-ease),
    box-shadow var(--wla-dur) var(--wla-ease);
  -webkit-tap-highlight-color: transparent;
}

.wla-btn:active {
  transform: scale(0.97) !important;
}

/* Primary — Gold Fill */
.wla-btn--primary {
  background-color: var(--wla-accent);
  color: #1a1208;
}

.wla-btn--primary:hover,
.wla-btn--primary:focus-visible {
  background-color: var(--wla-accent-light);
  box-shadow: var(--wla-shadow-btn);
  transform: scale(1.04);
}

/* Secondary — Ghost */
.wla-btn--secondary {
  background-color: transparent;
  color: var(--wla-text-primary);
  border: 2px solid rgba(245, 245, 247, 0.5);
}

.wla-btn--secondary:hover,
.wla-btn--secondary:focus-visible {
  background-color: rgba(245, 245, 247, 0.08);
  border-color: var(--wla-text-primary);
  transform: scale(1.04);
}

.wla-btn:focus-visible {
  outline: 3px solid var(--wla-accent);
  outline-offset: 3px;
}

/* =============================================
   4. SECTION 1 : HERO (원본 비율 강제 고정)
   ============================================= */
.wla-hero {
  position: relative;
  width: 100%;
  /* 기존 height: 100vh 삭제됨 */

  /* PC 기준 원본 이미지 시네마틱 와이드 비율 (약 2.14:1) 고정 */
  aspect-ratio: 21 / 9;
  min-height: 600px; /* aspect-ratio 계산 실패 시 높이 0 수축 차단 */
  max-height: 900px; /* 해상도가 너무 클 때 무한정 커지는 것 방지 */

  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: var(--wla-sp-xl) var(--wla-sp-sm) var(--wla-sp-xl);
}

/* 이미지 컨테이너 (절대 띄우기) */
.wla-hero-picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.wla-hero-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  /* 화려함 부스팅: 밝기 15% 증가, 대비 10% 증가, 채도 30% 증가 */
  filter: brightness(1.15) contrast(1.1) saturate(1.3);
}

/* 비네팅 오버레이 (중앙 완전 개방, 외곽만 살짝 누름) */
.wla-hero__bg {
  position: absolute;
  inset: 0;
  /* 중앙 투명도 0% — 이미지 원본 색상 100% 노출, 외곽만 60% 블랙 */
  background: radial-gradient(
    circle at center,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 0.6) 100%
  );
  z-index: 2;
}

/* 컨텐츠 중앙 정렬 컨테이너 */
.wla-hero__content-center {
  position: relative;
  z-index: 3;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 800px;
  padding: 0 20px;
}

/* 타이포그래피 동기화 */
.wla-hero__headline {
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  font-weight: 800;
  color: #ffffff;
  line-height: 1.3;
  letter-spacing: -0.05em;
  margin: 0;
  /* 배경이 밝아져도 글자가 튀어나오도록 그림자 추가 */
  text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.85);
}

.wla-hero__sub {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: rgba(255, 255, 255, 0.9);
  font-weight: 300;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.8);
}

/* 버튼 그룹 */
.wla-hero__cta-group {
  display: flex;
  gap: 16px;
  justify-content: center;
}

.wla-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 16px 36px;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
}

.wla-btn--primary {
  background-color: #222;
  color: #fff;
  border: 1px solid #333;
}

.wla-btn--secondary {
  background-color: transparent;
  color: #c5a880;
  border: 1px solid #c5a880;
}

.wla-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.2);
}

/* 하단 스크롤 인디케이터 */
.wla-hero__scroll-down {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

/* fade-up 진입 애니메이션 */
.wla-eyebrow,
.wla-hero__headline,
.wla-hero__sub,
.wla-hero__cta-group {
  opacity: 0;
  transform: translateY(14px);
  animation: wlaFadeUp var(--wla-dur-s) var(--wla-ease) both;
}

.wla-eyebrow {
  animation-delay: 0.1s;
}
.wla-hero__headline {
  animation-delay: 0.25s;
}
.wla-hero__sub {
  animation-delay: 0.4s;
}
.wla-hero__cta-group {
  animation-delay: 0.55s;
}

@keyframes wlaFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.wla-hero__headline {
  font-size: clamp(2.2rem, 9.5vw, 5.2rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  color: var(--wla-text-primary);
  margin-bottom: var(--wla-sp-md);
  word-break: keep-all;
}

.wla-hero__sub {
  font-size: clamp(0.9rem, 2.8vw, 1.05rem);
  color: var(--wla-text-secondary);
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: var(--wla-sp-lg);
  word-break: keep-all;
}

.wla-hero__cta-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--wla-sp-sm);
}

/* 스크롤 인디케이터 */
.wla-hero__scroll {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.wla-hero__scroll-line {
  display: block;
  width: 1px;
  height: 52px;
  background: linear-gradient(to bottom, transparent, var(--wla-accent));
  margin: 0 auto;
  animation: wlaScrollPulse 2.2s var(--wla-ease) infinite;
}

@keyframes wlaScrollPulse {
  0%,
  100% {
    opacity: 0.25;
    transform: scaleY(0.8);
  }
  50% {
    opacity: 1;
    transform: scaleY(1);
  }
}

/* =============================================
   5. SECTION 2 : SOLUTION (Bento Box)
   ============================================= */
.wla-solution {
  position: relative;
  z-index: 10; /* Hero와 겹치더라도 무조건 위로 덮음 */
  background-color: var(--wla-bg); /* 투명화로 인한 텍스트 겹침 차단 */
  width: 100%;
  padding: var(--wla-sp-xl) 0;
}

.wla-solution__header {
  margin-bottom: var(--wla-sp-lg);
  text-align: center;
  word-break: keep-all;
}

/* Bento Grid */
.wla-bento {
  display: grid;
  width: 100%; /* 찌그러짐 방지 */
  grid-template-columns: 1fr;
  gap: var(--wla-sp-sm);
}

/* 공통 카드 */
.wla-card {
  background-color: var(--wla-surface);
  border: 1px solid var(--wla-border);
  border-radius: var(--wla-r-lg);
  padding: var(--wla-sp-lg) var(--wla-sp-md);
  display: flex;
  flex-direction: column;
  gap: var(--wla-sp-sm);
  box-shadow: var(--wla-shadow-card);
  transition:
    transform var(--wla-dur) var(--wla-ease),
    background-color var(--wla-dur) var(--wla-ease),
    box-shadow var(--wla-dur) var(--wla-ease);
}

.wla-card:hover {
  transform: translateY(-5px);
  background-color: var(--wla-surface-2);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6);
}

/* 카드 아이콘 */
.wla-card__icon {
  width: 54px;
  height: 54px;
  border-radius: var(--wla-r-sm);
  background-color: var(--wla-surface-3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wla-accent);
  flex-shrink: 0;
  transition: background-color var(--wla-dur) var(--wla-ease);
}

.wla-card:hover .wla-card__icon {
  background-color: var(--wla-accent-dim);
}

/* 카드 제목 */
.wla-card__title {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--wla-text-primary);
  letter-spacing: -0.025em;
}

/* 카드 본문 */
.wla-card__text {
  font-size: 0.9rem;
  color: var(--wla-text-secondary);
  line-height: 1.78;
  word-break: keep-all;
  margin: 0;
}

/* 카드 하단 태그 */
.wla-card__tag {
  display: block;
  margin-top: auto;
  padding-top: var(--wla-sp-sm);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wla-text-muted);
  border-top: 1px solid var(--wla-border);
  transition: color var(--wla-dur) var(--wla-ease);
}

.wla-card:hover .wla-card__tag {
  color: var(--wla-accent);
}

/* 카드 변형 — 좌측 골드 보더 (히든 시공) */
.wla-card--bordered {
  border-left: 3px solid var(--wla-accent);
}

/* 카드 변형 — 약간 밝은 서피스 (NRC) */
.wla-card--elevated {
  background-color: var(--wla-surface-2);
}

/* 카드 변형 — 우드톤 그라디언트 (KFI) */
.wla-card--warm {
  background: linear-gradient(135deg, #1c1a17 0%, #1e1b14 100%);
}

/* =============================================
   6. MEDIA QUERIES (Mobile-First)
   ============================================= */

/* Tablet 600px+ */
@media screen and (min-width: 600px) {
  .wla-hero__cta-group {
    flex-direction: row;
    justify-content: center;
  }

  .wla-bento {
    grid-template-columns: repeat(2, 1fr);
  }

  .wla-card--bordered {
    grid-column: 1 / -1;
  }
}

/* Desktop 960px+ */
@media screen and (min-width: 960px) {
  .wla-solution {
    padding: var(--wla-sp-2xl) 0;
  }

  .wla-inner {
    padding: 0 var(--wla-sp-lg);
  }

  .wla-bento {
    grid-template-columns: repeat(3, 1fr);
  }

  .wla-card--bordered {
    grid-column: auto;
  }

  .wla-br-pc {
    display: block;
  }

  /* Hero — PC 중앙 정렬 유지 (컨셉 이미지 동기화) */
  .wla-hero__content-center {
    max-width: 800px;
  }

  .wla-solution__header {
    text-align: left;
  }

  /* 카드 여백 확장 */
  .wla-card {
    padding: var(--wla-sp-xl) var(--wla-sp-lg);
  }
}

/* Large Desktop 1280px+ */
@media screen and (min-width: 1280px) {
  .wla-hero__content-center {
    max-width: 900px;
  }
}

/* 모바일 — 3:4 세로 비율로 변경하여 가독성 확보 */
@media screen and (max-width: 768px) {
  .wla-hero {
    aspect-ratio: 3 / 4;
    min-height: 500px; /* 모바일 aspect-ratio 계산 실패 시 수축 차단 */
    max-height: none;
  }
}


/* =============================================
   7. FOOTER OVERRIDE (3-Column High-end)
   ============================================= */
.wla-footer {
  background-color: #0a0a0a !important;
  color: rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding: 40px 0 60px;
  font-family: var(--wla-font);
}

/* 상단 링크 메뉴 */
.wla-footer__links {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding-bottom: 24px;
  margin-bottom: 40px;
}
.wla-footer__links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.wla-footer__links a {
  font-size: 0.85rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.3s ease;
}
.wla-footer__links a:hover {
  color: #c5a880;
}
.wla-text-gold {
  color: #c5a880 !important;
  font-weight: 600;
}

/* 3단 그리드 레이아웃 */
.wla-footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .wla-footer__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

.wla-footer__title {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0 0 20px 0;
  padding: 0;
}

.wla-footer__tel {
  font-size: 1.8rem;
  font-weight: 800;
  color: #c5a880;
  margin: 0 0 12px 0;
  line-height: 1;
}

.wla-footer__info {
  list-style: none;
  padding: 0;
  margin: 0;
}
.wla-footer__info li {
  font-size: 0.85rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.4);
}
.wla-footer__info li strong {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  margin-right: 6px;
}
.wla-mt-3 {
  margin-top: 16px;
}
.wla-text-link {
  color: #c5a880;
  text-decoration: underline;
}

/* 카피라이트 및 에스크로 */
.wla-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wla-copyright {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 600;
  margin: 0;
}
.wla-escrow {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.25);
  margin: 0;
}
@media screen and (min-width: 768px) {
  .wla-footer__bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}


/* =============================================
   8. SUB-PAGE GLOBAL OVERRIDE (Dark Theme)
   ============================================= */
/* 전체 배경 강제 다크화 */
body {
  background-color: var(--wla-bg) !important;
  color: var(--wla-text-primary) !important;
}

/* 타이틀 바 (nt_title) 다크 테마 적용 */
#nt_title {
  background-color: var(--wla-surface) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
#nt_title h2 {
  color: #ffffff !important;
  font-family: var(--wla-font);
}
#nt_title .breadcrumb a,
#nt_title .text-muted {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* 서브페이지 컨텐츠 배경 (게시판, 폼 등 기본 화이트 덮어쓰기) */
#nt_body .bg-white,
#nt_body .na-table,
.nt-container .bg-white {
  background-color: var(--wla-surface) !important;
  color: var(--wla-text-primary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 나리야 기본 텍스트 가독성 방어 */
#nt_body .text-muted,
#nt_body .text-dark {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* 서브페이지 폼 인풋 다크화 */
#nt_body input[type="text"],
#nt_body select,
#nt_body textarea {
  background-color: var(--wla-surface-2) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}


/* =============================================
   9. HEADER Z-INDEX & SCROLL BUG FIX (FINAL)
   ============================================= */
/* Z-index 계층 완벽 서열 정리 (Title < LNB < Header < Sticky < Submenu) */
#nt_title { position: relative; z-index: 1005 !important; }

/* 최상단 LNB 노출 방어 및 계층 설정 */
#nt_lnb {
  position: relative;
  z-index: 1010 !important;
  background-color: #0c0c0c !important;
}
#nt_lnb a,
#nt_lnb span,
#nt_lnb strong {
  color: #e0e0e0 !important;
}

/* 헤더 및 스크롤 고정 영역 (JS 높이 계산을 방해하지 않음) */
#nt_header { position: relative; z-index: 1020 !important; }
#nt_sticky { position: relative; z-index: 1020 !important; }

#nt_sticky_wrap {
  position: relative;
  z-index: 1030 !important;
  background-color: rgba(18, 18, 18, 0.98) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 스크롤 시 고정 상태 (나리야 .me-sticky 클래스) */
#nt_sticky_wrap.me-sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1040 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.8) !important;
  /* transition 제거 — JS 연산과 타이틀 점핑 붕괴 원천 차단 */
}

/* 서브메뉴 (풀다운) 절대 방어 — 모든 요소보다 무조건 위 */
#nt_menu .sub-1div,
#nt_menu .sub-full,
#nt_menu .sub-slide {
  z-index: 1060 !important;
  background-color: rgba(18, 18, 18, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.9) !important;
}

/* 서브메뉴 내부 텍스트 가독성 */
#nt_menu .sub-1div a,
#nt_menu .sub-full a,
#nt_menu .sub-slide a {
  color: rgba(255, 255, 255, 0.7) !important;
}
#nt_menu .sub-1div a:hover,
#nt_menu .sub-full a:hover,
#nt_menu .sub-slide a:hover {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}


/* =============================================
   10. MENU SETTINGS & SUB-PAGE UI BUG FIX
   ============================================= */
/* 나리야 메뉴설정 Nestable 클래스 및 부트스트랩 리스트 그룹 덮어쓰기 */
#nt_body .dd-handle,
#nt_body .dd3-content,
#nt_body .list-group-item,
#nt_body .card,
#nt_body .bg-light,
#nt_body .box,
#nt_body .form-control {
  background-color: var(--wla-surface-2) !important;
  color: var(--wla-text-primary) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* 마우스 오버 시 하이라이트 */
#nt_body .dd3-content:hover,
#nt_body .list-group-item:hover {
  background-color: var(--wla-surface-3) !important;
}

/* 폼 라벨 및 설명 텍스트 가독성 확보 */
#nt_body .text-muted,
#nt_body label {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* 서브페이지 기본 버튼(하얀 버튼) 다크화 */
#nt_body .btn-light,
#nt_body .btn-default {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-color: #444444 !important;
}


/* =============================================
   11. FINAL STICKY & UI BUG FIX (OVERRIDE)
   ============================================= */

/* 1. 스크롤 증발/고정 실패의 원인 (Parent Filter) 강제 해제 */
/* 부모 요소가 필터를 가지면 자식의 fixed가 풀려버리는 버그 원천 차단 */
#nt_header,
#nt_header #nt_sticky {
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  border: none !important;
}

/* 2. 실제 고정되는 영역에만 다크 테마 적용 (JS 충돌 방지) */
#nt_sticky_wrap {
  background-color: rgba(18, 18, 18, 0.98) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  z-index: 1030 !important;
}

/* 스크롤 시 화면에 고정되는 상태 (나리야 .me-sticky) */
#nt_sticky_wrap.me-sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1040 !important;
  background-color: rgba(12, 12, 12, 0.98) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: none !important;
}

/* 3. LNB 및 서브메뉴 계층 방어 */
#nt_lnb { z-index: 1010 !important; position: relative; }
#nt_menu .sub-1div,
#nt_menu .sub-full,
#nt_menu .sub-slide { z-index: 1050 !important; }

/* 4. 서브메뉴 구분선 1px 처리 및 겹침(1px 붕괴) 버그 완벽 복구 */
/* 구분선 <li> 태그 자체를 1px 라인으로 디자인 */
#nt_menu .sub-1line,
#nt_menu .sub-2line,
#nt_menu li.sub-1line {
  display: block !important;
  height: 1px !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  margin: 4px 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* 구분선 안의 기본 텍스트(----) 완전히 삭제 */
#nt_menu .sub-1line a,
#nt_menu .sub-2line a {
  display: none !important;
}

/* 서브메뉴 실제 링크 텍스트 정상화 (겹침 해결) */
#nt_menu .sub-1da,
#nt_menu .sub-2da {
  display: block !important;
  height: auto !important;
  color: rgba(255, 255, 255, 0.7) !important;
  padding: 12px 20px !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  background-color: transparent !important;
}

/* 서브메뉴 마우스 오버 시 효과 */
#nt_menu .sub-1da:hover,
#nt_menu .sub-2da:hover {
  color: #ffffff !important;
  font-weight: 600 !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 5. 타이틀바 우측 설명 폰트 시인성 확보 */
#nt_title p,
#nt_title span,
#nt_title div,
#nt_title .font-weight-normal {
  color: rgba(255, 255, 255, 0.5) !important;
}


/* =============================================
   12. SUB-MENU ITEM BORDER HOTFIX (디테일 픽스)
   ============================================= */
/* 서브메뉴 각 링크 항목의 기본 하단 선을 아주 은은한 투명도(4%)로 강제 변경 */
#nt_menu .sub-1da,
#nt_menu .sub-2da {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

/* 메뉴 리스트의 가장 마지막 항목은 하단 선을 제거하여 박스 바닥을 깔끔하게 마감 */
#nt_menu .sub-1dli:last-child > .sub-1da,
#nt_menu .sub-2dli:last-child > .sub-2da {
  border-bottom: none !important;
}


/* =============================================
   13. MOBILE MENU UI REBUILD (Dark Theme)
   ============================================= */
/* 모바일 헤더 기본 배경 블랙화 */
#nt_menu_mobile .wla-mo-header {
  background-color: var(--wla-bg) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* 모바일 서브메뉴 드롭다운 영역 다크화 */
#nt_menu_mobile .wla-mo-sub .bg-surface {
  background-color: var(--wla-surface-2) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.5);
}

/* 서브메뉴 폰트 가독성 및 효과 */
#nt_menu_mobile .wla-mo-sub a {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  transition: color 0.3s ease;
}
#nt_menu_mobile .wla-mo-sub a.text-primary,
#nt_menu_mobile .wla-mo-sub a:hover {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* 스와이퍼 좌우 그라디언트 다크 테마 동기화 */
#nt_menu_mobile .gra-left-primary {
  background: linear-gradient(to right, var(--wla-bg) 0%, rgba(18, 18, 18, 0) 100%) !important;
}
#nt_menu_mobile .gra-right-primary {
  background: linear-gradient(to left, var(--wla-bg) 0%, rgba(18, 18, 18, 0) 100%) !important;
}
#nt_menu_mobile .wla-mo-sub .gra-left-white {
  background: linear-gradient(to right, var(--wla-surface-2) 0%, rgba(32, 32, 32, 0) 100%) !important;
}
#nt_menu_mobile .wla-mo-sub .gra-right-white {
  background: linear-gradient(to left, var(--wla-surface-2) 0%, rgba(32, 32, 32, 0) 100%) !important;
}


/* =============================================
   14. MOBILE MENU OVERLAP FIX & SIDEBAR DARK THEME
   ============================================= */

/* 1. 모바일 스와이퍼 메뉴 텍스트 겹침(Squish) 완벽 방어 */
#nt_menu_mobile ul.d-flex > li {
  flex-shrink: 0 !important;
}

/* 모바일 서브메뉴 클릭 영역 확보 및 디자인 정리 */
#nt_menu_mobile .wla-mo-sub a {
  padding: 12px 16px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  background-color: transparent !important;
}
#nt_menu_mobile .wla-mo-sub a.text-primary,
#nt_menu_mobile .wla-mo-sub a:hover {
  color: #c5a880 !important;
  font-weight: 700 !important;
}

/* 2. 오프캔버스(사이드바) 다크 테마 강제 적용 */
#nt_sidebar,
#nt_sidebar .bg-white,
#nt_sidebar .na-title,
#nt_sidebar .list-group-item,
#nt_sidebar .bg-light {
  background-color: rgba(18, 18, 18, 0.98) !important;
  color: var(--wla-text-primary) !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

/* 사이드바 내부 텍스트 및 링크 가독성 확보 */
#nt_sidebar a,
#nt_sidebar .text-muted,
#nt_sidebar .text-dark {
  color: rgba(255, 255, 255, 0.7) !important;
}
#nt_sidebar a:hover {
  color: #ffffff !important;
}

/* 닫기 버튼(X) 및 아이콘 색상 복구 */
#nt_sidebar .close,
#nt_sidebar .fa {
  color: #ffffff !important;
  text-shadow: none !important;
}


/* =============================================
   15. MOBILE HAMBURGER MENU VISIBILITY HOTFIX
   ============================================= */

/* 1. 테이블 레이아웃 강제 고정 (스와이퍼 팽창으로 인한 밀어내기 차단) */
#nt_menu_mobile .wla-mo-header .na-table {
  table-layout: fixed !important;
  width: 100% !important;
}

/* 2. 햄버거 메뉴 셀 절대 영역 60px 확보 (압착/증발 원천 차단) */
#nt_menu_mobile .wla-mo-header .d-table-cell.nw-1 {
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3. 햄버거 아이콘 터치 영역 최대화 및 시인성 확보 */
#nt_menu_mobile .wla-mo-header .d-table-cell.nw-1 a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 50px !important;
  position: relative;
  z-index: 10;
}
#nt_menu_mobile .wla-mo-header .fa-bars {
  font-size: 22px !important;
  color: #ffffff !important;
}

/* 4. 스와이퍼 영역 너비 엄격 제한 (햄버거 영역 침범 차단) */
#nt_menu_mobile .wla-mo-header .d-table-cell:last-child {
  width: calc(100% - 60px) !important;
  max-width: calc(100% - 60px) !important;
  overflow: hidden !important;
}


/* =============================================
   16. MOBILE SIDEBAR Z-INDEX & MENU CSS HOTFIX
   ============================================= */

/* 1. 사이드바가 모든 메뉴(스와이퍼 포함)를 덮도록 Z-index 최상단 강제 */
#nt_sidebar {
  z-index: 10000 !important;
}
.sidebar-backdrop,
.modal-backdrop {
  z-index: 9999 !important;
}

/* 2. 사이드바 내부 메뉴 리스트의 하얀 배경 강제 투명화 */
#nt_sidebar .sidebar-nav,
#nt_sidebar .sidebar-nav li,
#nt_sidebar .sidebar-nav a,
#nt_sidebar .list-group,
#nt_sidebar .list-group-item,
#nt_sidebar .na-menu {
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

/* 3. 사이드바 메뉴 텍스트 가독성 및 디자인 확보 */
#nt_sidebar .sidebar-nav a,
#nt_sidebar .list-group-item a {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  padding: 12px 16px !important;
}

/* 터치/호버 시 골드 포인트 */
#nt_sidebar .sidebar-nav a:hover,
#nt_sidebar .sidebar-nav a:focus,
#nt_sidebar .list-group-item a:hover {
  color: #c5a880 !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 4. 사이드바 2뎁스 서브메뉴 구분감 부여 */
#nt_sidebar .sidebar-sub,
#nt_sidebar .collapse.show {
  background-color: rgba(0, 0, 0, 0.3) !important;
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.5) !important;
}


/* =============================================
   17. SIDEBAR WHITE-BOX NUKER & BORDER HOTFIX
   ============================================= */

/* 1. 사이드바 내부의 모든 하얀색 배경 원천 투명화 */
#nt_sidebar .bg-white,
#nt_sidebar .bg-light,
#nt_sidebar ul,
#nt_sidebar li,
#nt_sidebar .list-group-item,
#nt_sidebar .na-menu,
#nt_sidebar .tab-content,
#nt_sidebar .widget-box {
  background-color: transparent !important;
  background: none !important;
}

/* 2. 투박한 기본 구분선을 은은한 라인(투명도 6%)으로 일괄 교체 */
#nt_sidebar,
#nt_sidebar .border-bottom,
#nt_sidebar .border-top,
#nt_sidebar .border-left,
#nt_sidebar .border-right,
#nt_sidebar .list-group-item,
#nt_sidebar .nav-tabs {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

/* 3. 텍스트 가독성 복구 */
#nt_sidebar .list-group-item a,
#nt_sidebar .na-menu a,
#nt_sidebar .sidebar-nav a {
  color: rgba(255, 255, 255, 0.75) !important;
  text-shadow: none !important;
  display: block !important;
}

/* 터치/호버 시 골드 하이라이트 */
#nt_sidebar .list-group-item a:hover,
#nt_sidebar .na-menu a:hover,
#nt_sidebar .sidebar-nav a:hover {
  color: #c5a880 !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
}


/* =============================================
   18. SIDEBAR BORDERLESS & SPACING REBUILD
   ============================================= */

/* 1. 대메뉴 및 서브메뉴의 모든 테두리 선 원천 제거 */
#nt_sidebar .na-menu li,
#nt_sidebar .na-menu a,
#nt_sidebar .sidebar-nav li,
#nt_sidebar .sidebar-nav a,
#nt_sidebar .list-group-item,
#nt_sidebar .border-bottom,
#nt_sidebar .border-top {
  border: none !important;
  box-shadow: none !important;
}

/* 2. 선 대신 항목 간 미세한 여백으로 구분 */
#nt_sidebar .na-menu > li,
#nt_sidebar .sidebar-nav > li,
#nt_sidebar .list-group-item {
  margin-bottom: 4px !important;
  background-color: transparent !important;
}

/* 3. 넉넉한 터치 영역 및 라운딩 적용 */
#nt_sidebar .na-menu a,
#nt_sidebar .sidebar-nav a,
#nt_sidebar .list-group-item a {
  padding: 14px 20px !important;
  border-radius: 8px !important;
  transition: all 0.25s ease;
}

/* 4. 서브메뉴(2뎁스) 들여쓰기 뎁스 구분 */
#nt_sidebar .na-menu .na-menu-sub a,
#nt_sidebar .sidebar-nav .sidebar-sub a,
#nt_sidebar .collapse a {
  padding-left: 36px !important;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

/* 5. 호버/터치 시 면(Surface) 하이라이트 */
#nt_sidebar .na-menu a:hover,
#nt_sidebar .sidebar-nav a:hover,
#nt_sidebar .list-group-item a:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #c5a880 !important;
}


/* =============================================
   19. SIDEBAR ABSOLUTE BORDER-KILLER HOTFIX
   ============================================= */

/* 1. 나리야 메뉴 깊은 뎁스의 테두리 이중 적용 절대 파괴 */
#nt_body #nt_sidebar .na-menu,
#nt_body #nt_sidebar .na-menu > li,
#nt_body #nt_sidebar .na-menu > li > a,
#nt_body #nt_sidebar .na-menu .na-menu-sub,
#nt_body #nt_sidebar .na-menu .na-menu-sub > li,
#nt_body #nt_sidebar .na-menu .na-menu-sub > li > a,
#nt_body #nt_sidebar .sidebar-nav li,
#nt_body #nt_sidebar .sidebar-nav a,
#nt_body #nt_sidebar .list-group-item {
  border: none !important;
  border-top: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 2. 가상 요소(::before, ::after)를 이용한 숨겨진 실선 강제 숨김 */
#nt_body #nt_sidebar .na-menu > li::after,
#nt_body #nt_sidebar .na-menu > li::before,
#nt_body #nt_sidebar .na-menu > li > a::after,
#nt_body #nt_sidebar .na-menu > li > a::before,
#nt_body #nt_sidebar .list-group-item::after,
#nt_body #nt_sidebar .list-group-item::before {
  display: none !important;
  content: none !important;
  border: none !important;
}

/* 3. 선이 없어진 빈자리를 패딩과 라운딩으로 채움 */
#nt_body #nt_sidebar .na-menu > li > a {
  padding: 14px 20px !important;
  margin-bottom: 4px !important;
  border-radius: 8px !important;
}


/* =============================================
   20. SIDEBAR ULTIMATE LINE NUKER (최종 병기)
   ============================================= */

/* 1. 최상위 선택자 동원 — border, background-image 라인 꼼수 절대 파괴 */
html body #nt_body #nt_sidebar .na-menu,
html body #nt_body #nt_sidebar .na-menu li,
html body #nt_body #nt_sidebar .na-menu a,
html body #nt_body #nt_sidebar .sidebar-nav,
html body #nt_body #nt_sidebar .sidebar-nav li,
html body #nt_body #nt_sidebar .sidebar-nav a,
html body #nt_body #nt_sidebar .list-group,
html body #nt_body #nt_sidebar .list-group-item,
html body #nt_body #nt_sidebar .widget-box {
  border: 0px !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  border-color: transparent !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* 2. ::before / ::after 가상 요소 선 긋기 꼼수 절대 방어 */
html body #nt_body #nt_sidebar .na-menu li::before,
html body #nt_body #nt_sidebar .na-menu li::after,
html body #nt_body #nt_sidebar .na-menu a::before,
html body #nt_body #nt_sidebar .na-menu a::after,
html body #nt_body #nt_sidebar .sidebar-nav li::before,
html body #nt_body #nt_sidebar .sidebar-nav li::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
  border: none !important;
}

/* 3. 선이 사라진 자리를 여백과 라운딩으로 대체 */
html body #nt_body #nt_sidebar .na-menu > li > a,
html body #nt_body #nt_sidebar .sidebar-nav > li > a {
  padding: 14px 20px !important;
  margin-bottom: 4px !important;
  border-radius: 8px !important;
}

html body #nt_body #nt_sidebar .na-menu > li > a:hover,
html body #nt_body #nt_sidebar .sidebar-nav > li > a:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #c5a880 !important;
}


/* =============================================
   21. SIDEBAR BORDER EXTERMINATION (True Borderless)
   ============================================= */

/* 1. 부트스트랩/나리야 테두리 유틸리티 클래스 무력화 */
#nt_sidebar .border-bottom,
#nt_sidebar .border-top,
#nt_sidebar .border-left,
#nt_sidebar .border-right,
#nt_sidebar .border {
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
}

/* 2. 물리적으로 삽입된 <hr> 태그 완전 숨김 */
#nt_sidebar hr,
#nt_sidebar .na-menu hr {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background-color: transparent !important;
}

/* 3. 메뉴 리스트 테두리 색상 투명 강제 덮어쓰기 */
#nt_sidebar .na-menu,
#nt_sidebar .na-menu li,
#nt_sidebar .na-menu a,
#nt_sidebar .sidebar-nav,
#nt_sidebar .sidebar-nav li,
#nt_sidebar .sidebar-nav a,
#nt_sidebar .list-group,
#nt_sidebar .list-group-item {
  border-width: 0 !important;
  border-color: transparent !important;
  outline: none !important;
}


/* =============================================
   22. SIDEBAR WIDGET EXACT CLASS OVERRIDE (진짜 원인 해결)
   ============================================= */

/* 1. widget.css의 강제 하얀색 테두리(#eee, #dee2e6) 완벽 파괴 */
#nt_sidebar .sidebar-list h5,
#nt_sidebar .sidebar-list ul,
#nt_sidebar .sidebar-list li,
#nt_sidebar .sidebar-list li a {
  border: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* 2. 접속자 통계 영역 등 border-top 클래스 무력화 */
#nt_sidebar .border-top {
  border-top: none !important;
}

/* 3. 보더리스 디자인 — 간격 및 여백 재구성 */
#nt_sidebar .sidebar-list li {
  margin-bottom: 4px !important;
}

#nt_sidebar .sidebar-list li a {
  padding: 14px 20px !important;
  border-radius: 8px !important;
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.7) !important;
  transition: all 0.2s ease !important;
}

/* 4. 서브메뉴 뎁스 구분 들여쓰기 */
#nt_sidebar .sidebar-list .me-ul1 li a {
  padding-left: 36px !important;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
#nt_sidebar .sidebar-list .me-ul2 li a {
  padding-left: 50px !important;
}

/* 5. 터치/호버 하이라이트 */
#nt_sidebar .sidebar-list li a:hover,
#nt_sidebar .sidebar-list li.active > a {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #c5a880 !important;
}


/* =============================================
   23. [Phase 2] PDP HIGH-END MINIMALISM & BUG FIX
   ============================================= */
/* 1. 영카트 & 나리야 하얀색 뼈대 완전 투명화 (최상위 강제) */
html body #nt_body .bg-white,
html body .nt-container .bg-white,
html body #sit,
html body #sit_ov_wrap,
html body .sit_info,
html body #sit_pvi,
html body #sit_ov,
html body #sit_tab {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Float 파괴 및 2단 Flexbox 와이드 분할 (폭 원상복구) */
html body #sit_ov_wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: none !important; /* 무리한 컨테이너 확장 제거 */
    margin: 40px 0 !important;
    padding: 0 !important;
}

html body #sit_pvi { width: 50% !important; float: none !important; padding: 0 !important; }
html body #sit_ov { width: 45% !important; float: none !important; padding: 0 !important; }

/* 3. 하드코딩된 이미지(300x300) 사이즈 강제 리셋 및 확대 */
html body #sit_pvi_big { border: none !important; text-align: center !important; }
html body #sit_pvi_big a.visible img,
html body #sit_pvi_big img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
}

/* 4. 텍스트, 테이블, 옵션 다크 톤앤매너 */
html body #sit_title { color: #fff !important; font-size: 2.2rem !important; font-weight: 800 !important; line-height: 1.3 !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 20px !important; margin-bottom: 20px !important; }
html body #sit_desc { color: rgba(255,255,255,0.5) !important; font-size: 1.1rem !important; padding-bottom: 20px !important; border: none !important; }
html body .sit_ov_tbl th { color: rgba(255,255,255,0.4) !important; border-bottom: 1px solid rgba(255,255,255,0.05) !important; padding: 16px 0 !important; }
html body .sit_ov_tbl td { color: #fff !important; border-bottom: 1px solid rgba(255,255,255,0.05) !important; padding: 16px 0 !important; text-align: right !important; }
html body .sit_op_slc { height: 50px !important; background-color: #1a1a1a !important; color: #fff !important; border: 1px solid #333 !important; border-radius: 6px !important; }
html body #sit_tot_price { color: #C5A880 !important; background: transparent !important; border-top: 2px solid #333 !important; margin-top: 30px !important; padding-top: 20px !important; font-size: 1.5rem !important; text-align: right !important; }

/* 5. 모바일 반응형 (세로 배치) */
@media (max-width: 768px) {
    html body #sit_ov_wrap { flex-direction: column !important; gap: 40px !important; }
    html body #sit_pvi, html body #sit_ov { width: 100% !important; }
}