/* ISD GNB Mega — 프리뷰 패널.  범위는 메가메뉴 안쪽으로만. !important 사용 금지. */
.isd-gnb__mega-inner .isd-gm { position: relative; overflow: hidden; }

.isd-gnb__mega-inner .isd-gm__shot {
  /* 카드 안쪽 여백만큼 밖으로 빼서 '가장자리까지 꽉 찬' 사진으로 만든다.
     여백 값(--isd-gm-pad)은 JS 가 실제 카드에서 읽어 넣는다 → 테마가 바뀌어도 어긋나지 않는다. */
  display: block; aspect-ratio: 16 / 10;                /* 높이 고정 → 그림이 바뀌어도 화면이 밀리지 않는다 */
  margin: calc(-1 * var(--isd-gm-pad, 0px)) calc(-1 * var(--isd-gm-pad, 0px)) 16px;
  width: auto; overflow: hidden; position: relative;
  border-radius: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0;  /* 카드 모서리와 정확히 일치 */
  background: linear-gradient(135deg, #1F7A4D 0%, #25257E 55%, #C9A15A 100%);
  box-shadow: 0 6px 18px rgba(37, 37, 126, .18);
}
.isd-gnb__mega-inner .isd-gm__shot::after {          /* 네이비 스크림 — 글자와 톤을 맞춘다 */
  content: ""; position: absolute; inset: 0; background: rgba(37, 37, 126, .10); pointer-events: none;
}
.isd-gnb__mega-inner .isd-gm__img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; display: block;
  opacity: 0; will-change: opacity;
}
.isd-gnb__mega-inner .isd-gm.is-noshot .isd-gm__shot { background: linear-gradient(135deg, #25257E 0%, #1F7A4D 100%); }

.isd-gnb__mega-inner .isd-gm__default,
.isd-gnb__mega-inner .isd-gm__live { display: block; }
/* hidden 속성이 클래스 규칙에 지지 않게 한다 — 이게 없으면 기본 카드와 미리보기가 동시에 보인다 */
.isd-gnb__mega-inner .isd-gm__default[hidden],
.isd-gnb__mega-inner .isd-gm__live[hidden] { display: none; }
.isd-gnb__mega-inner .isd-gm__live { opacity: 0; }
.isd-gnb__mega-inner .isd-gm__live strong,
.isd-gnb__mega-inner .isd-gm__default strong { display: block; }
.isd-gnb__mega-inner .isd-gm__live small,
.isd-gnb__mega-inner .isd-gm__default small { display: block; }

/* 직원 전용 항목 — 사진 대신 자물쇠만 */
.isd-gnb__mega-inner .isd-gm.is-locked .isd-gm__shot::before {
  content: "🔒"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  font-size: 30px; opacity: .85;
}

/* 카드에 마우스를 올렸을 때 살짝 떠오른다 */
.isd-gnb__mega-inner .isd-gm { transition: transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s; }
.isd-gnb__mega-inner .isd-gm:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(37,37,126,.14); }

/* 왼쪽 목록: 화살표가 살짝 나가고, 포커스 링이 보인다 */
.isd-gnb__mega-inner a.isd-gnb__sub-link .isd-gnb__link-arrow { transition: transform .14s cubic-bezier(.22,.61,.36,1); }
.isd-gnb__mega-inner a.isd-gnb__sub-link:hover .isd-gnb__link-arrow,
.isd-gnb__mega-inner a.isd-gnb__sub-link:focus-visible .isd-gnb__link-arrow { transform: translateX(4px); }
.isd-gnb__mega-inner a.isd-gnb__sub-link:focus-visible { outline: 2px solid #1F7A4D; outline-offset: 2px; border-radius: 8px; }

/* 새로 만든 카드(About·Partners·Explore)는 기존 카드와 같은 자리에 오도록만 해 준다 */
.isd-gnb__mega-inner .isd-gm--new { display: block; }

/* 태블릿·모바일(≤1160px, 드로어 전환 구간부터)에서는 사진을 쓰지 않는다 — 데이터·높이 절약 */
@media (max-width: 1160px) {
  .isd-gnb__mega-inner .isd-gm__shot { display: none; }
}

/* 움직임을 줄이도록 설정한 기기에서는 전부 즉시 전환 */
@media (prefers-reduced-motion: reduce) {
  .isd-gnb__mega-inner .isd-gm,
  .isd-gnb__mega-inner .isd-gm__img,
  .isd-gnb__mega-inner a.isd-gnb__sub-link .isd-gnb__link-arrow { transition: none; }
  .isd-gnb__mega-inner .isd-gm:hover { transform: none; }
}