/* 유데브앱 정적판 보정 — 원본 테마의 모바일 가로 넘침 대응
   데스크톱(992px 이상) 렌더에는 영향 없음. 2026-08-26 */

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
    max-width: 100%;
  }
  /* 이미지가 컨테이너를 밀어내지 않도록 */
  img { max-width: 100%; height: auto; }

  /* 부트스트랩 .container 가 뷰포트를 넘지 않게 */
  .container, .container-fluid {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  /* 우측 고정 배너가 좁은 화면에서 본문을 가리지 않도록 */
  .fly { display: none; }
}

@media (max-width: 640px) {
  /* 히어로 문구가 잘리지 않게 */
  #hero h1 { font-size: 2.1em; line-height: 1.35; }
}

/* 모바일 메뉴 — href 없는 <a> 가 흰 글씨로 계산돼 흰 배경에 안 보이던 문제 */
.mobile-nav a,
.mobile-nav a span { color: #222222 !important; }
.mobile-nav .drop-down ul a { color: #444444 !important; }

/* 상단 메뉴 — 원본은 li{width:20%} 고정이라 5개일 때만 폭이 맞는다.
   항목 수가 바뀌어도 균등하게 차도록 flex 로 전환 (992px 이상에서만 적용) */
@media (min-width: 992px) {
  .nav-menu > ul { display: flex; width: 100%; }
  .nav-menu > ul > li { width: auto; flex: 1 1 0; float: none; }
  .nav-menu > ul > li > ul { flex: none; }   /* 드롭다운은 절대배치 유지 */
}

/* ── 이미지 라이트박스 ───────────────────────────────── */
#udev-lb { position:fixed; inset:0; z-index:99999; display:none;
  background:rgba(12,14,24,.92); backdrop-filter:blur(2px); }
#udev-lb.on { display:block; }
#udev-lb .lb-stage { position:absolute; inset:0; display:flex; align-items:center;
  justify-content:center; overflow:hidden; }
#udev-lb .lb-img { max-width:88vw; max-height:88vh; cursor:grab; user-select:none;
  -webkit-user-drag:none; transform-origin:center center; transition:none;
  box-shadow:0 20px 60px rgba(0,0,0,.5); border-radius:6px; background:#fff; }
#udev-lb button { position:absolute; background:rgba(255,255,255,.10); color:#fff;
  border:1px solid rgba(255,255,255,.22); border-radius:50%; cursor:pointer;
  font-size:28px; line-height:1; width:52px; height:52px; transition:.18s; }
#udev-lb button:hover { background:rgba(255,255,255,.24); }
#udev-lb .lb-close { top:22px; right:24px; font-size:30px; }
#udev-lb .lb-prev  { left:24px;  top:50%; transform:translateY(-50%); }
#udev-lb .lb-next  { right:24px; top:50%; transform:translateY(-50%); }
#udev-lb .lb-hint { position:absolute; left:0; right:0; bottom:22px; text-align:center;
  color:rgba(255,255,255,.62); font-size:13px; letter-spacing:.2px; }
@media (max-width:640px){
  #udev-lb .lb-prev, #udev-lb .lb-next { width:42px; height:42px; font-size:22px; }
  #udev-lb .lb-hint { font-size:11px; }
}