/* ============================================================
   FireBook 공용 헤더/푸터 — 전 페이지 공통 (FireBook Design System 톤)
   색상은 헤더/푸터 클래스에 직접 지정 → 각 페이지 본문 팔레트에 영향 없음.
   ============================================================ */

/* 공용 폰트 — GmarketSans(display). 본문 Pretendard는 각 페이지에서 로드 */
@font-face{font-family:"GmarketSans";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff") format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"GmarketSans";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"GmarketSans";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");font-weight:700;font-display:swap}

/* ---- 공용 헤더 ---- */
.site-header{position:sticky;top:0;z-index:60;margin:0;padding:0;text-align:left;background:rgba(251,246,243,.9);
  backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);
  border:0;border-bottom:1px solid #ece0d8;font-family:"Pretendard","Apple SD Gothic Neo",sans-serif}
.site-header *{box-sizing:border-box}
.site-header__in{max-width:1120px;margin:0 auto;padding:0 24px;min-height:64px;display:flex;align-items:center;gap:22px}
.site-header__brand{display:flex;align-items:center;gap:10px;font-family:"GmarketSans","Pretendard",sans-serif;font-weight:700;
  font-size:18px;color:#2b2522;text-decoration:none;letter-spacing:-.02em;white-space:nowrap}
.site-header__brand img{width:auto;height:36px;object-fit:contain}
.site-nav{display:flex;align-items:center;gap:22px;margin-left:6px}
.site-nav a{font-size:15px;font-weight:600;color:#4a423d;text-decoration:none;white-space:nowrap;transition:color .15s}
.site-nav a:hover{color:#ed7530}
/* 드롭다운 (평단지기 독서법) */
.nav-drop{position:relative;display:flex;align-items:center;height:64px}
.nav-drop__label::after{content:" ▾";font-size:.8em;color:#a3acc1}
.nav-drop__menu{position:absolute;top:100%;left:-10px;min-width:240px;display:none;flex-direction:column;gap:2px;
  background:#fff;border:1px solid #ece0d8;border-radius:12px;box-shadow:0 14px 34px -14px rgba(122,57,23,.28);padding:8px;z-index:70}
.nav-drop:hover .nav-drop__menu,.nav-drop:focus-within .nav-drop__menu{display:flex}
.nav-drop__menu a{padding:10px 12px;border-radius:8px;font-size:14px;white-space:nowrap}
.nav-drop__menu a small{display:block;font-weight:500;font-size:11.5px;color:#8b8178;margin-top:1px}
.nav-drop__menu a:hover{background:#fef3eb;color:#c95c1e}
.site-header__cta{margin-left:auto;display:flex;align-items:center;gap:12px}
.s-btn-apply{background:#f8914f;color:#fff;font-family:"GmarketSans","Pretendard",sans-serif;font-weight:700;font-size:14px;
  padding:9px 18px;border-radius:999px;text-decoration:none;box-shadow:0 10px 30px rgba(248,145,79,.28);
  transition:background .2s,transform .15s;white-space:nowrap}
.s-btn-apply:hover{background:#ed7530;transform:translateY(-1px)}
.site-burger-label{display:none;font-size:1.6rem;line-height:1;cursor:pointer;color:#2b2522;user-select:none}

@media(max-width:920px){
  .site-header__in{position:relative;flex-wrap:wrap}
  .site-nav{position:absolute;top:64px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;gap:0;
    margin:0;padding:6px 24px 14px;background:#fbf6f3;border-bottom:1px solid #ece0d8}
  .site-burger:checked ~ .site-nav{display:flex}
  .site-nav a{width:100%;padding:11px 0;border-top:1px solid #f0e6dd}
  .site-nav a:first-child{border-top:none}
  .site-burger-label{display:block}
  /* 모바일: 드롭다운을 펼친 목록으로 */
  .nav-drop{flex-direction:column;align-items:flex-start;height:auto;width:100%}
  .nav-drop__label{width:100%;padding:11px 0;border-top:1px solid #f0e6dd}
  .nav-drop__menu{display:flex;position:static;min-width:0;width:100%;border:0;box-shadow:none;background:transparent;padding:0 0 4px 14px}
  .nav-drop__menu a{border-top:none;padding:8px 0}
  .nav-drop__menu a small{display:inline;margin-left:6px}
}

/* ---- 공용 푸터 ---- */
.site-footer{margin:0;padding:0;border:0;text-align:left;font-size:14px;background:#2f3645;color:#f5ece6;font-family:"Pretendard","Apple SD Gothic Neo",sans-serif}
.site-footer *{box-sizing:border-box}
.site-footer__in{max-width:1120px;margin:0 auto;padding:56px 24px 40px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.site-footer__brand{display:flex;align-items:center;gap:10px;margin-top:-8px;margin-bottom:14px}
.site-footer__brand img{width:auto;height:44px;object-fit:contain}
.site-footer__brand span{font-family:"GmarketSans","Pretendard",sans-serif;font-weight:700;font-size:18px;color:#fff}
.site-footer__about p{font-size:14px;line-height:1.7;color:#c7cdda;margin:0;max-width:320px}
.site-footer__about .biz{font-size:12.5px;color:#a3acc1;margin-top:12px;line-height:1.75}
.site-footer h4{font-family:"GmarketSans","Pretendard",sans-serif;font-weight:700;font-size:14px;margin:0 0 14px;color:#fff}
.site-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.site-footer ul a{font-size:14px;color:#c7cdda;text-decoration:none;transition:color .15s}
.site-footer ul a:hover{color:#feb06a}
.site-footer__bar{border-top:1px solid #3e485c;padding:18px 24px;text-align:center;font-size:12px;color:#7e89a4;line-height:1.8}
@media(max-width:900px){.site-footer__in{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.site-footer__in{grid-template-columns:1fr}}