/* ===== 공통 상단 메뉴 (index.html · blog.html 공용) ===== */
html{scrollbar-gutter:stable}
.sh{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid #e4e6ee;font-family:'Noto Sans KR',system-ui,sans-serif}
.sh *{box-sizing:border-box}
.sh-in{max-width:1180px;margin:0 auto;padding:0 20px;height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sh a{color:#1b1e2b;text-decoration:none}
.sh-logo{display:flex;align-items:center;gap:10px;font-weight:900;color:#1b2b4b !important;white-space:nowrap;flex:none}
.sh-logo img{height:44px;width:auto;display:block}
.sh-logo span{line-height:1.2;font-size:16px}
.sh-logo small{display:block;font-size:11px;font-weight:500;color:#5d6275}
.sh-menu{display:flex;align-items:center;gap:34px;font-size:15.5px;font-weight:500}
.sh-menu > a,.sh-top{white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent;display:inline-block;line-height:1.5}
.sh-menu > a:hover,.sh-top:hover,.sh-menu a.on{color:#1b2b4b;border-bottom-color:#fdcb33}
.sh-menu a.on{font-weight:700}
.sh-dd{position:relative}
.sh-top::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);margin-left:8px;opacity:.7}
.sh-sub{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:12px;display:none;min-width:150px}
.sh-sub-in{background:#fff;border:1px solid #e4e6ee;border-radius:12px;box-shadow:0 14px 30px rgba(27,43,75,.12);padding:6px;display:grid}
.sh-sub a{padding:10px 14px;border-radius:8px;font-size:15px;white-space:nowrap}
.sh-sub a:hover,.sh-sub a.on{background:#fff6d6;color:#1b2b4b;font-weight:700}
.sh-dd:hover .sh-sub,.sh-dd:focus-within .sh-sub{display:block}
.sh-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:46px;background:#1b2b4b;color:#fff !important;font-weight:700;padding:0 22px;border-radius:999px;font-size:15px;white-space:nowrap;flex:none;border:1.5px solid #1b2b4b}
.sh-btn:hover{background:#2c3f6b}
.sh-user{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;height:46px;border:1.5px solid #e4e6ee;border-radius:999px;padding:0 20px 0 6px;font-weight:700;font-size:15px;color:#1b2b4b !important;white-space:nowrap;flex:none;margin-left:auto;margin-right:-6px}
.sh-user[hidden],.sh-login[hidden]{display:none}
.sh-login{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:46px;border:1.5px solid #1b2b4b;border-radius:999px;padding:0 24px;font-weight:700;font-size:15px;color:#1b2b4b !important;background:#fff;white-space:nowrap;flex:none;margin-left:auto;margin-right:-6px}
.sh-login:hover{background:#fff6d6}
.sh-user:hover{border-color:#1b2b4b}
.sh-user .av{width:32px;height:32px;border-radius:50%;background:#fdcb33;color:#1b2b4b;display:grid;place-items:center;font-weight:900;font-size:14px}
.sh-burger{display:none;background:none;border:0;font-size:26px;color:#1b2b4b;cursor:pointer;line-height:1}
@media (max-width:900px){
  .sh-menu{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #e4e6ee;box-shadow:0 14px 30px rgba(27,43,75,.1)}
  .sh-menu.open{display:flex}
  .sh-menu > a,.sh-top{padding:14px 20px;border-top:1px solid #e4e6ee;border-bottom:0;display:block}
  .sh-top::after{display:none}
  .sh-sub{position:static;transform:none;display:block;padding:0}
  .sh-sub-in{border:0;box-shadow:none;border-radius:0;padding:0 0 8px 20px}
  .sh-sub a{padding:10px 20px}
  .sh-burger{display:block}
  .sh-btn{display:none}
  .sh-user{margin-right:4px;height:40px;padding:0 14px 0 4px;font-size:13.5px}.sh-login{margin-right:4px;height:40px;padding:0 16px;font-size:13.5px}.sh-user .av{width:30px;height:30px;font-size:13px}
}
@media (max-width:560px){.sh-in{gap:8px;padding:0 14px}.sh-logo{flex:1 1 auto;min-width:0}.sh-logo img{height:38px}.sh-logo span{font-size:14px;overflow:hidden;text-overflow:ellipsis}.sh-logo small{display:none}.sh-user .nm{display:none}.sh-user{padding:0 4px;margin-right:0;height:40px}}
/* 휴대폰: 상단 로고·로그인 버튼 약 80% (2026-10-30) */
@media (max-width:560px){.sh-logo{gap:8px}.sh-logo img{height:26px}.sh-logo span{font-size:17px;letter-spacing:-.5px}.sh-login{height:28px;padding:0 11px;font-size:12px;border-width:1.3px}.sh-user{height:28px;font-size:12px}.sh-user .av{width:22px;height:22px;font-size:11px}.sh-burger{font-size:24px}}
@media (max-width:380px){.sh-logo span{font-size:14.5px;letter-spacing:-.6px}.sh-logo img{height:24px}.sh-in{gap:6px;padding:0 10px}}