@charset "UTF-8";
/* ============================================================
   파일쿠키 리뉴얼 — 상단 통일 헤더 전용 CSS (구 페이지 주입용)
   tokens.css/pc.css 의 헤더 규칙만 추출, #fkrTopUnify 로 스코프.
   전역 리셋(*,body,a,ul) 없음 — 구 페이지 레이아웃에 영향 0.
   ============================================================ */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

#fkrTopUnify{
  /* 라이트 토큰 (tokens.css :root 동일 값) */
  --card:#ffffff;--card2:#f5f7fb;--ink:#101111;--ink2:#33383f;--sub:#7c8698;--line:#e7e9ed;
  --adult:#f83a5a;--free:#2ea36a;--catbar:#0566db;--on-bg:#0566db;--on-tx:#fff;--brand:#0566db;
  --fkr-w:1132px;
  font-family:'Pretendard',-apple-services,'Malgun Gothic',sans-serif;
  line-height:1.45;
  font-size:14px;
}
html[data-dark=true] #fkrTopUnify{
  --card:#2d2d2d;--card2:#272829;--ink:#ffffff;--ink2:#e7e9ec;--sub:#9aa2ad;--line:#3a3b3d;
  --adult:#e63f5b;--free:#37c07d;--catbar:#20242c;--on-bg:#e8eaed;--on-tx:#16171a;--brand:#3ea7fd;
}
#fkrTopUnify, #fkrTopUnify *{margin:0;padding:0;box-sizing:border-box}
#fkrTopUnify a{text-decoration:none;color:inherit}
#fkrTopUnify img{border:0;vertical-align:top}

/* ── 유틸바 ── */
#fkrTopUnify .fkr-utilbar{background:var(--card);border-bottom:1px solid var(--line)}
#fkrTopUnify .fkr-utilbar-in{max-width:var(--fkr-w);margin:0 auto;display:flex;align-items:center;gap:15px;height:58px}
#fkrTopUnify .fkr-logo{display:flex;align-items:center;gap:7px;font-weight:800;color:var(--ink);flex-shrink:0}
#fkrTopUnify .fkr-logo-pc img{height:30px;display:block}
#fkrTopUnify .fkr-logo-dk{display:none !important}
html[data-dark=true] #fkrTopUnify .fkr-logo-lt{display:none !important}
html[data-dark=true] #fkrTopUnify .fkr-logo-dk{display:block !important}
#fkrTopUnify .fkr-search{flex:1;margin:0 30px;background:var(--card2);border:1px solid var(--line);border-radius:22px;height:42px;display:flex;align-items:center;padding:0 5px 0 17px;color:var(--sub);font-size:13.5px;gap:9px;cursor:pointer}
#fkrTopUnify .fkr-search .ph{flex:1}
#fkrTopUnify .fkr-search input.ph{flex:1;min-width:0;background:transparent;border:none;outline:none;font:inherit;font-size:13.5px;color:var(--ink)}
#fkrTopUnify .fkr-search input.ph::placeholder{color:var(--sub)}
#fkrTopUnify .fkr-search button.go{border:none;cursor:pointer;padding:0}
#fkrTopUnify .fkr-search .go{width:36px;height:34px;border-radius:18px;background:var(--on-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}
#fkrTopUnify .fkr-dn{position:relative;border-radius:24px;flex-shrink:0;cursor:pointer;transition:background .35s;display:inline-block}
#fkrTopUnify .fkr-dn .knob{position:absolute;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.34,1.4,.5,1)}
#fkrTopUnify .fkr-dn .ic-moon{display:none}
html[data-dark=true] #fkrTopUnify .fkr-dn .ic-sun{display:none}
html[data-dark=true] #fkrTopUnify .fkr-dn .ic-moon{display:block}
#fkrTopUnify .fkr-dn-pc{width:46px;height:24px;background:#cfd6e0;margin-left:auto}
html[data-dark=true] #fkrTopUnify .fkr-dn-pc{background:#3c6ea8}
#fkrTopUnify .fkr-dn-pc .knob{width:18px;height:18px}
html[data-dark=true] #fkrTopUnify .fkr-dn-pc .knob{transform:translateX(22px)}
#fkrTopUnify .fkr-util-txt{flex-shrink:0;font-size:13.5px;font-weight:700;color:var(--ink2);cursor:pointer}
#fkrTopUnify .fkr-util-pill{flex-shrink:0;background:var(--on-bg);color:var(--on-tx);font-size:13.5px;font-weight:800;padding:8px 16px;border-radius:8px;cursor:pointer}
#fkrTopUnify .fkr-util-my{flex-shrink:0;display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--ink2);cursor:pointer}
#fkrTopUnify .fkr-util-my .av{width:25px;height:25px;border-radius:50%;background:linear-gradient(135deg,#2f80ed,#8a4bff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;flex-shrink:0}

/* ── 카테고리 GNB ── */
#fkrTopUnify .fkr-catbar{background:var(--catbar)}
#fkrTopUnify .fkr-catbar-in{max-width:calc(var(--fkr-w) + 30px);margin:0 auto;padding:0 15px;display:flex;align-items:center;gap:4px;height:50px;overflow-x:auto;justify-content:space-between;scrollbar-width:none}
#fkrTopUnify .fkr-catbar-in .fkr-catitem:first-child{margin-left:-15px}
#fkrTopUnify .fkr-catbar-in .fkr-catitem:last-child{margin-right:-15px}
#fkrTopUnify .fkr-catbar-in::-webkit-scrollbar{width:0;height:0;display:none}
#fkrTopUnify .fkr-catitem{display:flex;align-items:center;gap:3px;font-size:15px;font-weight:700;color:rgba(255,255,255,.95);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:7px 15px;border-radius:18px;background:transparent;transition:background .2s;letter-spacing:.01em}
#fkrTopUnify .fkr-catitem:hover{color:rgba(255,255,255,.95);background:rgba(255,255,255,.12)}
#fkrTopUnify .fkr-catitem.on{color:#0566db;background:#fff}
html[data-dark=true] #fkrTopUnify .fkr-catitem.on{color:var(--on-tx);background:var(--on-bg)}
#fkrTopUnify .fkr-b19{background:var(--adult);color:#fff;font-size:8.5px;font-weight:800;border-radius:3px;padding:1px 3px;line-height:1}
#fkrTopUnify .fkr-bn{background:var(--free);color:#fff;font-size:8.5px;font-weight:800;border-radius:3px;padding:1px 3px;line-height:1}

/* 이전 버전 안내 띠 (2026-08-19) — 헤더 맨 위. 구 사이트 /kuki/kuki.jsp 진입구 */
#fkrTopUnify .fkr-oldver{display:flex;align-items:center;justify-content:center;height:46px;padding:0 14px;
  background:#e7f3fb;border-bottom:1px solid #cfe6f7;color:#16345e;
  font-size:15.5px;font-weight:700;letter-spacing:-.2px;text-align:center;cursor:pointer}
#fkrTopUnify .fkr-oldver b{color:#0b7ad1;font-weight:700}
#fkrTopUnify .fkr-oldver:hover{background:#dcecf9}
html[data-dark=true] #fkrTopUnify .fkr-oldver{background:#1d2b3a;border-bottom-color:#2b3d52;color:#cfe0f2}
html[data-dark=true] #fkrTopUnify .fkr-oldver b{color:#5fb8f5}
html[data-dark=true] #fkrTopUnify .fkr-oldver:hover{background:#243449}