*{box-sizing:border-box}
body{margin:0;background:#F4F1EA;color:#1E1E24;font-family:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.75;font-size:16px;word-break:keep-all}
a{color:#2F5D50}
.wrap{max-width:720px;margin:0 auto;padding:18px 18px 60px}
.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.top a{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-weight:900;font-size:18px}
.top .nm i{font-style:normal;color:#2F5D50}
.top img{width:34px;height:34px;border-radius:10px}
.top .go{font-size:13px;font-weight:700;background:#2F5D50;color:#fff;padding:7px 14px;border-radius:99px}
.crumb{font-size:13px;color:#6B6A70;margin-bottom:6px}
.crumb a{color:#6B6A70}
h1{font-size:25px;line-height:1.4;margin:4px 0 16px}
h2{font-size:19px;margin:30px 0 6px}
h2 span{font-family:Georgia,"Times New Roman",serif;font-size:22px;color:#2F5D50}
h2 small{font-size:13px;color:#6B6A70;font-weight:500;margin-left:4px}
p{margin:6px 0}
.lead{color:#4A4950}
.short{display:flex;gap:12px;align-items:flex-start;background:#FFFDF8;border:2px solid #DCE8E2;border-radius:18px;padding:14px}
.short img{width:56px;height:56px;border-radius:14px;flex:none;object-fit:cover}
.short small{font-weight:900;color:#2F5D50;font-size:12px;letter-spacing:.04em}
.short p{margin:2px 0 0}
table.cmp{width:100%;border-collapse:collapse;margin:16px 0 4px;background:#FFFDF8;border-radius:14px;overflow:hidden;font-size:14px}
.cmp th,.cmp td{padding:9px 10px;border-bottom:1px solid #E2DDD2;text-align:left;vertical-align:top}
.cmp th{background:#DCE8E2;font-size:13px}
.cmp td b{font-family:Georgia,serif;font-size:16px;white-space:nowrap}
ul.ex{list-style:none;padding:0;margin:10px 0}
ul.ex li{background:#FFFDF8;border-left:4px solid #9CA94A;border-radius:10px;padding:9px 12px;margin:7px 0}
ul.ex li span{display:block;font-family:Georgia,serif;font-size:17px}
ul.ex li small{color:#6B6A70;font-size:14px}
.tip{background:#FFF6DA;border-radius:16px;padding:12px 14px;margin:26px 0}
.tip p{margin:4px 0 0;color:#5A4815}
.quiz{background:#FFFDF8;border:2px solid #E2DDD2;border-radius:20px;padding:4px 16px 16px;margin:26px 0}
.qlead{color:#6B6A70;font-size:14px}
.q{border-top:1px dashed #E2DDD2;padding:12px 0 4px}
.q:first-child{border-top:0}
.q .s{font-family:Georgia,serif;font-size:18px;margin-bottom:8px}
.q .s u{text-decoration:none;display:inline-block;min-width:64px;border-bottom:2px solid #2F5D50;text-align:center;color:#2F5D50;font-weight:700}
.q .opts{display:flex;flex-wrap:wrap;gap:8px}
.q button{font:inherit;font-family:Georgia,serif;font-size:16px;padding:8px 16px;border-radius:12px;border:2px solid #E2DDD2;background:#fff;cursor:pointer}
.q button:hover:not(:disabled){border-color:#2F5D50}
.q button.ok{background:#2DC26B;border-color:#2DC26B;color:#fff}
.q button.no{background:#F5E0D8;border-color:#B4472F;color:#B4472F;text-decoration:line-through}
.q button:disabled{cursor:default}
.q .k{font-size:14px;color:#6B6A70;margin-top:6px}
.q .k b{color:#2DC26B}
.q .k b.x{color:#B4472F}
.score{margin-top:12px;padding:12px;border-radius:14px;background:#DCE8E2;font-weight:700;text-align:center}
.score a{display:inline-block;margin-top:6px}
.cta{display:flex;gap:14px;align-items:center;background:#2F5D50;color:#fff;border-radius:20px;padding:16px;margin:30px 0}
.cta img{width:96px;height:96px;border-radius:18px;object-fit:cover;flex:none}
.cta b{font-size:17px;line-height:1.45;display:block}
.cta p{font-size:14px;opacity:.9;margin:6px 0 10px}
.btn{display:inline-block;background:#FFD45C;color:#1E1E24;font-weight:900;text-decoration:none;padding:10px 18px;border-radius:12px}
.more ul,.hub{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}
.more a,.hub a{display:block;background:#FFFDF8;border:1px solid #E2DDD2;border-radius:14px;padding:12px 14px;text-decoration:none;color:#1E1E24;font-weight:700}
.more a small{display:block;color:#6B6A70;font-weight:500;font-size:13px}
.hub .ko{display:inline-block;background:#DCE8E2;color:#2F5D50;border-radius:99px;font-size:12px;padding:1px 10px;margin-bottom:4px}
.hub b{display:block;font-family:Georgia,serif;font-size:19px}
.hub small{display:block;color:#6B6A70;font-weight:500;font-size:14px;margin-top:2px}
footer{margin-top:36px;padding-top:14px;border-top:1px solid #E2DDD2;font-size:13px;color:#8A8690}
footer a{color:#6B6A70}
@media (max-width:480px){h1{font-size:22px}.cta{flex-direction:column;text-align:center}.cmp td:nth-child(3),.cmp th:nth-child(3){display:none}}