@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#263b35;background:#f6f5ef;--green:#315b49;--orange:#df7049;--line:#dce0d6}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{max-width:1200px;margin:auto;padding:29px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}header a{font-size:19px}header a:first-letter{color:var(--green)}header>span{font-size:10px;letter-spacing:1.7px;color:#788277}i{color:#df7049;font-style:normal;margin-left:14px}main{max-width:1120px;margin:auto;min-height:77vh;padding:54px 24px}footer{max-width:1136px;margin:auto;border-top:1px solid var(--line);padding:24px 8px;display:flex;justify-content:space-between;font-size:11px;color:#7b8379}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--orange);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:25px;height:1px;background:var(--orange)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;padding:12px 0 38px}h1{font-size:clamp(38px,4.4vw,62px);line-height:1.32;letter-spacing:-3px;margin:23px 0}h1 em{font-style:normal;color:var(--green);position:relative}h1 em:after{content:'';position:absolute;bottom:-5px;height:5px;background:#e8c98a;left:0;right:0;border-radius:50%}.sub{color:#7b8279;font-size:15px;line-height:1.9}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 16px}.primary,.secondary{border:0;border-radius:11px;padding:15px 23px;font-weight:700}.primary{background:var(--green);color:white}.primary:hover{background:#244737}.secondary{background:#e9ece3;color:var(--green)}.note{font-size:11px;color:#8a8e83}.scene{height:350px;position:relative;background:#e9ecdf;border-radius:46% 46% 18% 18%;display:grid;place-items:center;overflow:hidden}.scene:after{content:'';position:absolute;bottom:40px;width:260px;height:24px;background:#ced5bd;border-radius:50%}.rock{position:relative;background:#b8beb0;width:180px;height:153px;border-radius:48% 56% 38% 43%;transform:rotate(-7deg);box-shadow:inset -20px -13px #a6af9c;z-index:1}.rock:before{content:'• •';position:absolute;top:48px;left:52px;font-size:31px;letter-spacing:12px;white-space:nowrap}.rock:after{content:'⌣';position:absolute;top:79px;left:76px;font-size:28px}.tiny{position:absolute;border-radius:50%;background:#d9c5a2;width:45px;height:32px;bottom:58px;right:55px;z-index:2;transform:rotate(13deg)}.spark{position:absolute;color:#80916b;font-size:32px}.s1{top:55px;right:65px}.s2{top:112px;left:48px;font-size:21px}.tag{position:absolute;bottom:20px;z-index:2;font-size:10px;letter-spacing:2px;color:#67745d}.badge{position:absolute;top:20px;left:20px;background:#f9faf3;padding:9px 13px;border-radius:50px;font-size:11px;transform:rotate(-7deg)}.stats{display:flex;gap:35px;margin-top:30px}.stats strong{font-size:22px}.stats small{display:block;font-size:10px;color:#818879;margin-top:3px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:25px 0 18px}.section-head h2{font-size:20px;margin:0;letter-spacing:-.7px}.section-head span{font-size:11px;color:#838a7d}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.category{border:1px solid var(--line);background:#fafaf5;text-align:left;border-radius:12px;padding:17px;transition:.2s}.category:hover{transform:translateY(-3px);border-color:#7c967a}.category b{display:block;font-size:13px;margin:11px 0 4px}.category small{color:#8b9185;font-size:10px}.icon{font-size:23px}.gift{font-size:12px;color:#7e8777;margin-top:22px;text-align:center}.quiz{max-width:740px;margin:0 auto}.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#798575}.link{border:0;background:none;color:#67765f;padding:8px}.progress{height:5px;background:#e0e5d8;border-radius:5px;margin:16px 0 30px;overflow:hidden}.progress div{height:100%;background:#6e8d6d;transition:width .4s}.card{background:#fffef9;border:1px solid var(--line);border-radius:22px;padding:35px}.pill{display:inline-block;background:#edf0e4;color:#60744f;padding:6px 10px;border-radius:7px;font-size:11px}.question{font-size:25px;line-height:1.6;margin:20px 0 27px;letter-spacing:-.8px}.options{display:grid;gap:10px}.option{border:1px solid #dfe3d6;background:#fffefb;text-align:left;padding:17px;border-radius:11px;display:flex;gap:14px;align-items:center;color:#354336}.option span{font-size:11px;background:#edf0e7;border-radius:6px;padding:5px 8px}.option:hover:not(:disabled){border-color:#829975;background:#f3f5eb}.option:disabled{cursor:default;opacity:1}.option.correct{background:#eaf2e3;border-color:#6b9260}.option.wrong{background:#fbece5;border-color:#cc8a76}.feedback{margin-top:22px;padding:18px;border-radius:12px;background:#f0f2e9;font-size:13px;line-height:1.8}.feedback strong{display:block;font-size:15px;margin-bottom:4px}.next{width:100%;margin-top:18px}.quiz-bottom{text-align:center;font-size:11px;color:#8a9183;margin-top:20px}.result{text-align:center;max-width:770px;margin:auto}.score{font-size:80px;font-weight:900;color:var(--green);letter-spacing:-5px;margin:12px 0}.score small{font-size:22px;letter-spacing:0;color:#99a18f}.result h1{font-size:36px;letter-spacing:-1.5px}.result .actions{justify-content:center}.review-list{text-align:left;margin-top:35px;display:grid;gap:12px}.review-item{padding:21px;background:#fffef9;border:1px solid var(--line);border-radius:12px;font-size:13px;line-height:1.9}.review-item b{display:block}.review-item span{color:#637d54}.toast{font-size:12px;min-height:22px;color:#62805a}button:focus-visible,a:focus-visible{outline:3px solid #df9d50;outline-offset:4px}@media(max-width:720px){header{padding:21px}header a{font-size:15px}header>span{display:none}main{padding:30px 20px}.hero{grid-template-columns:1fr;gap:25px}h1{letter-spacing:-2px}.scene{height:240px;grid-row:2}.scene .rock{transform:scale(.85) rotate(-7deg)}.categories{grid-template-columns:repeat(2,1fr)}.stats{gap:29px}.section-head>span{display:none}footer{margin:0 20px;display:block;line-height:2}footer span{display:block}.card{padding:23px 18px}.question{font-size:21px}.result h1{font-size:30px}}