*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Malgun Gothic',sans-serif;color:#263445;background:#fff}a{color:inherit;text-decoration:none}.top{background:#f7f9fc;border-bottom:1px solid #e7ebf0;padding:10px max(4%,calc((100vw - 1180px)/2));color:#2367cb;font-weight:800}.top span{margin-left:12px;color:#768395;font-size:12px;font-weight:400}header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 16px}.brand{display:flex;align-items:center;gap:10px;color:#2367cb;font-size:25px}.brand:first-letter{color:white}.brand{font-weight:800}.brand::first-letter{background:#2b70d4}nav{display:flex;gap:34px;font-weight:700}nav a:hover,.guides a:hover{color:#2367cb}.hero{background:linear-gradient(110deg,#eaf3ff,#f7fbff);padding:56px max(4%,calc((100vw - 1180px)/2));border-top:1px solid #e7ebf0}.eyebrow{color:#2b70d4;font-size:12px;font-weight:800;letter-spacing:.12em}.hero h1{font-size:42px;line-height:1.25;margin:12px 0}.hero p{color:#687789;margin-bottom:30px}form{display:flex;gap:8px;max-width:850px;background:white;padding:10px;box-shadow:0 8px 26px #23487618;border:1px solid #dbe6f7;border-radius:10px}label{font-size:12px;color:#66758a;display:flex;flex-direction:column;gap:5px;flex:1}select,input{border:0;outline:0;font-size:16px;min-height:30px;color:#263445}button{border:0;background:#286bd2;color:white;border-radius:6px;padding:13px 27px;font-size:15px;font-weight:700;cursor:pointer}button:disabled{background:#9aabc3;cursor:default}.content{max-width:1180px;margin:0 auto;padding:58px 16px}.sectionhead{display:flex;align-items:end;justify-content:space-between}.sectionhead span{color:#788698}h2{font-size:28px;margin:10px 0 25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.guides article{border:1px solid #e1e7ef;border-radius:10px;padding:24px;box-shadow:0 3px 14px #1c355008}.card small,.guides small{color:#2870d8;font-weight:700}.card h3,.guides h3{font-size:19px;margin:12px 0}.card p,.guides p{color:#617082;line-height:1.7}.card button{padding:10px 16px;background:#eff5ff;color:#2367cb}.empty{grid-column:1/-1;padding:34px;background:#f6f9fd;border-radius:8px;color:#657489}.source{font-size:13px;color:#7b8795;line-height:1.7}.guides a{color:#2367cb;font-size:14px;font-weight:700}.cta{margin:30px auto 70px;max-width:1180px;background:#e9f3ff;border-radius:12px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin-bottom:12px}.cta p{max-width:760px;color:#5e6f83;line-height:1.7}footer{background:#f7f9fc;border-top:1px solid #e6ebf2;padding:35px max(4%,calc((100vw - 1180px)/2));font-size:13px;color:#718092}footer strong{color:#2367cb;font-size:20px}footer a{text-decoration:underline}dialog{border:0;border-radius:12px;max-width:560px;width:calc(100% - 30px);padding:35px;box-shadow:0 20px 70px #10253b55}dialog::backdrop{background:#15263b99}.close{float:right;background:#edf3fc;color:#243b5c;padding:6px 12px}#detail-body p{line-height:1.7;color:#5d6c7e}@media(max-width:760px){header{height:auto;display:block;padding:18px 16px}nav{gap:15px;flex-wrap:wrap;margin-top:20px;font-size:14px}.hero{padding:36px 16px}.hero h1{font-size:32px}form{display:block}form label{padding:7px}form button{width:100%;margin-top:6px}.grid{grid-template-columns:1fr}.content{padding:38px 16px}.cta{margin:15px 16px 45px;display:block;padding:25px}.cta button{margin-top:15px}}