/* 메뉴줄 아이콘 v2 (live 적용 2026-10-27) — board.css 뒤에 붙음 */
@media(min-width:900px){
  #hd .hnav .pcnav{gap:17px}
  #hd .hnav .pcnav a{display:inline-flex;align-items:center;gap:3px}
  #hd .hnav .pcnav a .nvi{width:24px;height:24px;flex:none;display:block;transform-origin:50% 90%;
    animation:nvIdle 3.2s ease-in-out infinite;animation-delay:calc(var(--i,0) * -.27s);will-change:transform}
  #hd .hnav .pcnav a:hover .nvi{animation:nvHop .62s cubic-bezier(.3,1.6,.5,1) infinite}
  #hd .hnav .pcnav a:active .nvi,#hd .hnav .pcnav a .nvi.nv-down{animation:none;transform:scale(1.22,.74);transition:transform .07s ease-out}
  #hd .hnav .pcnav a .nvi.nv-spring{animation:nvSpring .5s cubic-bezier(.3,1.6,.5,1) both}
}
@media(min-width:900px) and (max-width:1279px){#hd .hnav .pcnav{gap:12px}#hd .hnav .pcnav a .nvi{width:22px;height:22px}#hd .hnav .pcnav a{gap:2px}}
@media(min-width:900px) and (max-width:1099px){#hd .hnav .pcnav{gap:8px;font-size:14.5px}#hd .hnav .pcnav a .nvi{width:20px;height:20px}}
/* 평소: 아주 약하게 살짝 통 */
@keyframes nvIdle{0%,78%,100%{transform:none}84%{transform:translateY(-1.5px) scale(.98,1.03)}90%{transform:translateY(0) scale(1.04,.96)}95%{transform:none}}
/* 마우스 올리면: 통통 */
@keyframes nvHop{0%{transform:scale(1.12,.86)}30%{transform:translateY(-6px) scale(.92,1.1)}55%{transform:translateY(0) scale(1.14,.84)}72%{transform:translateY(-2px) scale(.97,1.04)}100%{transform:scale(1.12,.86)}}
/* 눌렀다 떼면: 찌그러졌다 튕김 */
@keyframes nvSpring{0%{transform:scale(1.22,.74)}35%{transform:translateY(-7px) scale(.86,1.16)}60%{transform:translateY(0) scale(1.08,.93)}80%{transform:scale(.97,1.03)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){#hd .hnav .pcnav a .nvi,#hd .hnav .pcnav a:hover .nvi,#hd .hnav .pcnav a:active .nvi,#hd .hnav .pcnav a .nvi.nv-down,#hd .hnav .pcnav a .nvi.nv-spring{animation:none!important;transform:none!important;transition:none!important}}
/* 판매자 로그인(body.seller)으로 '판매자' 메뉴가 하나 더 보일 때만 간격을 더 줄여 한 줄 유지 */
@media(min-width:900px){body.seller #hd .hnav .pcnav a.sel-only{display:inline-flex!important}
  body.seller #hd .hnav .pcnav{gap:13px}body.seller #hd .hnav .pcnav a{gap:2px}}
@media(min-width:900px) and (max-width:1279px){body.seller #hd .hnav .pcnav{gap:8px}body.seller #hd .hnav .pcnav a{gap:1px}}
@media(min-width:900px) and (max-width:1099px){body.seller #hd .hnav .pcnav{gap:5px;font-size:14px}body.seller #hd .hnav .pcnav a .nvi{width:19px;height:19px}}
/* 900~999px 좁은 PC 폭: 아이콘을 넣으면 넘쳐서 이 폭에서만 아이콘 숨김 (아이콘 넣기 전 모양 그대로) */
@media(min-width:900px) and (max-width:999px){#hd .hnav .pcnav a .nvi{display:none}#hd .hnav .pcnav a{gap:0}body.seller #hd .hnav .pcnav{gap:8px}}