:root{--ink: #191919;--sub: #8a8a8a;--line: #eeeeee;--soft: #f7f5f2;--soft-line: #e3ded6;--point: #e8462a;--ph: #eeeeee}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:#fff;color:var(--ink);font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}a{color:inherit}.app{max-width:480px;margin:0 auto}.draft-flag{background:var(--point);color:#fff;text-align:center;font-size:13px;padding:4px}.nav{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 18px;position:sticky;top:0;background:#fff;z-index:5}.nav .logo{font-size:20px;font-weight:800;letter-spacing:-.05em;text-decoration:none}.nav button{border:0;background:none;font-size:20px;cursor:pointer;padding:6px;color:var(--ink)}.searchbar{padding:0 18px 10px}.searchbar input{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:0;border-radius:10px;background:var(--soft)}.searchbar input:focus{outline:2px solid var(--ink)}.tabs{display:flex;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);font-size:16px;font-weight:600;overflow-x:auto;scrollbar-width:none}.tabs button{border:0;background:none;font:inherit;color:#9a9a9a;padding:10px 0;cursor:pointer;white-space:nowrap}.tabs button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}.tabs button:disabled{color:#d0d0d0;cursor:default}.feat{position:relative;display:flex;align-items:flex-end;margin:16px 18px 0;height:300px;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none}.feat .bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(30px) saturate(1.4) brightness(.8);transform:scale(1.2)}.feat:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0009,#0000 65%)}.feat img{position:absolute;right:22px;top:26px;height:200px;border-radius:3px;box-shadow:0 14px 30px #00000059;transform:rotate(4deg)}.feat .t{position:relative;z-index:1;padding:20px;max-width:62%}.feat small{font-size:12px;font-weight:700;opacity:.85}.feat h2{margin:6px 0 4px;font-size:22px;line-height:1.35;letter-spacing:-.04em}.feat p{margin:0;font-size:13px;opacity:.85}.sec{display:flex;justify-content:space-between;align-items:center;margin:30px 18px 12px}.sec b{font-size:19px;letter-spacing:-.03em}.sec span{font-size:14px;color:var(--sub)}.row{display:flex;gap:12px;overflow-x:auto;padding:0 18px 4px;scrollbar-width:none}.row::-webkit-scrollbar{display:none}.card{flex:none;width:122px;text-decoration:none;color:inherit}.card img,.card .ph{width:122px;height:166px;object-fit:cover;border-radius:3px;box-shadow:0 4px 12px #0000001f;display:block;background:var(--ph)}.card b{display:block;font-size:14px;margin-top:8px;line-height:1.35}.card small{font-size:12px;color:var(--sub)}.own{display:inline-block;font-size:11px;font-weight:700;color:var(--point);border:1px solid var(--point);border-radius:4px;padding:0 5px;margin-left:4px;vertical-align:1px}.ask{margin:30px 18px 0;padding:18px;border-radius:16px;background:var(--soft)}.ask b{font-size:17px}.ask p{margin:6px 0 0;font-size:14px;color:#6a6a6a;line-height:1.6}.empty{margin:30px 18px;color:var(--sub)}.hero{position:relative;height:430px;overflow:hidden;display:grid;place-items:center}.hero .bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(38px) saturate(1.3);opacity:.85;transform:scale(1.2)}.hero img{position:relative;height:330px;max-width:80%;object-fit:contain;border-radius:3px;box-shadow:0 18px 40px #00000059}.body{padding:22px 20px 0}.cat{font-size:13px;font-weight:700;color:var(--point)}.body h1{font-size:27px;line-height:1.35;letter-spacing:-.04em;margin:6px 0 10px}.meta{font-size:14px;color:var(--sub)}.by{display:flex;align-items:center;gap:10px;margin:18px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.by i{width:38px;height:38px;border-radius:50%;background:#e9e4dc;flex:none}.by b{font-size:15px;display:block}.by small{font-size:13px;color:var(--sub)}.txt{font-size:17px;line-height:1.85;margin:0 0 16px}.nums{display:flex;text-align:center;margin:22px 0;padding:18px 0;background:var(--soft);border-radius:12px}.nums div{flex:1}.nums div+div{border-left:1px solid var(--soft-line)}.nums b{display:block;font-size:22px;letter-spacing:-.04em}.nums small{font-size:12px;color:var(--sub)}.body h2{font-size:19px;letter-spacing:-.03em;margin:34px 0 12px;display:flex;justify-content:space-between;align-items:center}.body h2 span{font-size:14px;font-weight:500;color:var(--sub)}.fit p{margin:0 0 8px;font-size:16px;line-height:1.6}.fit b{color:var(--point)}.body .row{padding:0 20px 6px;margin:0 -20px}.voice div{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:15px;line-height:1.5}.voice b{flex:none;width:44px;color:var(--point)}.voice.mid b{color:var(--sub)}.cap{font-size:13px;color:var(--sub);line-height:1.6;margin:8px 0 0}.prose p{font-size:17px;line-height:1.85;margin:0 0 16px}.prose h2{font-size:19px}.more{margin-top:30px;border-top:1px solid var(--line)}.more details{border-bottom:1px solid var(--line);padding:14px 0}.more summary{font-weight:700;font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.more summary::-webkit-details-marker{display:none}.more summary:after{content:"+";color:var(--sub)}.more details[open] summary:after{content:"−"}.more p,.more li{font-size:15px;color:#444;line-height:1.7}.more ul,.more ol{padding-left:18px;margin:8px 0 0}.pending{background:var(--soft);border-radius:12px;padding:12px 14px;font-size:14px;color:#6a6a6a;line-height:1.6;margin-top:8px}.page{padding:26px 20px 0}.page h1{font-size:26px;letter-spacing:-.04em;margin:0 0 18px}.page h2{font-size:19px;margin:30px 0 10px}.page p,.page li{font-size:16px;line-height:1.8}.foot{font-size:12px;color:#9a9a9a;line-height:1.7;margin:40px 18px;padding-top:16px;border-top:1px solid var(--line)}.foot a{color:#6a6a6a}.hub-head{padding:24px 20px 4px}.hub-head h1{font-size:28px;letter-spacing:-.04em;margin:6px 0 10px;line-height:1.3}.hub-head p{font-size:16px;line-height:1.75;color:#444;margin:0 0 10px}.start{margin:18px 18px 6px;padding:18px;background:var(--ink);color:#fff;border-radius:16px}.start b{font-size:17px}.start-btns{display:grid;gap:8px;margin-top:12px}.start-btns a{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;color:#fff;text-decoration:none;padding:12px 14px;border-radius:10px;font-size:15px;font-weight:600}.start-btns a span{opacity:.7}.draft-note{margin:12px 20px 0;font-size:13px;color:var(--point)}.ladder{margin-top:10px}.rung{padding-top:22px;scroll-margin-top:60px}.rung-h{display:flex;gap:12px;align-items:flex-start;padding:0 20px 12px}.rung-h .no{flex:none;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;display:grid;place-items:center;font-size:15px;margin-top:2px}.rung-h b{display:block;font-size:19px;letter-spacing:-.03em}.rung-h small{display:block;font-size:14px;color:#6a6a6a;line-height:1.5;margin-top:2px}.rung+.rung{border-top:8px solid var(--soft);margin-top:22px}.card .note{display:block;color:var(--point);margin-top:2px;line-height:1.4}.hub-h2{font-size:19px;letter-spacing:-.03em;margin:40px 20px 12px}.tbl-wrap{padding:0 20px;overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:12px;color:var(--sub);font-weight:600;padding:8px 6px;border-bottom:1px solid var(--ink);white-space:nowrap}.tbl td{padding:10px 6px;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}.tbl td:first-child{white-space:normal;font-weight:600}.tbl td small{display:block;font-weight:400;color:var(--sub);font-size:12px}.hub .cap{padding:0 20px}.pick{display:block;margin:16px 18px 0;padding:16px 18px;border-radius:16px;background:var(--ink);color:#fff;text-decoration:none}.pick span{font-size:12px;font-weight:700;color:#ffb4a3}.pick b{display:block;font-size:19px;letter-spacing:-.03em;margin:4px 0 2px}.pick small{font-size:13px;opacity:.75}:root{--r-개념: #ddd5c8;--r-기본: #8fbf9f;--r-유형: #4a7bd0;--r-심화: #e8462a;--r-평가: #3a3a3a}.r-개념{background:var(--r-개념)}.r-기본{background:var(--r-기본)}.r-유형{background:var(--r-유형)}.r-심화{background:var(--r-심화)}.r-평가{background:var(--r-평가)}.term-tabs{margin-top:14px}.term-tabs small{font-size:12px;font-weight:500;color:inherit;opacity:.7}.tnums{display:flex;text-align:center;margin:16px 18px 0;padding:16px 0;background:var(--soft);border-radius:14px}.tnums div{flex:1}.tnums div+div{border-left:1px solid var(--soft-line)}.tnums b{display:block;font-size:22px;letter-spacing:-.04em}.tnums small{font-size:12px;color:var(--sub)}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:22px 20px 0;font-size:13px;color:#555}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.blist{padding:0 20px}.bk{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.bk:last-child{border-bottom:0}.bk>img,.bk>.ph{flex:none;width:76px;height:104px;object-fit:cover;border-radius:3px;box-shadow:0 4px 12px #0000001f;background:var(--soft)}.bk>.ph{display:grid;place-items:center;padding:8px;text-align:center;font-size:11px;font-weight:700;color:#7a7266;line-height:1.35;border:1px solid var(--soft-line);box-shadow:none}.bk-t{flex:1;min-width:0}.bk-t>b{display:block;font-size:16px;line-height:1.35;letter-spacing:-.02em}.bk-t>b span{font-size:13px;font-weight:600;color:var(--sub);white-space:nowrap}.bk-t>small{font-size:12px;color:var(--sub)}.bk-n{font-size:13px;color:#555;margin-top:6px}.bk-n em{font-style:normal;font-weight:800;font-size:16px;color:var(--ink);letter-spacing:-.03em}.bar{display:flex;height:9px;border-radius:5px;overflow:hidden;margin:8px 0 6px;gap:2px;background:#fff}.bar i{display:block;min-width:3px}.stg{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12px;color:#6a6a6a;line-height:1.5}.stg b{color:var(--ink);font-weight:700}.store{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:var(--point);text-decoration:none}.none{font-size:14px;color:var(--sub);margin:4px 0 0}.method{margin:34px 20px 0;padding:18px;background:var(--soft);border-radius:16px}.method b{font-size:16px}.method p{margin:8px 0 0;font-size:14px;line-height:1.75;color:#555}.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 18px 0}.picks a{display:block;padding:14px 12px;border-radius:14px;background:var(--ink);color:#fff;text-decoration:none}.picks a span{display:block;font-size:11px;font-weight:700;color:#ffb4a3}.picks a b{display:block;font-size:17px;margin-top:2px;letter-spacing:-.03em}.picks a small{font-size:12px;opacity:.7}.pick-h{margin:22px 18px 0;font-size:19px;letter-spacing:-.03em;display:flex;justify-content:space-between;align-items:baseline}.pick-h span{font-size:13px;font-weight:500;color:var(--sub)}@media(min-width:600px){body{background:var(--soft)}.app{background:#fff;min-height:100vh;box-shadow:0 0 0 1px var(--soft-line),0 10px 40px #3c28140f}}.legend-in{margin:0 0 8px}.bar-lg{height:14px;border-radius:7px;margin:0 0 12px}.stg-list{list-style:none;padding:0;margin:0}.stg-list li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f0f0;font-size:15px}.stg-list li b{font-size:15px}.to-hub{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;margin:16px 0 0;padding:14px 16px;border-radius:14px;background:var(--ink);color:#fff;text-decoration:none}.to-hub small{grid-column:1 / -1;font-size:12px;opacity:.7}.to-hub b{font-size:17px}.to-hub span{font-size:13px;color:#ffb4a3;font-weight:700}