/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 29 2025 | 10:46:11 */
/* ─────────────────────
   햄버거(열기) 버튼
   ───────────────────── */
.menu-btn .elementor-button,
.menu-btn.elementor-widget-icon{
  background:#111827; color:#fff;
  border-radius:9999px;
  width:44px; height:44px;
  display:inline-flex; align-items:center; justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.2);
  z-index:10001;
}

/* ─────────────────────
   사이드바(기본은 오른쪽 밖)
   ───────────────────── */
.side-menu{
  position:fixed; top:0; right:-320px;  /* 기본 숨김 */
  width:320px; max-width:86vw; height:100vh;
  background:#0b132b; color:#fff;
  z-index:10000; padding:24px 20px;
  box-shadow:-12px 0 30px rgba(0,0,0,.25);
  transition:right .3s ease;
  overflow-y:auto;
  overflow-x:visible; /* 혹시 우측이 잘리는 경우 대비 */
}

/* 편집기에서 항상 보이게(작업 편의) */
.elementor-editor-active .side-menu{ right:0 !important; }
.elementor-editor-active .menu-overlay{ display:none !important; }
.elementor-editor-active .side-menu{ outline:2px dashed #38bdf8; }

/* ─────────────────────
   Nav Menu 링크 스타일
   ───────────────────── */
.side-menu .elementor-nav-menu a{ color:#fff; }
.side-menu .elementor-nav-menu a:hover{
  background:rgba(255,255,255,.08); border-radius:8px;
}

/* ─────────────────────
   닫기(X) 버튼 - 위젯 아이콘만 사용 (강제 ::after 제거)
   닫기 버튼 위젯의 CSS 클래스 = close-btn
   ───────────────────── */
.side-menu .close-btn{
  position:absolute; top:16px; right:16px;
  width:40px; height:40px;
  margin:0 !important; padding:0 !important;
  z-index:10002; cursor:pointer;
}
/* 강제로 넣던 X 없애기(중복 방지) */
.side-menu .close-btn::after{ content:none !important; }
/* 아이콘/버튼 모양 통일 */
.side-menu .close-btn .elementor-button,
.side-menu .close-btn .elementor-icon{
  width:40px; height:40px; line-height:40px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(17,24,39,.85);
  color:#fff; border-radius:9999px; box-shadow:0 4px 14px rgba(0,0,0,.25);
}
/* 텍스트가 있으면 숨김(아이콘만 보이게) */
.side-menu .close-btn .elementor-button-text{ display:none; }

/* ─────────────────────
   오버레이
   ───────────────────── */
.menu-overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,.45);
  z-index:9999; opacity:0;
  transition:opacity .3s ease;
  pointer-events:none; /* 닫힘상태 클릭 방지 */
}

/* 열린 상태 */
.offcanvas-open .side-menu{ right:0; }
.offcanvas-open .menu-overlay{ opacity:1; pointer-events:auto; }

/* 모바일 폭 보정 */
@media (max-width:480px){
  .side-menu{ width:86vw; }
}