:root { --pink:#f00091; --ink:#111; --pad:clamp(1.25rem,4vw,4.5rem); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { min-width:320px; margin:0; color:var(--ink); background:#fff; font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.channel-main { min-height:72vh; padding-top:82px; }
.channel-hero { display:grid; align-items:end; min-height:62vh; padding:clamp(7rem,13vw,12rem) var(--pad) clamp(4rem,8vw,7rem); color:#fff; background:radial-gradient(circle at 78% 28%,rgba(240,0,145,.42),transparent 32%),#0c0c0e; }
.channel-inner { width:min(100%,1280px); margin:0 auto; }
.channel-kicker { color:#ff4db7; font-size:.78rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.channel-hero h1 { max-width:980px; margin:1.1rem 0 1.5rem; font-size:clamp(3.25rem,7.5vw,7.5rem); line-height:.98; letter-spacing:-.065em; }
.channel-hero p { max-width:680px; margin:0; color:rgba(255,255,255,.7); font-size:clamp(1.05rem,1.8vw,1.35rem); line-height:1.65; }
.channel-body { padding:clamp(5rem,10vw,10rem) var(--pad); }
.channel-body h2 { max-width:850px; margin:0 0 1.5rem; font-size:clamp(2.2rem,5vw,4.75rem); line-height:1.08; letter-spacing:-.05em; }
.channel-body p { max-width:720px; color:#5d5d63; font-size:1.06rem; line-height:1.8; }
.channel-note { margin-top:2.5rem; padding:1.25rem 1.4rem; border:1px solid #f0d7e6; border-radius:1rem; color:#7b265d; background:#fff4fa; }
.ccfm-footer { padding:clamp(4.5rem,8vw,8rem) var(--pad) 2rem; background:#fafafa; }
.ccfm-footer-inner { width:min(100%,1472px); margin:0 auto; }
.ccfm-footer-main { display:grid; grid-template-columns:minmax(18rem,1.25fr) repeat(4,minmax(8rem,.62fr)); gap:clamp(2rem,4vw,5rem); }
.ccfm-footer-social { display:flex; gap:.65rem; }
.ccfm-social-link { display:grid; place-items:center; width:2.3rem; height:2.3rem; border:1px solid #ddd; border-radius:50%; font-size:.7rem; font-weight:800; }
.ccfm-footer-contact { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin-top:1.5rem; color:#666; font-size:.75rem; }
.ccfm-footer-contact a { color:var(--pink); font-weight:700; }
.ccfm-footer-column h3 { margin:0 0 1rem; font-size:1rem; }
.ccfm-footer-column nav { display:grid; gap:.7rem; }
.ccfm-footer-column nav a { color:#666; font-size:.8rem; }
.ccfm-footer-lower { display:flex; justify-content:space-between; gap:2rem; margin-top:6rem; padding-top:1.5rem; border-top:1px solid #222; color:#666; font-size:.72rem; }
@media (max-width:900px) { .ccfm-footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); } .ccfm-footer-intro { grid-column:1/-1; } }
@media (max-width:640px) { .channel-main { padding-top:72px; } .channel-hero { min-height:55vh; } .channel-hero h1 { font-size:clamp(2.8rem,14vw,4.5rem); } .ccfm-footer-main { grid-template-columns:1fr 1fr; gap:2.5rem 1.25rem; } .ccfm-footer-lower { display:grid; margin-top:4rem; } }