:root{font-family:system-ui,-apple-system,"Noto Sans KR","Malgun Gothic",sans-serif;color:#19394b;background:#e8f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.page{min-height:100vh;background:linear-gradient(154deg,#dff5ff 0%,#f5fcff 42%,#fff 75%,#eaf8f9 100%)}.wrap{width:min(100% - 40px,1120px);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:86px;border-bottom:1px solid #267a912c}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#0a8196;color:#fff;font-size:27px;line-height:1}.header-link{color:#086b80;text-decoration:none;font-size:15px;font-weight:800}.header-link:hover{text-decoration:underline}.status{display:inline-block;margin-top:28px;padding:9px 13px;border:1px solid #bce2e9;border-radius:9px;background:#eaf9fc;color:#1c6979;font-size:14px;font-weight:700;line-height:1.4}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:55px;padding:58px 0 88px}.kicker{display:inline-block;margin:0 0 19px;padding:7px 12px;border-radius:99px;background:#e1f5fa;color:#087489;font-size:15px;font-weight:800}.hero h1{margin:0;font-size:clamp(38px,4.8vw,64px);line-height:1.15;letter-spacing:-.065em}.hero-copy>p:not(.kicker){max-width:510px;margin:25px 0 0;color:#53717e;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:33px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:0 22px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:800}.primary{background:#087d92;color:white;box-shadow:0 10px 22px #087d9233}.primary:hover,.next-button:hover{background:#066b7d}.secondary{border:1px solid #c3dfe5;background:#ffffffbb;color:#206578}.secondary:hover{background:white}.flow{padding:26px;border:1px solid #cce7ec;border-radius:25px;background:#ffffffeb;box-shadow:0 25px 55px #1f6b811f}.flow-title{display:flex;align-items:center;justify-content:space-between;padding:0 1px 17px;border-bottom:1px solid #e1eff2;font-size:16px;font-weight:800}.flow-title strong{color:#098399;font-size:14px}.flow ol{margin:0;padding:0;list-style:none}.flow li{display:flex;gap:15px;align-items:flex-start;padding:20px 0;border-bottom:1px solid #eaf1f3}.flow li:last-child{padding-bottom:2px;border-bottom:0}.flow li>span{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:11px;background:#e3f6f9;color:#087489;font-size:14px;font-weight:800}.flow li strong{display:block;margin-bottom:5px;font-size:17px}.flow li small{color:#627b84;font-size:14px;line-height:1.5}.topics{padding:54px 0 70px;border-top:1px solid #d7ebef}.section-head p{margin:0 0 7px;color:#087489;font-size:15px;font-weight:800}.section-head h2{margin:0 0 8px;font-size:clamp(27px,3vw,36px);letter-spacing:-.05em}.section-head>span{color:#5c7882;font-size:16px;line-height:1.5}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:27px}.topic{position:relative;display:flex;flex-direction:column;min-height:180px;padding:22px;border:1px solid #d6e7eb;border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 10px 24px #2b6c800e;transition:transform .18s,box-shadow .18s,border-color .18s}.topic:hover{transform:translateY(-3px);border-color:#85cbd6;box-shadow:0 18px 30px #2b6c801f}.topic-number{margin-bottom:21px;color:#0b8ba0;font-size:14px;font-weight:800}.topic strong{margin-bottom:5px;font-size:21px;letter-spacing:-.04em}.topic>span:not(.topic-number){max-width:235px;color:#67818a;font-size:14px;line-height:1.5}.topic b{position:absolute;top:21px;right:22px;color:#0b8ba0;font-size:20px;line-height:1}.topic-foot{margin:18px 0 0;color:#607b84;font-size:14px;line-height:1.5}.survey-section{padding:58px 0 76px;border-top:1px solid #d7ebef;scroll-margin-top:20px}.survey-card{width:min(100%,620px);margin:27px auto 0;padding:28px;border:1px solid #cde6eb;border-radius:24px;background:#fff;box-shadow:0 24px 50px #1f6b8117}.survey-top{display:flex;justify-content:space-between;gap:12px;color:#087489;font-size:14px;font-weight:800}.progress{height:7px;margin:15px 0 28px;border-radius:99px;background:#eaf2f4;overflow:hidden}.progress span{display:block;width:33.33%;height:100%;border-radius:99px;background:linear-gradient(90deg,#12a9b5,#0a7f95);transition:width .2s}.step-kicker{margin:0 0 8px;color:#087489;font-size:14px;font-weight:800}.step h3{margin:0;font-size:clamp(25px,3vw,32px);line-height:1.35;letter-spacing:-.05em}.step-description{margin:11px 0 27px;color:#5d7884;line-height:1.6}.step fieldset{min-width:0;margin:0 0 25px;padding:0;border:0}.step legend{margin-bottom:12px;font-size:16px;font-weight:800}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice{min-height:52px;padding:12px 14px;border:1px solid #d6e6e9;border-radius:11px;background:#fff;color:#284857;font-weight:700;text-align:left}.choice:hover{border-color:#8ccbd3;background:#f4fbfc}.choice[aria-pressed=true]{border-color:#0b8395;background:#e7f8fa;color:#076b7c;box-shadow:inset 0 0 0 1px #0b8395}.field{display:block;margin-bottom:18px;font-size:15px;font-weight:800}.field input,.field select{display:block;width:100%;height:53px;margin-top:9px;padding:0 15px;border:1px solid #cbdfe4;border-radius:11px;background:#fff;color:#19394b;outline:none}.field input:focus,.field select:focus{border-color:#0b8395;box-shadow:0 0 0 3px #0b839527}.field input::placeholder{color:#96a8b0}.other-field{margin-top:-10px}.notice{margin:10px 0 25px;padding:18px;border:1px solid #dcebee;border-radius:15px;background:#f7fbfc;font-size:14px;line-height:1.55}.notice>div{padding:10px 0;border-bottom:1px solid #e0ecef}.notice>div:first-child{padding-top:0}.notice dt{margin-bottom:4px;font-weight:800}.notice dd{margin:0;color:#476572}.notice em{font-style:normal;color:#a1582a}.notice p{margin:14px 0 0;color:#55717b}.consent-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.consent-choices label,.visit-option{display:flex;align-items:center;gap:9px;min-height:52px;padding:12px 14px;border:1px solid #d6e6e9;border-radius:11px;background:#fff;font-weight:700;cursor:pointer}.consent-choices label:has(input:checked),.visit-option:has(input:checked){border-color:#0b8395;background:#e7f8fa;color:#076b7c}.consent-choices input,.visit-option input{width:18px;height:18px;accent-color:#0b8395}.required{color:#087489;font-size:13px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.visit-option{margin:5px 0 18px}.help{margin:0;color:#647f89;font-size:13px;line-height:1.5}.error{min-height:21px;margin:12px 0;color:#b73535;font-size:14px;font-weight:700;line-height:1.5}.next-button,.back-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 19px;border-radius:11px;font-weight:800}.next-button{width:100%;border:0;background:#087d92;color:white}.step-actions{display:flex;gap:10px}.step-actions .next-button{flex:1}.back-button{border:1px solid #c9dfe5;background:white;color:#416574}.done{text-align:center;padding:30px 8px 15px}.done-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 17px;border-radius:50%;background:#def5f6;color:#078195;font-size:32px;font-weight:800}.done p{margin:16px auto 25px;max-width:380px;color:#5d7884;line-height:1.7}.done .next-button{max-width:320px}.footer{display:flex;justify-content:space-between;gap:25px;padding:28px 0 45px;border-top:1px solid #d7ebef;color:#607e87;font-size:13px;line-height:1.5}:focus-visible{outline:3px solid #78cbd4;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:32px;padding:43px 0 60px}.flow{max-width:580px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.wrap{width:min(100% - 28px,1120px)}.header{min-height:72px}.brand{font-size:16px}.header-link{font-size:14px}.status{margin-top:22px}.hero h1{font-size:37px}.hero-copy>p:not(.kicker){font-size:16px}.flow{padding:21px}.topic-grid{grid-template-columns:1fr}.topic{min-height:150px}.topic-number{margin-bottom:12px}.survey-card{padding:19px;border-radius:18px}.field-row{gap:9px}.field input{padding:0 10px}.consent-choices{grid-template-columns:1fr}.footer{flex-direction:column;gap:6px}}