:root{font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif;color:#172b49;background:#fff;letter-spacing:0;--orange:#ff7024;--line:#e4e9f1}
*{box-sizing:border-box}html,body{margin:0;height:100%}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #6c9bde;outline-offset:2px}.hidden{display:none}.wrap{max-width:480px;height:100%;margin:auto;background:white}.inner,#form_a{height:100%;margin:0}#form_a{display:flex;flex-direction:column}.diagnose-header{height:56px;flex-shrink:0;display:grid;grid-template-columns:80px 1fr 28px;gap:12px;align-items:center;padding:0 20px;border-bottom:1px solid #f0f2f6}.diagnose-header img{width:76px;height:28px;object-fit:contain}.diagnose-header h1{font-size:12px;text-align:center;margin:0}.diagnose-header a{text-decoration:none;color:#8795a9;font-size:25px;text-align:center}.embedded .diagnose-header{display:none}.diagnose-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 22px 15px;scrollbar-width:thin}.intro{font-size:11px;color:#8794a7;margin:0 0 10px}.progress-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}#question-category{font-size:10px;font-weight:700;line-height:1.5;background:#fff0e6;color:#e77435;border-radius:5px;padding:4px 8px}#dp_number{font-size:11px;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums}#dp_number b{color:var(--orange)}#diagnose-progress{height:4px;background:#edf0f5;border-radius:4px;overflow:hidden;margin-bottom:18px}#diagnose-progress span{display:block;height:100%;width:0;background:var(--orange);transition:width .2s}#question-panel{border:1px solid #edf0f5;border-radius:8px;padding:18px 16px;background:#f6f8fb}.question{font-size:14px;line-height:1.65;margin:0 0 8px;font-weight:700;word-break:keep-all;overflow-wrap:anywhere}.question:focus{outline:none}.question b{color:var(--orange)}#legal-basis{font-size:10px;line-height:1.65;color:#8090a6;margin:0 0 13px}.ex{display:grid;gap:9px}.ex button{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;padding:11px 35px 11px 13px;color:#52647d;font-size:12px;line-height:1.5}.ex button:before{content:"";width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#df6755}.ex button:nth-child(2):before{background:#eda442}.ex button:nth-child(3):before{background:#dfc143}.ex button:nth-child(4):before{background:#83b866}.ex button:nth-child(5):before{background:#38a260}.ex button.ck{border-color:var(--orange);background:#fff6ef;color:#172b49;font-weight:700}.ex button.ck:after{content:"✓";position:absolute;right:12px;width:15px;height:15px;border-radius:50%;background:var(--orange);color:white;font-size:11px;line-height:15px;text-align:center}.footer{padding:16px 22px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0;background:#fff}.footer button{min-height:38px;border:1px solid var(--line);border-radius:7px;padding:9px 12px;font-size:11px;font-weight:700;color:#53677f;background:#fff;white-space:nowrap}#footer_btn_next,#footer_btn_start{background:var(--orange);border-color:var(--orange);color:white;box-shadow:0 4px 12px #ff702429}#footer_btn_start{margin-left:auto}#progress-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:3px;flex:1}#progress-dots i{width:4px;height:4px;border-radius:4px;background:#e0e5ee}#progress-dots i.past{background:#bac7d7}#progress-dots i.current{width:10px;background:var(--orange)}.result{padding:24px 18px;background:#f6f8fb;border:1px solid #edf0f5;border-radius:8px}.score{font-size:48px;font-weight:750;text-align:center;margin:5px 0 20px}.result .txt{font-size:13px;line-height:1.8;margin:0 0 18px;color:#63758a}.result .txt span{color:#e56b25;font-weight:700}.result .btn{display:grid;gap:10px}.result .btn button{padding:13px 12px;border:1px solid var(--orange);border-radius:7px;background:var(--orange);color:white;font-size:12px;font-weight:700}.result .btn button:first-child{background:#fff;color:#da6425}#diagnose-error{padding:10px;border-radius:5px;background:#fff0ea;color:#b3452e;font-size:12px;line-height:1.6}#sending{position:fixed;inset:0;background:#ffffff9c;display:grid;place-items:center;z-index:20}#sending:after{content:"";width:25px;height:25px;border:3px solid #f2d9cc;border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:390px){.diagnose-scroll{padding:18px 16px 12px}.footer{padding:14px 16px;gap:8px}.footer button{padding:9px;font-size:10px}.question{font-size:13px}#question-panel{padding:16px 13px}.diagnose-header{padding:0 14px;gap:8px;grid-template-columns:72px 1fr 25px}.diagnose-header h1{font-size:11px}.diagnose-header img{width:70px}#progress-dots{gap:2px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}