:root{font-family:Paperlogy,'Noto Sans KR',sans-serif;color:#17223a;background:#f7f8fc;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:#5c47cc}.wrap{max-width:1140px;margin:auto;padding:0 22px}.top{background:#10172c;color:white}.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:66px}.logo{font-weight:800;letter-spacing:.08em;font-size:18px}.topnav{display:flex;gap:16px;align-items:center}.topnav a:last-child,.cta{background:#6153e7;color:white;padding:12px 18px;font-weight:700;border-radius:8px;display:inline-block}.hero{background:linear-gradient(120deg,#151c36,#383064);color:white;padding:72px 0 76px}.eyebrow{color:#c4baff;font-weight:700;letter-spacing:.13em}.hero h1{font-size:clamp(36px,7vw,66px);line-height:1.08;margin:12px 0 22px}.hero p{font-size:16px;line-height:1.85;max-width:670px;color:#e2e1ef}.hero .cta{margin-top:14px;background:white;color:#26205d}.section{padding:50px 0 15px}.section h2{font-size:26px;margin:0 0 9px}.sub{color:#657087;line-height:1.7}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.filter{border:1px solid #dce0eb;background:white;padding:10px 13px;border-radius:6px;font-weight:650;cursor:pointer;font:inherit}.filter[aria-pressed=true]{background:#202c4e;color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 50px}.card{display:flex;flex-direction:column;background:white;border:1px solid #e6e8f1;border-radius:12px;overflow:hidden;min-height:235px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #18203c1a}.art{height:95px;background:linear-gradient(125deg,#dfe4ff,#e7dbff);padding:18px;display:flex;align-items:end;color:#4b4691;font-weight:800;letter-spacing:.09em}.card:nth-child(4n+2) .art{background:linear-gradient(120deg,#d8f1ef,#dfe9ff);color:#27635e}.card:nth-child(4n+3) .art{background:linear-gradient(120deg,#ffe7db,#f4d9ee);color:#8b4a5c}.card:nth-child(4n) .art{background:linear-gradient(120deg,#e5e9ee,#e5e1fa)}.card-body{padding:20px}.card h3{font-size:17px;line-height:1.5;margin:0 0 10px}.card p{color:#66718a;line-height:1.65;margin:0;font-size:12px}.foot{border-top:1px solid #e3e6ee;padding:28px 0;color:#66718a}.article{max-width:800px;margin:0 auto;padding:48px 22px 80px}.crumb{font-size:12px;color:#6c7690}.article h1{font-size:clamp(28px,5vw,42px);line-height:1.3;margin:24px 0}.lead{font-size:17px;line-height:1.9;color:#34405a}.article h2{margin-top:40px}.article p{line-height:1.95}.answer{border-left:3px solid #7566e9;padding:4px 20px;background:white}.article-cta{margin:40px 0;padding:28px;background:#eae8ff;border-radius:12px}.article-cta p{margin:8px 0 20px}.related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related a{padding:14px;background:white;border:1px solid #e0e3ef;border-radius:8px;font-weight:650}@media(max-width:750px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:54px 0}.topnav{gap:8px}.topnav a{font-size:11px}.topnav a:last-child{padding:9px}.card-body{padding:15px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.related{grid-template-columns:1fr}.top .wrap{padding:12px 16px;flex-wrap:wrap}.hero p{font-size:14px}}