/* ==========================================================================
   CONDERI 공통 푸터 — 3개 서비스(seller·global·quote) 동일 적용본
   원본: documents/_footer/conderi-footer.css  →  각 사이트 assets/css/conderi-footer.css
   기준: www.conderi.com 실제 푸터 구조 + 콘데리 공식 사업자 정보
   규칙: 4px 간격 그리드 · WCAG AA(본문 4.5:1 / 큰 글자 3:1) · 모바일 375px 스택
   접두사 cf- 로만 스코프해 각 사이트의 기존 CSS와 충돌하지 않는다.
   ========================================================================== */

.cf-footer{background:#0A1C3D;color:#F7F5F0;font-family:'Paperlogy',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;font-size:16px;line-height:1.6;letter-spacing:0;word-spacing:0;font-variant-ligatures:none;word-break:normal;overflow-wrap:normal;text-size-adjust:100%;padding:56px 0 0;border-top:1px solid rgba(247,245,240,.12);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.cf-footer,.cf-footer *{box-sizing:border-box}
.cf-footer h2,.cf-footer p,.cf-footer ul,.cf-footer li,.cf-footer dl,.cf-footer dt,.cf-footer dd{margin:0;padding:0;font-family:inherit}
.cf-footer ul{list-style:none}
.cf-footer a{text-decoration:none}

.cf-shell{max-width:1120px;margin:0 auto;padding:0 40px}

/* ── 상단: 브랜드 + 사이트 안내 3열 ───────────────────────────── */
.cf-top{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(247,245,240,.12)}
.cf-brand{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}
.cf-logo{display:inline-flex;align-items:center;gap:8px;color:#F7F5F0;font-weight:700;font-size:20px;letter-spacing:-.01em;line-height:1.2}
.cf-logo .cf-symbol{width:24px;height:auto;color:#F7F5F0;flex:none}
.cf-desc{max-width:36ch;font-size:14px;line-height:1.7;color:#B9C3D6;word-break:keep-all}
.cf-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(247,245,240,.3);color:#F7F5F0;font-size:14px;font-weight:600;line-height:1.2;transition:background .3s,color .3s,border-color .3s}
.cf-cta svg{width:16px;height:16px;flex:none}
.cf-cta:hover,.cf-cta:focus-visible{background:#F7F5F0;color:#0A1C3D;border-color:#F7F5F0}

.cf-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-width:0}
.cf-col{min-width:0}
.cf-h{margin-bottom:12px;font-size:14px;line-height:1.4;font-weight:700;letter-spacing:0;color:#F7F5F0}
.cf-col ul{display:flex;flex-direction:column;gap:4px}
.cf-col a{display:inline-block;padding:4px 0;font-size:14px;line-height:1.5;color:#B9C3D6;transition:color .25s;word-break:keep-all}
.cf-col a:hover,.cf-col a:focus-visible{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}

/* ── 사업자 정보 + 사업 안내 ──────────────────────────────────── */
.cf-info{display:grid;gap:16px;padding:24px 0;border-bottom:1px solid rgba(247,245,240,.12)}
.cf-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 32px}
.cf-facts div{display:flex;flex-wrap:wrap;gap:8px;min-width:0;font-size:13px;line-height:1.6}
.cf-facts dt{color:#8D9AB3;white-space:nowrap}
.cf-facts dd{color:#F7F5F0;word-break:keep-all}
.cf-facts a{color:#B9C3D6}
.cf-facts a:hover,.cf-facts a:focus-visible{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}

.cf-notice{font-size:13px;color:#8D9AB3}
.cf-notice summary{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:#B9C3D6;cursor:pointer;list-style:none;line-height:1.6}
.cf-notice summary::-webkit-details-marker{display:none}
.cf-notice summary svg{width:16px;height:16px;flex:none;transition:transform .2s}
.cf-notice[open] summary svg{transform:rotate(45deg)}
.cf-notice summary:hover{color:#FFFFFF}
.cf-notice p{margin-top:8px;max-width:90ch;font-size:13px;line-height:1.7;color:#8D9AB3;word-break:keep-all}

/* ── 하단: 저작권 · 사이트 · 맨 위로 ──────────────────────────── */
.cf-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:20px 0 24px;font-size:13px;color:#8D9AB3}
.cf-copy{color:#8D9AB3}
.cf-sites{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#8D9AB3}
.cf-sites span{color:#8D9AB3}
.cf-sites a{color:#B9C3D6}
.cf-sites a:hover,.cf-sites a:focus-visible{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
.cf-top-link{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:#B9C3D6}
.cf-top-link svg{width:16px;height:16px;flex:none}
.cf-top-link:hover,.cf-top-link:focus-visible{color:#FFFFFF}

/* ── 반응형: 1020 / 720 / 480 ────────────────────────────────── */
@media (max-width:1020px){
  .cf-top{grid-template-columns:minmax(0,1fr);gap:32px}
  .cf-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .cf-footer{padding-top:40px}
  .cf-shell{padding:0 20px}
  .cf-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .cf-facts{grid-template-columns:minmax(0,1fr);gap:8px}
  .cf-bottom{flex-direction:column;align-items:flex-start;gap:12px}
}
@media (max-width:480px){
  .cf-top{padding-bottom:32px}
  .cf-nav{gap:20px 16px}
  .cf-sites{gap:8px}
}
@media (prefers-reduced-motion:reduce){
  .cf-footer *{transition:none !important}
}