/* 모든 페이지 공통 머리 메뉴 — 페이지마다 다른 CSS와 섞이지 않게 .gnb 안에서만.
   [순위 무료 확인]은 어떤 화면 크기에서도 보이게 (560px 아래는 '순위 확인') */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
.gnb{position:sticky;top:0;z-index:60;background:rgba(245,242,236,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #DCD6CC;padding-top:env(safe-area-inset-top,0px);font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#16171B;line-height:1.4;letter-spacing:-.01em;text-align:left}
.gnb *{box-sizing:border-box}
.gnb a{color:inherit;text-decoration:none}
.gnb-in{max-width:1296px;margin:0 auto;padding:0 24px;height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.gnb-logo{display:flex;align-items:center;gap:14px;flex-shrink:0}
.gnb-logo img{display:block;width:auto}
.gnb-mark{height:40px}
.gnb-rule{width:1px;height:32px;background:#CFC8BC}
.gnb-tag{height:30px}
.gnb-nav{display:flex;align-items:center;gap:30px;font-size:16px;font-weight:700}
.gnb-nav a{position:relative;padding:8px 0;white-space:nowrap}
.gnb-nav a:hover{color:#C8401C}
.gnb-nav a[aria-current]{color:#C8401C}
.gnb-nav a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:#C8401C}
.gnb-nav .gnb-only-m{display:none}
.gnb-r{display:flex;align-items:center;gap:10px;flex-shrink:0}
.gnb-acct{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border-radius:999px;font-size:15px;font-weight:700;white-space:nowrap}
.gnb-acct:hover{color:#C8401C}
.gnb-acct.on{background:#FBEDE8;color:#C8401C;border:1px solid #F2CFC4}
.gnb-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:800;white-space:nowrap;border:1px solid #16171B}
.gnb-btn:hover{background:#16171B;color:#fff}
.gnb-btn .gnb-long{margin:0 .28em}
.gnb-btn.acc{background:#C8401C;border-color:#C8401C;color:#fff}
.gnb-btn.acc:hover{background:#A9340F;border-color:#A9340F}
.gnb-menu{display:none;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:#16171B;cursor:pointer;align-items:center;justify-content:center;padding:0}
.gnb-menu:hover{background:rgba(22,23,27,.06)}
@media (max-width:1400px){
  .gnb-logo .gnb-rule,.gnb-logo .gnb-tag{display:none}
  .gnb-nav{gap:24px}
}
@media (max-width:1100px){
  .gnb-in{height:76px}
  .gnb-mark{height:34px}
  .gnb-nav{gap:18px;font-size:15px}
  .gnb-acct span{display:none}
}
@media (max-width:900px){
  .gnb-in{height:64px;padding:0 16px;gap:8px}
  .gnb-mark{height:28px}
  .gnb-menu{display:inline-flex}
  .gnb-acct span{display:inline}
  .gnb-acct{height:40px;padding:0 10px;font-size:14px}
  .gnb-btn{height:40px;padding:0 14px;font-size:14px}
  .gnb-r{gap:6px}
  .gnb-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#F5F2EC;border-bottom:1px solid #DCD6CC;padding:6px 16px 14px;box-shadow:0 12px 24px rgba(22,23,27,.08)}
  .gnb-nav.open{display:flex}
  .gnb-nav a{padding:15px 2px;border-bottom:1px solid #E6E0D6;font-size:17px}
  .gnb-nav a[aria-current]:after{display:none}
  .gnb-nav .gnb-only-m{display:block}
}
@media (max-width:560px){
  .gnb-acct span,.gnb-btn .gnb-long{display:none}
  .gnb-acct{padding:0 8px}
  .gnb-btn{padding:0 12px}
  .gnb-nav .gnb-only-m{display:none}
}
@media (max-width:360px){
  .gnb-in{padding:0 12px}
  .gnb-mark{height:24px}
  .gnb-acct{padding:0 4px}
  .gnb-btn{padding:0 10px;font-size:13px}
}
@media print{.gnb{display:none!important}}