/* 랜딩 스타일 헤더/푸터 공통 — about·terms·privacy 등 정보 페이지용 (lc- 프리픽스, styles.css 비의존) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Noto Sans KR', sans-serif; background:#fff; color:#222; line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }

/* 상단 (랜딩 GNB 동일 톤) */
.lc-gnb { position:sticky; top:0; z-index:1000; background:#fff; border-bottom:1px solid #eee; display:flex; align-items:center; justify-content:space-between; padding:0 40px; height:60px; }
.lc-logo { font-size:22px; font-weight:900; color:#FF4B00; letter-spacing:-1px; }
.lc-logo span { color:#222; }
.lc-nav-right { display:flex; align-items:center; gap:14px; }
.lc-nav-ghost { font-size:14px; color:#666; }
.lc-nav-ghost:hover { color:#FF4B00; }
.lc-nav-btn { background:#FF4B00; color:#fff; font-size:13px; font-weight:700; padding:8px 20px; border-radius:4px; }
.lc-nav-btn:hover { background:#e04000; }

/* 본문 (.doc) — 인라인 .doc 가 있으면 그쪽이 우선 */
.doc { max-width:860px; margin:0 auto; padding:40px 20px 64px; line-height:1.85; color:#333; }
.doc h1 { font-size:28px; font-weight:900; letter-spacing:-0.5px; margin-bottom:8px; color:#111; }
.doc .doc-sub { color:#999; font-size:13px; margin-bottom:22px; }
.doc h2 { font-size:18px; font-weight:800; margin:28px 0 10px; color:#111; }
.doc p { margin:10px 0; font-size:15px; }
.doc ul { margin:10px 0 10px 22px; }
.doc li { margin:6px 0; }
.doc a { color:#FF4B00; text-decoration:underline; }
.doc b, .doc strong { color:#111; }

/* 하단 (랜딩 푸터 동일 톤) */
.lc-footer { background:#111; padding:48px 40px; }
.lc-footer-inner { max-width:1100px; margin:0 auto; }
.lc-foot-top { margin-bottom:8px; }
.lc-foot-logo { font-size:22px; font-weight:900; color:#FF4B00; }
.lc-foot-logo span { color:#fff; }
.lc-foot-tag { font-size:13px; color:#777; margin-top:8px; }
.lc-policy { border-top:1px solid #222; padding:24px 0; margin-top:16px; display:flex; flex-wrap:wrap; gap:10px 22px; }
.lc-policy a { font-size:13px; color:#999; }
.lc-policy a:hover { color:#FF4B00; }
.lc-foot-bottom { border-top:1px solid #222; padding-top:24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.lc-foot-info { font-size:12px; color:#555; line-height:1.8; }
.lc-foot-copy { font-size:12px; color:#444; }

@media (max-width:768px) {
  .lc-gnb { padding:0 20px; }
  .lc-footer { padding:40px 20px; }
  .lc-foot-bottom { flex-direction:column; align-items:flex-start; }
}

/* 로그인/회원가입 모달 (landing-auth.js 가 주입) */
.auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;}
.auth-overlay.open{display:flex;}
.auth-pop{background:#fff;border-radius:16px;width:100%;max-width:380px;padding:28px 26px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);}
.auth-x{position:absolute;top:14px;right:18px;font-size:26px;color:#bbb;cursor:pointer;line-height:1;}
.auth-brand{font-size:24px;font-weight:900;color:#FF4B00;text-align:center;letter-spacing:-1px;margin-bottom:18px;}
.auth-brand span{color:#222;}
.auth-tabs{display:flex;border-bottom:1px solid #eee;margin-bottom:18px;}
.auth-tab{flex:1;background:none;border:none;padding:10px;font-size:15px;font-weight:700;color:#999;cursor:pointer;border-bottom:2px solid transparent;}
.auth-tab.active{color:#FF4B00;border-bottom-color:#FF4B00;}
.auth-google{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dadce0;border-radius:8px;padding:11px;font-size:14px;font-weight:700;color:#3c4043;text-decoration:none;margin-bottom:14px;}
.auth-google span{color:#4285f4;font-weight:800;}
.auth-or{text-align:center;color:#bbb;font-size:12px;margin-bottom:14px;}
.auth-pop form input{width:100%;border:1px solid #ddd;border-radius:8px;padding:12px;font-size:14px;margin-bottom:10px;outline:none;font-family:inherit;}
.auth-pop form input:focus{border-color:#FF4B00;}
.auth-msg{font-size:12.5px;color:#ef4444;min-height:16px;margin-bottom:6px;}
.auth-go{width:100%;background:#FF4B00;color:#fff;border:none;border-radius:8px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;}
.auth-go:hover{background:#e04000;}