/* gnb_gift.css v1.3.0 (2026-09-06) — v1.3.0: 달 이미지 → 6px 골드 점(한살림 GNB 어법)
/* gnb_gift.css v1.2.1 (2026-09-04) — v1.2.1: 모바일 라벨 축약에 맞춰 gift 탭 우측 여유 17→13px */
/* v1.2.0 (2026-09-03) — v1.2.0: 모바일 GNB 스코프(header.head_def) 추가 · 달 12px. 아래 v1.0.1/v1.1.0 = PC 전용(선택자 배타) */
/* v1.0.1 (2026-09-03) — PC GNB '한가위 선물' 항목: 글자 우상단 작은 포인트(점)만. 명절 종료 후 header.jsp li·link 줄과 함께 제거 */
.head_menu_wrap .menu_list li a.gift26{ position:relative; }
.head_menu_wrap .menu_list li a.gift26 .gnb_dot{ position:absolute; top:12px; right:-9px; /* v1.0.1: a 높이 48px(글자 세로중앙)라 -3px 는 글자에서 25px 떠 보였다 → 글자 캡 바로 위 */ width:6px; height:6px; border-radius:50%; background:#E08A0A; box-shadow:0 0 0 2px #fff; }

/* v1.1.0 2026-09-03 팀장: "한가위 → 추석으로 변경, 달 이미지 살짝 노출" — 골드 점 대신 히어로와 같은 보름달(chuseok_moon_gnb.png 128px)을 14px로 글자 우상단에 살짝. 글자 캡선에 5px 걸쳐 떠오르는 느낌 */
.head_menu_wrap .menu_list li a.gift26 .gnb_dot.gnb_moon{ width:14px; height:14px; top:6px; right:-15px; border-radius:0; box-shadow:none; background:url("../../images/comm/chuseok_moon_gnb.png") center/contain no-repeat; opacity:.95; filter:drop-shadow(0 0 3px rgba(240,200,110,.55)); }


/* ════════════════════════════════════════════════════════════════════════════
   v1.2.0 (2026-09-03 팀장: "개발 모바일 GNB에 추석 선물 추가")
   모바일 GNB(header.head_def .gnb_wrap, 39px 탭 줄) 전용 스코프.
   마크업 = include/mobile/head_type1_main.jsp 의 li.gnb_gift26 (홈 바로 다음).
   로드    = 같은 파일이 <link> 로 직접 건다(PC 는 include/shop/header.jsp 가 별도로 로드 — 서로 무간섭).
   PC 규칙(.head_menu_wrap …)과 선택자가 배타적이라 위쪽 v1.0.1/v1.1.0 블록은 한 줄도 안 건드린다.
   ★ 명절 종료 후 제거 : 이 블록 전체 + 두 JSP 의 li 줄만 지우면 원복.

   [수치] 달 12px(PC 14px 보다 한 단계 작게 — 모바일 탭 글자 15px 기준 균형)
          li 높이 39px · 글자 15px → 글자 캡선 y≈12. 달 top:7px 로 캡선에 5px 걸쳐 "떠오르는" 배치(PC와 동일 어법).
          right:-10px = li 좌우 패딩 11px 안쪽 → 옆 탭 글자와 겹치지 않고, 가로 스크롤 시 잘리지도 않는다.
   ════════════════════════════════════════════════════════════════════════════ */
header.head_def .gnb_wrap .swiper-slide a.gift26{ position:relative; display:inline-block; }
header.head_def .gnb_wrap .swiper-slide a.gift26 .gnb_dot.gnb_moon{
  position:absolute; top:7px; right:-10px;
  width:12px; height:12px; border-radius:0; box-shadow:none;
  background:url("../../images/comm/chuseok_moon_gnb.png") center/contain no-repeat;
  opacity:.95; filter:drop-shadow(0 0 3px rgba(240,200,110,.55));
}
/* 달이 잘리지 않는 최소 여유만(기본 11 + 2px). 
   2026-09-04: 17→13px — 4px 줄여 390폭 첫 화면에 "신규생활재"가 끝까지 들어오게(달 오른끝 = a.right+10 → 3px 여유 남음). */
header.head_def .gnb_wrap .swiper-slide.gnb_gift26{ padding-right:13px; }

/* ════════════════════════════════════════════════════════════════════════════
   v1.3.0 (2026-09-06 팀장: "추석선물 상단 마크 — 한살림 GNB 참고해서 다시")
   한살림 장보기 GNB 실측: 메뉴 글자 오른쪽 위에 지름 5~6px 주황 점 하나(이미지 없음, 글자 캡선 높이).
   → 보름달 이미지(14/12px, 글자에 걸치는 연출)를 걷어내고 같은 어법의 점으로 바꾼다.
   색 = 사이트 골드 #E3A91F(별점·명절 라벨과 같은 축), 배경·그림자 없음. 마크업 무변경(.gnb_dot.gnb_moon 그대로 덮어씀).
   ════════════════════════════════════════════════════════════════════════════ */
.head_menu_wrap .menu_list li a.gift26 .gnb_dot.gnb_moon{
  width:6px; height:6px; top:13px; right:-8px; border-radius:50%;
  background:#E3A91F; opacity:1; filter:none; box-shadow:none;
}
header.head_def .gnb_wrap .swiper-slide a.gift26 .gnb_dot.gnb_moon{
  width:5px; height:5px; top:9px; right:-7px; border-radius:50%;
  background:#E3A91F; opacity:1; filter:none; box-shadow:none;
}
header.head_def .gnb_wrap .swiper-slide.gnb_gift26{ padding-right:11px; }