/* BASIC css start */
#skin_preview_wrap{display:none}

/* ---------- Design Tokens ---------- */
:root{
  /* Ink Scale · Neutral */
  --ink-950:#0A0A0B;
  --ink-900:#141416;
  --ink-800:#202024;
  --ink-700:#35363B;
  --ink-600:#4F5058;
  --ink-500:#6B6C73;
  --ink-400:#9FA0A7;
  --ink-300:#C9CAD0;
  --ink-200:#E5E6EA;
  --ink-100:#F2F3F5;
  --ink-050:#F8F8FA;
  --paper:#FFFFFF;

  /* Brand */
  --accent:#1A3D7C;
  --accent-soft:#E8EDF7;
  --signal:#C8102E;
  --success:#1E6F4A;
  --warn:#B98900;

  /* Radii */
  --r-xs:2px; --r-s:4px; --r-m:8px; --r-l:14px; --r-pill:999px;

  /* Shadow */
  --sh-1:0 1px 2px rgba(10,10,11,.04),0 2px 6px rgba(10,10,11,.04);
  --sh-2:0 4px 12px rgba(10,10,11,.06),0 12px 28px rgba(10,10,11,.06);
  --sh-3:0 16px 48px rgba(10,10,11,.12);

  /* Type */
  --f-sans:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --f-serif:'Noto Serif KR','Nanum Myeongjo',Georgia,serif;
  --f-mono:'JetBrains Mono','IBM Plex Mono',Consolas,monospace;

  /* Layout */
  --container:1440px;
  --gutter:40px;
  --header-h:130px;
  --transition:220ms cubic-bezier(.4,0,.2,1);
}


/* ---------- Layout ---------- */
.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.section{padding:96px 0}
.section-tight{padding:40px 0 96px}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    border-radius: var(--r-s);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all var(--transition);
}

/* Footer 새 구조 */
  .fepl-footer{background:#1A1A1D;color:#C9CAD0;font-size:12px;line-height:1.7;margin-top:48px}
  .ff-top{max-width:var(--container);margin:0 auto;padding:40px var(--gutter) 24px;border-bottom:1px solid rgba(255,255,255,.08)}
  .ff-top-row{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
  .ff-top-row a{color:#E5E6EA;font-size:13px;transition:color .18s}
  .ff-top-row a.strong{font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:3px}
  .ff-top-row a:hover{color:#fff}
  .ff-top-row .ff-mail{margin-left:auto;color:#9FA0A7;font-size:12px;font-family:var(--f-mono)}
  .ff-mid{max-width:var(--container);margin:0 auto;padding:24px var(--gutter);display:grid;grid-template-columns:220px 1fr auto;gap:28px;align-items:center}
  .ff-sns{display:inline-flex;align-items:center;gap:10px}
  .ff-sns .sns-label{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#E5E6EA;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em}
  .ff-sns a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.06);color:#E5E6EA;transition:background .18s;font-family:var(--f-mono);font-size:10px;font-weight:700}
  .ff-sns a:hover{background:rgba(255,255,255,.18);color:#fff}
  .ff-cs{display:flex;gap:18px;align-items:center}
  .ff-cs .cs-btn{padding:8px 20px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:#E5E6EA}
  .ff-cs .cs-num{font-size:15px;font-weight:700;color:#fff;letter-spacing:.02em}
  .ff-cs .cs-hr{font-size:11px;color:#9FA0A7;font-family:var(--f-mono);letter-spacing:.04em}
  .ff-legal{max-width:var(--container);margin:0 auto;padding:16px var(--gutter) 40px;display:grid;grid-template-columns:1fr auto;gap:20px;font-size:11px;color:#9FA0A7;line-height:1.8}
  .ff-legal .ff-legal-l span{margin-right:14px}
  .ff-legal .ff-legal-l strong{color:#C9CAD0}
  .ff-legal .ff-go{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#E5E6EA;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em}
  .ff-legal .ff-go:hover{background:rgba(255,255,255,.08);color:#fff}
  .ff-copy{font-family:var(--f-mono);margin-top:10px;letter-spacing:.06em}

  @media (max-width:1100px){
    .hdr-main{grid-template-columns:1fr}
    .hdr-util2{justify-content:center}
    .coupon-row{grid-template-columns:repeat(3,1fr)}
    .triple-banner{grid-template-columns:1fr}
    .rank-grid.rank-20{grid-template-columns:repeat(3,1fr)}
    .vis-3{grid-template-columns:1fr}
    .ff-mid{grid-template-columns:1fr;gap:16px}
  }

  /* ===== Footer 정비: FOLLOW / COMPANY / CS 영역 v2 ===== */
  /* ① 그리드 비율 재조정: 1.1fr 2fr 1fr → 1fr 1.8fr 1.1fr */
  .fepl-footer .ff-mid-v2{
    display:grid; grid-template-columns:1fr 1.8fr 1.1fr;
    gap:48px; padding:44px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  /* ② 섹션 공통 라벨 */
  .fepl-footer .ff-label{
    font-family:var(--f-mono); font-size:11px; letter-spacing:.14em;
    color:#9CA3AF; margin-bottom:12px;
  }
  /* ③ FOLLOW 블록 전용 */
  .fepl-footer .ff-sns-v2{min-width:0}
  .fepl-footer .ff-sns-v2 .sns-list{
    display:flex; flex-direction:column; gap:4px;
    list-style:none; margin:0; padding:0;
  }
  .fepl-footer .ff-sns-v2 .sns-link{
    display:flex; align-items:center; gap:12px;
    padding:10px 12px; border-radius:8px;
    color:#E5E7EB; font-size:13px; font-weight:500;
    letter-spacing:.01em;
    background:transparent;
    transition:background .22s ease, transform .22s ease, color .22s ease;
  }
  .fepl-footer .ff-sns-v2 .sns-link:hover{
    background:rgba(255,255,255,.06);
    color:#fff;
    transform:translateX(2px);
  }
  .fepl-footer .ff-sns-v2 .sns-link:focus-visible{
    outline:2px solid rgba(255,255,255,.35); outline-offset:2px;
  }
  /* 브랜드 심볼 원형 */
  .fepl-footer .ff-sns-v2 .sns-ico{
    width:32px; height:32px; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    flex-shrink:0;
    transition:transform .22s ease;
  }
  .fepl-footer .ff-sns-v2 .sns-link:hover .sns-ico{transform:scale(1.06)}
  .fepl-footer .ff-sns-v2 .sns-ico svg{width:16px; height:16px; fill:#fff}
  .fepl-footer .ff-sns-v2 .sns-ico--ig{
    background:linear-gradient(45deg,#F58529 0%,#DD2A7B 50%,#8134AF 100%);
  }
  .fepl-footer .ff-sns-v2 .sns-ico--fb{background:#1877F2}
  .fepl-footer .ff-sns-v2 .sns-ico--yt{background:#FF0000}

  /* ④ 플로팅 바 ↔ 푸터 충돌 해결: 푸터 진입 시 페이드아웃 */
  .float-util-x{
    transition:opacity .28s ease, transform .28s ease, visibility 0s linear .28s;
  }
  .float-util-x.is-hidden{
    opacity:0;
    transform:translateY(-50%) translateX(12px);
    visibility:hidden;
    pointer-events:none;
  }

  /* ⑤ 1100px 이하   그리드 단일 컬럼 전환 시 FOLLOW 영역 정렬 유지 */
  @media (max-width:1100px){
    .fepl-footer .ff-mid-v2{grid-template-columns:1fr; gap:28px; padding:32px 0}
  }
  @media (max-width:640px){
    .brand-bar-inner{gap:14px}
    .brand-bar a{font-size:11px}
    .gnb-inner{gap:16px;padding:10px 16px}
    .gnb-inner a{font-size:12px}
    .coupon-row{grid-template-columns:repeat(2,1fr)}
    .rank-grid.rank-20{grid-template-columns:repeat(2,1fr)}
    .float-util-x{right:10px}
  }
/* BASIC css end */