/* =========================================================
   FOOTER — JW MEDIA 푸터 구조 재현 (전 페이지 공용, .jw-foot 에만 적용)

   레퍼런스 실측 (1440px):
   - 배경 #080706, padding 72 / 24 / 34, 컨텐츠 1280px
   - 상단 3칸 gap 56: 브랜드 511 | 링크 316 | 연락처 341
     브랜드: 로고 48px/900 ls1.8px #EEECE6 → 12 → 슬로건 12px #FF6A1A
     링크·연락처: 라벨 11px #FF6A1A → 10 → 항목 12px ls.7px (링크 #AAA29B / 연락처 #EEECE6), 항목 간 10
   - 상단 → 하단 54px, 하단: 1px #3A332E 선, padding-top 22, © 10px #AAA29B | BACK TO TOP 10px #FF6A1A
   - 모바일(≤767): padding 54/20/28, 세로 쌓기 gap 38, 로고 26px
   ========================================================= */

@font-face{font-family:"Paperlogy";font-weight:400;font-style:normal;font-display:swap;
  src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2") format("woff2")}
@font-face{font-family:"Paperlogy";font-weight:900;font-style:normal;font-display:swap;
  src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2") format("woff2")}

footer.jw-foot{
  --ft-bg:#080706;
  --ft-ivory:#EEECE6;
  --ft-sub:#AAA29B;
  --ft-orange:#C24A5C; /* 버건디 강조 */
  --ft-rule:#3A332E;

  background:var(--ft-bg);
  color:var(--ft-sub);
  padding:72px 24px 34px;
  font-family:"Paperlogy",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:12px;
  line-height:1.3;
  word-break:keep-all;
}
.jw-foot *{box-sizing:border-box}
.jw-foot__inner{max-width:1280px;margin-inline:auto;display:flex;flex-direction:column;gap:54px}
/* 회사소개·자료실·문의하기: 본문(.wrap 80%)과 좌우 끝선 맞춤 */
footer.jw-foot--wrap{padding-inline:0}
.jw-foot--wrap .jw-foot__inner{width:80%;max-width:none}

/* ---------- 상단 3칸 ---------- */
.jw-foot__main{display:flex;gap:38px 56px}
.jw-foot__brand{flex:0 1 511px;min-width:0;display:flex;flex-direction:column;gap:12px}
.jw-foot__col{flex:0 1 316px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.jw-foot__col--contact{flex-basis:341px}

.jw-foot__logo{font-size:48px;font-weight:900;line-height:1.3;letter-spacing:1.8px;text-transform:uppercase;color:var(--ft-ivory);text-decoration:none;white-space:nowrap}
.jw-foot__standard{margin:0;font-size:12px;letter-spacing:.7px;text-transform:uppercase;color:var(--ft-orange)}

.jw-foot__label{margin:0;font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:var(--ft-orange)}
.jw-foot__col a,.jw-foot__col span{font-size:12px;letter-spacing:.7px;text-transform:uppercase;color:var(--ft-sub);text-decoration:none;transition:color .2s}
.jw-foot__col--contact a,.jw-foot__col--contact span{color:var(--ft-ivory)}
.jw-foot__col a:hover,.jw-foot__col a:focus-visible{color:var(--ft-orange)}

/* ---------- 하단 ---------- */
.jw-foot__bottom{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;border-top:1px solid var(--ft-rule);padding-top:22px}
.jw-foot__copy{margin:0;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--ft-sub)}
.jw-foot__top{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--ft-orange);text-decoration:none}
.jw-foot__top:hover{color:var(--ft-ivory)}

/* =========================================================
   MOBILE (≤767)
   ========================================================= */
@media (max-width:767px){
  footer.jw-foot{padding:54px 20px 28px}
  footer.jw-foot--wrap{padding-inline:0}
  .jw-foot--wrap .jw-foot__inner{width:calc(100% - 40px)}
  .jw-foot__main{flex-direction:column}
  .jw-foot__brand,.jw-foot__col{flex:0 0 auto;width:100%}
  .jw-foot__logo{font-size:26px}
  .jw-foot__bottom{flex-direction:column;align-items:flex-start}
}
