/* 네이밍 접두사: nh- (new header). 기존 클래스와 충돌 방지 */
.nh{position:sticky;top:0;left:0;z-index:100;background:#fff;border-bottom:1px solid #EDEDED;will-change:transform;}
.nh .nh-benefit-slide{height:32px;overflow:hidden;position:relative;background:#e9e9e9;}
.nh .nh-benefit-slide::after {content: '';display:block;width:100%;height:1px;background:#EDEDED;position:absolute;bottom:0;left:0;}
.nh .nh-benefit-slide .swiper-slide {display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#444;white-space:nowrap;}
.nh .nh-in{max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 30px;position:relative;}
.nh .nh-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;display:flex;align-items:center;justify-content:center;}
.nh .nh-logo a{display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px;font-weight:900;color:#111;text-decoration:none;}
.nh .nh-logo a::before{content: '';display:block;width:23px;height:23px;background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_1' data-name=' 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.05 22.05'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %233cb4e5; %7D .cls-2 %7B fill: %23e64b38; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-2' points='14.61 21.53 17.82 21.53 17.82 17.82 21.53 17.82 21.53 14.61 14.61 14.61 14.61 21.53'/%3E%3Cpolygon class='cls-2' points='.53 14.61 .53 17.82 4.24 17.82 4.24 21.53 7.44 21.53 7.44 14.61 .53 14.61'/%3E%3Cpolygon class='cls-2' points='17.82 4.23 17.82 .53 14.61 .53 14.61 7.44 21.53 7.44 21.53 4.23 17.82 4.23'/%3E%3Cpolygon class='cls-2' points='7.44 .53 4.24 .53 4.24 4.23 .53 4.23 .53 7.44 7.44 7.44 7.44 .53'/%3E%3Cpolygon class='cls-1' points='21.53 8.15 13.91 8.15 13.9 8.15 13.9 .53 13.9 0 10.19 0 8.15 0 8.15 .53 8.15 8.15 8.15 8.15 .53 8.15 0 8.15 0 13.91 .53 13.91 8.15 13.91 8.15 13.91 8.15 21.53 8.15 22.05 12.73 22.05 13.91 22.05 13.91 21.53 13.91 14.33 13.91 13.91 13.91 13.91 21.53 13.91 22.05 13.91 22.05 8.15 21.53 8.15'/%3E%3C/svg%3E") center center / cover no-repeat;}

.nh .nh-nav{flex:1 1 auto;}
.nh .nh-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:22px;}
.nh .nh-item{position:relative;}
.nh .nh-link{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 2px;color:#333;text-decoration:none;font-size:14px;font-weight:500;}
.nh .nh-link:hover{color:#000;}

/* 드롭다운 */
.nh .nh-has>.nh-link{background:none;border:0;cursor:pointer;}
.nh .nh-drop{display:none;position:absolute;top:100%;left:-6px;min-width:140px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:8px 0;}
.nh .nh-sub{display:block;padding:8px 12px;color:#111;text-decoration:none;font-size:13px;line-height:1.2;white-space:nowrap;}
.nh .nh-sub:hover{background:#f5f7f8;}
.nh .nh-has:hover .nh-drop{display:block;}

/* 우측 유틸 */
.nh .nh-tools{margin-left:auto;display:flex;align-items:center;gap:10px;}
.nh .nh-auth{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #d1d5db;border-radius:999px;color:#111;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap;}
.nh .nh-auth:hover{background:#f7f7f7;}
.nh .nh-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;text-decoration:none;}
.nh .nh-ico:hover{background:#f5f7f8;}

/* 햄버거 버튼 (모바일/PC 공용) */
.nh .nh-burger{display:none;flex-direction:column;width:36px;height:32px;border:0;background:transparent;padding:0;align-items:center;justify-content:center}
.nh .nh-burger .bar{display:block;width:18px;height:2px;background:#111;margin:4px 0}

/* 모바일 드로어 — 모던 쇼핑몰 타입 */
.nh-dim{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:150;display:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .3s ease;}
.nh-drawer{position:fixed;top:0;left:0;width:88%;max-width:340px;height:100%;background:#fafbfc;box-shadow:8px 0 32px rgba(15,23,42,.12), 2px 0 12px rgba(15,23,42,.06);transform:translateX(-100%);transition:transform .35s cubic-bezier(0.32,0.72,0,1);z-index:200;overflow:hidden;display:flex;flex-direction:column;}
.nh-drawer.open{transform:translateX(0)}
.nh-drawer-in{display:flex;flex-direction:column;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;}

/* 드로어 헤더 — 미니멀 그라데이션 */
.nh-drawer-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:20px 20px 18px;background:linear-gradient(160deg,#F1F1F1 0%,#ddd 50%,#FFF 100%);color:#fff;}
.nh-drawer-logo{font-weight:700;color:#000;text-decoration:none;font-size:1.125rem;letter-spacing:-0.03em;}
.nh-drawer-logo:hover{color:rgba(255,255,255,.9);}
.nh-drawer-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:rgba(0,0,0,.1);border-radius:12px;cursor:pointer;color:#fff;transition:background .2s,transform .15s;}
.nh-drawer-close:hover{background:rgba(255,255,255,.18);}
.nh-drawer-close:active{transform:scale(0.96);}
.nh-drawer-close svg{display:block;color:#000;}

/* 퀵 메뉴 — 텍스트 링크형 (블록/카드 없음) */
.nh-drawer-quick-wrap{flex-shrink:0;padding:14px 20px 18px;border-bottom:1px solid rgba(15,23,42,.08);}
.nh-drawer-quick{display:flex;flex-wrap:wrap;gap:0 1em;row-gap:12px;}
.nh-drawer-quick-item{display:inline-flex;align-items:center;gap:6px;color:#475569;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;}
.nh-drawer-quick-item:hover{color:#0f172a;}
.nh-drawer-quick-item .ico{width:18px;height:18px;flex-shrink:0;background:center center / contain no-repeat;opacity:.75;}
.nh-drawer-quick-item .ico-user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E");}
.nh-drawer-quick-item .ico-cart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Ccircle cx='9' cy='20' r='1.5' fill='%23475569'/%3E%3Ccircle cx='18' cy='20' r='1.5' fill='%23475569'/%3E%3Cpath d='M3 4h2l2.5 11h10.5l2-8H6'/%3E%3C/svg%3E");}
.nh-drawer-quick-item .ico-mypage{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E");}
.nh-drawer-quick-item .ico-join{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");}
.nh-drawer-quick-item .ico-logout{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");}

/* 로그인 시 회원용 퀵 메뉴 — 텍스트형 */
.nh-drawer-quick-member{display:flex !important;flex-direction:column;gap:12px;}
.nh-drawer-quick-row{display:flex;flex-wrap:wrap;gap:0 1em;row-gap:10px;}
.nh-drawer-quick-sum{display:inline-flex;align-items:center;gap:6px;color:#475569;text-decoration:none;font-size:13px;font-weight:500;transition:color .2s;}
.nh-drawer-quick-sum:hover{color:#0f172a;}
.nh-drawer-quick-sum .q-val{font-weight:700;color:#000;}
.nh-drawer-quick-sum .q-lbl{font-weight:400;color:#64748b;}
.nh-drawer-quick-member .nh-drawer-quick-full{display:inline-flex;}

.nh-mnav{flex:1;padding:8px 12px 24px;overflow-y:auto;}
.nh-mmenu{list-style:none;margin:0;}
.nh-mmenu .m-group{margin-bottom:6px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.05);border:1px solid rgba(15,23,42,.06);overflow:hidden;}
.nh-mmenu .m-group:last-child{margin-bottom:0;}
.nh-mmenu .m-ttl{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 16px 14px;border:0;background:transparent;font-size:15px;font-weight:700;color:#1e293b;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:-0.02em;}
.nh-mmenu .m-ttl .m-chevron{display:block;width:20px;height:20px;background:url('/assets/img/r/icon/icon-arrow-right.png') center center / 20px no-repeat;transform:rotate(0deg);transition:transform .25s ease;opacity:.7;}
.nh-mmenu .m-group.is-open .m-ttl .m-chevron{transform:rotate(90deg);}
.nh-mmenu .m-group.m-group-shop .m-ttl{color:#000;}
.nh-mmenu .m-sub{list-style:none;margin:0;padding:0 0 12px 12px 16px 28px;max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(0.4,0,0.2,1);}
.nh-mmenu .m-sub.is-open{max-height:520px;}
.nh-mmenu .m-sub li{margin:0;}
.nh-mmenu .m-sub li a{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;color:#475569;text-decoration:none;font-size:14px;border-radius:10px;transition:background .2s,color .2s;}
.nh-mmenu .m-sub li a:hover{background:#f1f5f9;color:#0f172a;}
.nh-mmenu .m-sub li a::after{content:'';width:5px;height:5px;border-right:2px solid #cbd5e1;border-bottom:2px solid #cbd5e1;transform:rotate(-45deg);margin-right:2px;}
.nh-mmenu .m-sub li:last-child a{margin-bottom:0;}

.nh-drawer-footer{flex-shrink:0;padding:20px 20px 24px;background:linear-gradient(180deg,#f1f5f9 0%,#e2e8f0 100%);border-top:1px solid rgba(15,23,42,.08);}
.nh-drawer-notice{margin:0;font-size:12px;color:#475569;line-height:1.5;font-weight:500;}

/* 스크롤 락 */
html.nh-lock{overflow:hidden;}

/* 반응형 최소 처리 */
@media (max-width: 1200px){
  .nh .nh-nav{display:none !important;}
  .nh .nh-burger{display:flex !important;}
  .nh .nh-burger .bar {margin:3px 0;}
  

  .nh .nh-in{height:54px;padding:0 12px;}
  .nh .nh-list{gap:16px;}
  .nh .nh-link{font-size:14px;}
  .nh .nh-auth{display:none;}
}
@media (max-width: 720px){
  .nh .nh-nav{display:none;}
}



.f-mobile-fixed-bar {
  display: none;
  position: fixed;
  left: 0; right: 0; bottom: 0;
  width: 100vw;
  z-index: 102;
  background: rgba(255,255,255,0.97);
  padding: 16px 12px;
  transition: transform .25s ease;
  box-shadow: 0 -2px 8px rgba(40,40,40,0.08), 0 -1px 0 #e8e8e8;
}
.f-mobile-fixed-bar.hidden {
  transform: translateY(100%);
}
.f-mobile-fixed-bar-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.f-mobile-fixed-bar-item {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
}
.f-mobile-fixed-bar-link {
  display: flex;
  justify-content: center;
  align-items: center;
}
.f-mobile-fixed-bar-link svg {
  width: 24px;
  height: 24px;
}
@media (max-width: 900px) {
  .f-mobile-fixed-bar { display: block; }
}