:root{font-family:Pretendard,sans-serif;line-height:1.5;font-weight:400;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-poster: "SchoolSafetyPoster", sans-serif;--font-pretendard: "Pretendard", sans-serif;--font-slim: "Cafe24ProSlim", sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(to bottom,#0375ff,#fcfdff)}#root{min-height:100vh}a{color:inherit;text-decoration:none}.app{min-height:100vh}@font-face{font-family:SchoolSafetyPoster;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2511-1@1.0/HakgyoansimPosterB.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Cafe24ProSlim;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2511-1@1.0/Cafe24PROSlim-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Cafe24ProSlim;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2511-1@1.0/Cafe24PROSlim-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Cafe24ProSlim;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2511-1@1.0/Cafe24PROSlim-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Joseon100Years;src:url(https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/ChosunCentennial.woff2) format("woff2");font-weight:400;font-display:swap}@media(max-width:768px){body{font-size:14px}h1,h2,h3,h4,h5,h6{font-size:clamp(20px,4vw,36px)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:80px 24px 120px}.hero__bg{position:absolute;inset:0;pointer-events:none}.hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;max-width:none;width:100%}.hero__eyebrow{font-family:Cafe24ProSlim,sans-serif;font-weight:700;font-size:clamp(60px,3.6vw,80px);margin:0 0 2px;letter-spacing:.05em;text-align:left}.hero__title{font-family:Cafe24ProSlim,sans-serif;font-size:clamp(130px,15.8vw,175px);margin:0 0 8px;line-height:1.1;letter-spacing:.03em;text-align:center}.hero__subtitle{font-family:SchoolSafetyPoster,sans-serif;font-size:clamp(30px,5.8vw,50px);margin:-20px 0 24px;letter-spacing:.01em;align-self:flex-end;text-align:right}.hero__desc{font-family:Pretendard,sans-serif;font-size:clamp(10px,2.1vw,28px);margin:0 0 30px;color:#ffffffe6}.hero__actions{width:min(840px,90vw);display:flex;flex-direction:column;gap:30px;align-items:center}.cta{display:inline-flex;align-items:center;justify-content:center;font-family:Pretendard,sans-serif;font-size:clamp(32px,5.5vw,52px);letter-spacing:.06em;text-transform:uppercase;padding:20px 0;width:100%;max-width:1000px;min-width:280px;border-radius:999px;border:0;background:#fff;color:#5a5a5a;box-shadow:0 16px 30px #001e502e;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 20px 36px #001e5038}.hero__links{display:flex;align-items:center;justify-content:flex-end;gap:16px;font-family:Pretendard,sans-serif;font-size:25px;font-weight:700;color:#ffffffb3;width:100%}.hero__links a{color:inherit;text-decoration:underline;text-underline-offset:4px}.divider{color:#ffffff80}.orb,.ring{position:absolute;border-radius:999px;opacity:.6;filter:blur(.2px);animation:float 10s ease-in-out infinite}.orb--left{width:340px;height:340px;left:-90px;top:60px;background:radial-gradient(circle at 30% 30%,#ffffff59,#fff0);animation-duration:12s}.orb--right{width:280px;height:280px;right:-80px;top:120px;background:radial-gradient(circle at 70% 30%,#ffffff40,#fff0);animation-duration:11s}.orb--mid{width:220px;height:220px;right:10vw;bottom:90px;background:radial-gradient(circle at 40% 40%,#ffffff2e,#fff0);animation-duration:9s}.ring{border:1px dashed rgba(255,255,255,.35);background:transparent}.ring--left{width:260px;height:260px;left:60px;top:40px;animation-duration:14s}.ring--right{width:200px;height:200px;right:180px;bottom:40px;animation-duration:13s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(max-width:768px){.hero{padding:60px 24px 80px;align-items:flex-start;justify-content:flex-start}.hero__content{align-items:flex-start;text-align:left;width:100%}.hero__text-group{align-self:stretch}.hero__eyebrow{font-size:clamp(28px,7vw,44px);text-align:left;margin-bottom:0}.hero__title{font-size:clamp(48px,16vw,72px);text-align:left;margin-bottom:0;line-height:1}.hero__subtitle{font-size:clamp(20px,6vw,32px);text-align:right;align-self:stretch;margin:8px 0 20px}.hero__desc{font-size:clamp(13px,3.5vw,17px);text-align:left;margin-bottom:36px;line-height:1.55}.hero__actions{width:100%;gap:12px}.cta{font-size:clamp(18px,5vw,28px);padding:14px 0;background:#fff;color:#5a5a5a;border:none;width:100%;max-width:none}.hero__links{flex-direction:column;gap:12px;width:100%;font-size:clamp(13px,3.5vw,16px);font-weight:600}.hero__links a{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 0;border:1.5px solid rgba(255,255,255,.65);border-radius:999px;text-decoration:none;color:#fff;background:transparent;box-shadow:0 8px 16px #001e501f;transition:transform .18s ease,background .18s ease}.hero__links a:hover{transform:translateY(-2px);background:#ffffff1a}.divider{display:none}}.home{min-height:100vh}@media(max-width:768px){.home{padding:20px;text-align:center}.home-title{font-size:clamp(28px,6vw,48px)}.home-desc{font-size:clamp(14px,3vw,18px)}}:root{--question-wide: min(850px, 90vw)}.question-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:56px 20px 90px;color:#fff0;background-attachment:fixed}.question-shell{width:min(1100px,92vw);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;transform:translateY(-200px)}.question-title{font-size:clamp(36px,7vw,64px);font-family:Pretendard,sans-serif;margin:0}.question-desc{font-family:Pretendard,sans-serif;font-size:clamp(14px,3vw,18px);margin:0;color:#fffc}.question-progress{width:var(--question-wide);height:8px;background:#fff;border-radius:999px;overflow:hidden;box-shadow:0 4px 10px #001e5014}.question-progress__bar{display:block;height:100%;background:#0a66ff;border-radius:999px;transition:width .24s ease}.question-card{width:var(--question-wide);display:flex;align-items:center;justify-content:center;gap:20px;position:relative;padding:0 48px;font-family:Pretendard,sans-serif;font-size:clamp(26px,3vw,50px);font-weight:700;line-height:1.5}.question-quote{height:150px;font-family:Joseon100Years,sans-serif;font-size:clamp(24px,6vw,38px);color:#000;position:absolute;top:50%;transform:translateY(-50%)}.question-quote:first-of-type{left:0}.question-quote:last-of-type{right:0}.question-text{margin:24px 0;max-width:100%;font-size:clamp(15px,2.3vw,20px);font-family:Pretendard,sans-serif;font-weight:600;height:150px;color:#fff;text-shadow:0 2px 10px rgba(0,45,120,.18)}.answer-list{width:var(--question-wide);display:flex;flex-direction:column;gap:14px;margin-top:6px;align-items:stretch}.answer-button{width:100%;border:0;border-radius:999px;padding:15px 30px;font-family:Pretendard,sans-serif;font-size:17px;font-weight:300;background:#fff;color:#2f2f2f;box-shadow:0 10px 24px #001e501f;cursor:pointer;transition:all .2s ease}.answer-button:hover{background:#dcebff;transform:translateY(-1px)}.answer-button:active{transform:translateY(0);box-shadow:0 12px 24px #001e5033}@media(max-width:768px){.question-page{padding:40px 10px 70px}.question-shell{transform:translateY(-100px)}.question-title{font-size:clamp(28px,6vw,48px)}.question-desc{font-size:clamp(12px,2.5vw,16px)}.question-progress{width:100%}.question-card{padding:0 20px;font-size:clamp(20px,4vw,40px)}.answer-button{font-size:15px;padding:12px 20px}}.result-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:70px 20px 96px;color:#fff;background:linear-gradient(to top,#0375ff,#fcfdff)}.result-shell{width:min(960px,92vw);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.result-header{display:flex;flex-direction:column;gap:8px;align-self:stretch;text-align:center;width:100%;margin:0 auto;align-items:center}.result-eyebrow{margin:0;font-family:Pretendard,sans-serif;font-size:clamp(20px,2.6vw,40px);font-weight:900;text-align:center;color:#fffffff2}.result-title{font-family:SchoolSafetyPoster,sans-serif;font-size:clamp(30px,5.6vw,70px);text-align:center;margin:0;letter-spacing:-.02em}.result-profile{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:36px;margin:12px auto 0}.result-image{flex:0 0 auto;width:clamp(220px,32vw,360px);aspect-ratio:1 / 1;background:#ffffff29;box-shadow:0 14px 30px #001e5038;overflow:hidden;display:flex;align-items:center;justify-content:center}.result-image img{width:100%;height:100%;object-fit:cover}.result-image__placeholder{width:100%;height:100%;background:#ffffff29}.result-summary{flex:0 0 auto;width:clamp(200px,30vw,340px);display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding-top:8px}.result-quote{margin:0 0 8px;font-family:var(--font-pretendard);font-size:clamp(18px,1.5vw,20px);font-weight:700;color:#fffffff2;line-height:1.4}.result-desc{font-family:var(--font-pretendard);font-size:clamp(15px,1.1vw,17px);margin:0;color:#ffffffe0;line-height:1.65}.result-footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px}.result-footer__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;width:100%}.result-similar{margin:8px 0 0;font-family:var(--font-pretendard);font-size:clamp(15px,2vw,20px);font-weight:600;line-height:1.4;text-align:center}.result-cta-title{margin:4px 0 0;font-family:SchoolSafetyPoster,sans-serif;font-size:clamp(18px,1.2vw,30px);font-weight:900;line-height:1.2;text-align:center;letter-spacing:-.02em}.result-actions{display:flex;flex-direction:column;gap:20px;width:min(480px,88vw);align-items:stretch;margin-top:6px}.result-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;border:1.5px solid rgba(255,255,255,.7);border-radius:999px;padding:14px 0;font-family:var(--font-pretendard);font-size:clamp(14px,1.4vw,16px);font-weight:600;background:transparent;color:#fff;cursor:pointer;box-shadow:0 10px 18px #001e5029;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.result-cta:hover{transform:translateY(-2px);box-shadow:0 16px 26px #001e5038;background:#ffffff1f}.result-link{font-family:var(--font-pretendard);font-size:clamp(14px,1.4vw,16px);font-weight:600;color:#fff;border:1.5px solid rgba(255,255,255,.7);border-radius:999px;padding:14px 0;display:inline-flex;align-items:center;justify-content:center;width:100%;background:transparent;box-shadow:0 10px 18px #001e5024;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.result-link:hover{transform:translateY(-2px);box-shadow:0 16px 26px #001e5038;background:#ffffff1f}.result-list{width:100%;display:grid;gap:16px}.result-card{background:#ffffffeb;color:#3c3c3c;border-radius:24px;padding:18px 22px;text-align:left;box-shadow:0 14px 24px #001e5024}.result-card__question{margin:0 0 8px;font-family:var(--font-pretendard);font-size:16px;font-weight:600}.result-card__answer{margin:0;font-family:var(--font-slim);font-size:15px;color:#1a5fd1}@media(max-width:640px){.result-profile{flex-direction:column;align-items:center;gap:20px}.result-image{width:min(300px,80vw)}.result-summary{width:min(320px,88vw);align-items:flex-start}.result-actions{width:min(320px,88vw);align-items:center}.result-card{padding:16px 18px}.result-card__question,.result-card__answer{font-size:14px}}@media(max-width:768px){.result-page{padding:40px 10px 70px}.result-shell{width:100%}.result-title{font-size:clamp(24px,5vw,40px)}.result-profile{grid-template-columns:1fr;gap:20px}.result-cta,.result-link{width:90%;margin:0 auto;font-size:16px}}