@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(../media/PretendardVariable.0a.~5ku~863u1.woff2)format("woff2-variations")}
:root{--navy:#09283d;--teal:#079ba5;--ink:#173749;--body:#59727d;--line:#d9e5e7;--soft:#f3f8f8;--white:#fff}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(#edf7f6,#f7f9f9 340px);margin:0;font-family:Pretendard,Apple SD Gothic Neo,sans-serif;font-size:17px;line-height:1.65}h1,h2,p,legend,label,span,button{word-break:keep-all;overflow-wrap:break-word;line-break:strict}.survey-page{width:min(820px,100% - 40px);margin:auto;padding:54px 0 70px}.survey-page header{text-align:center}.survey-mark{background:linear-gradient(145deg,var(--teal),#08717d);color:#fff;border-radius:15px;place-items:center;width:50px;height:50px;margin:0 auto 14px;font-size:25px;font-weight:900;display:grid}.survey-brand{color:var(--teal);letter-spacing:.15em;margin:0;font-size:12px;font-weight:850}.survey-page h1{letter-spacing:-.04em;margin:12px 0 5px;font-size:clamp(31px,5vw,44px)}.survey-page header>p:last-child{color:var(--body);margin:0}.privacy-note,.profile-block,fieldset,.complete-card{border:1px solid var(--line);background:#fff;border-radius:18px}.privacy-note{border-left:5px solid var(--teal);margin:34px 0 18px;padding:21px 24px}.privacy-note p{color:var(--body);margin-left:10px;display:inline}.survey-form{gap:16px;display:grid}.profile-block{padding:24px}.profile-block h2{margin:0;font-size:21px}.profile-block>p{color:var(--body);margin:3px 0 17px;font-size:14px}.profile-block>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.profile-block label{gap:6px;font-size:14px;font-weight:700;display:grid}.profile-block input,.survey-form textarea{width:100%;font:inherit;border:1px solid #cadbdd;border-radius:10px;outline:none;padding:12px}.profile-block input:focus,.survey-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #079ba51a}fieldset{border:1px solid var(--line);margin:0;padding:26px}legend{align-items:center;gap:10px;width:100%;padding:0 0 18px;font-size:19px;font-weight:750;display:flex}legend>span{color:#14786f;background:#e7f5f3;border-radius:8px;flex:0 0 34px;place-items:center;height:28px;font-size:12px;display:inline-grid}legend em{color:#b0515c;margin-left:auto;font-size:11px;font-style:normal}.scale-row{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.scale-row label{cursor:pointer}.scale-row input{opacity:0;position:absolute}.scale-row span{background:#fafcfc;border:1px solid #ceddde;border-radius:10px;place-items:center;height:48px;font-weight:800;display:grid}.scale-row input:checked+span{border-color:var(--teal);color:#08727b;background:#e6f6f4;box-shadow:0 0 0 2px #079ba51f}.choice-list{gap:9px;display:grid}.choice-list label{border:1px solid #d7e3e5;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.choice-list input{margin-top:6px}.consent{color:#315e60;background:#eaf5f3;border-radius:13px;align-items:flex-start;gap:11px;padding:20px;display:flex}.consent input{margin-top:7px}.submit-survey{background:var(--navy);color:#fff;min-height:58px;font:inherit;cursor:pointer;border:0;border-radius:13px;font-weight:850}.submit-survey:disabled{opacity:.6}.submit-error{color:#a63f4b;text-align:center;margin:0}.complete-card{text-align:center;padding:54px}.complete-card>span{color:#22805d;background:#e2f5ed;border-radius:50%;place-items:center;width:58px;height:58px;margin:auto;font-size:28px;display:grid}.complete-card h2{font-size:29px}.complete-card p{color:var(--body)}footer{text-align:center;color:#8ca0a7;letter-spacing:.08em;margin-top:35px;font-size:12px}.invalid-page{text-align:center;place-content:center;min-height:100vh;padding:30px;display:grid}.invalid-page h1{margin-bottom:0}.invalid-page p{color:var(--body)}.interview-public-form{gap:16px;display:grid}.interview-public-form section{border:1px solid var(--line);background:#fff;border-radius:18px;padding:26px}.interview-public-form h2{gap:11px;margin:0 0 16px;font-size:19px;display:flex}.interview-public-form h2>span{color:var(--teal);font-size:13px}.interview-public-form h2 em{color:#ad4e58;margin-left:auto;font-size:11px;font-style:normal}.interview-public-form textarea{width:100%;font:inherit;resize:vertical;border:1px solid #cadbdd;border-radius:10px;outline:none;padding:14px}.interview-public-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #079ba51a}@media (max-width:600px){body{font-size:16px}.survey-page{width:min(100% - 28px,820px);padding-top:34px}.privacy-note p{margin:4px 0 0;display:block}.profile-block>div{grid-template-columns:1fr}fieldset{padding:21px 18px}.scale-row{gap:6px}.scale-row span{height:44px}}
