@font-face{font-family:Pretendard;src:url("/fonts/pretendard-core.e4db574b0d.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0020-007E,U+00A0,U+00A9,U+00B0-00B1,U+00B7,U+00D7,U+2000-200A,U+2013-2014,U+2018-2019,U+201C-201D,U+2026,U+202F,U+203B,U+205F,U+2103,U+2191-2192,U+3000,U+338F,U+339C,U+AC00,U+AC12,U+AC19,U+AC1C,U+AC70,U+AC78,U+AC80,U+AC83,U+AC8C,U+ACA8-ACA9,U+ACBD,U+ACC4,U+ACE0,U+ACF3,U+ACF5,U+ACFC,U+AD50,U+AD6C,U+ADDC,U+ADF8,U+AE00,U+AE08-AE09,U+AE30,U+AE38,U+AE4C,U+AED8,U+AFC0,U+B07C,U+B098,U+B0B4,U+B108,U+B123-B124,U+B144,U+B178,U+B192,U+B204,U+B208,U+B274,U+B294,U+B2C8,U+B2E4,U+B2E8,U+B2EC,U+B300,U+B354,U+B3C4,U+B3D9,U+B418,U+B450,U+B4A4,U+B4DC,U+B4F1,U+B514,U+B530,U+B54C,U+B5BB,U+B610,U+B77C-B77D,U+B798-B799,U+B79C,U+B7C9,U+B7EC,U+B807-B808,U+B824,U+B838,U+B85C-B85D,U+B8CC,U+B8E8,U+B958,U+B974,U+B978,U+B97C,U+B984-B985,U+B9AC,U+B9B0,U+B9BC,U+B9C1,U+B9C8-B9C9,U+B9CC,U+B9DE,U+B9E4,U+B9E8,U+BA74,U+BA85,U+BAA8-BAA9,U+BB34,U+BB38,U+BB3B-BB3C,U+BC14,U+BC18,U+BC1B-BC1C,U+BC29,U+BC30,U+BC84,U+BC88,U+BC95,U+BCC4,U+BCF4,U+BCF8,U+BD80,U+BD84,U+BE0C,U+BE14,U+BE44,U+C0AC,U+C0B0,U+C0C1,U+C0C8-C0C9,U+C11C-C11D,U+C120,U+C124,U+C131,U+C138,U+C18C-C18D,U+C218,U+C21C,U+C22B,U+C2A4,U+C2B5,U+C2DC-C2DD,U+C3D8,U+C4F0,U+C544,U+C548,U+C54A,U+C54C,U+C555,U+C55E,U+C561,U+C57D,U+C5B4,U+C5BC,U+C5C6,U+C5D0,U+C5D4,U+C5EC,U+C5F0,U+C606,U+C624,U+C640,U+C694,U+C6A9,U+C6B0,U+C6B4,U+C6B8,U+C6C0,U+C6CC,U+C6D0,U+C704,U+C720,U+C73C,U+C740,U+C744,U+C74C,U+C758,U+C774,U+C778,U+C77C-C77D,U+C785,U+C788,U+C790,U+C7A5,U+C7AC,U+C800-C801,U+C804,U+C810-C811,U+C815,U+C81C,U+C870,U+C885,U+C88B,U+C8FC,U+C900,U+C904,U+C988,U+C9C0-C9C1,U+C9C4,U+C9C8,U+CABD,U+CC28,U+CC3E,U+CC98,U+CCB4,U+CD9C,U+CDE8,U+CE58,U+CE68,U+CE74,U+CEE4,U+CEE8,U+CF54,U+CFE0,U+D034,U+D06C,U+D0A4,U+D0C0,U+D130,U+D2B8,U+D2C0,U+D2F0,U+D30C,U+D310,U+D321,U+D37C,U+D3EC,U+D45C,U+D488,U+D504,U+D544,U+D558,U+D55C,U+D560,U+D568-D569,U+D56D,U+D574,U+D5A5,U+D604,U+D615,U+D638,U+D655,U+D658,U+D65C,U+D68C,U+D788,U+D78C}
@font-face{font-family:Pretendard;src:url("/fonts/pretendard-rest.24213bf225.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+00F6,U+00FC,U+2113,U+2160-2161,U+25B2,U+2713,U+300C-300D,U+3131,U+33A0,U+AC01,U+AC04,U+AC07-AC09,U+AC10-AC11,U+AC13-AC16,U+AC1D,U+AC24,U+AC2F,U+AC31,U+AC71,U+AC74,U+AC77,U+AC7A,U+AC81,U+AC89-AC8A,U+AC90,U+ACA0,U+ACAC,U+ACB0,U+ACB8-ACB9,U+ACBC,U+ACE1,U+ACE7-ACE8,U+ACF0,U+AD00,U+AD11,U+AD1C,U+AD6D,U+AD70,U+AD73-AD75,U+AD7C-AD7D,U+AD81,U+AD88,U+AD8C,U+AD9C,U+ADC0,U+ADE0,U+ADF9,U+ADFC,U+AE01,U+AE0B,U+AE34,U+AE40-AE41,U+AE4A,U+AE4D,U+AE50,U+AE54,U+AE5C-AE5D,U+AE65,U+AE68,U+AE6C,U+AEBC,U+AEBE,U+AECC-AECD,U+AECF-AED1,U+AEF4,U+AF2C-AF2D,U+AF34,U+AF3C-AF3D,U+AF42-AF43,U+AF49,U+AF64,U+AFB8-AFB9,U+AFBC,U+AFC8-AFC9,U+AFD4,U+AFE8,U+AFF0,U+B00C,U+B010,U+B014,U+B01D,U+B044,U+B048,U+B04A,U+B04C,U+B053-B055,U+B057,U+B05D,U+B07D,U+B080,U+B084,U+B08C-B08D,U+B099,U+B09C,U+B0A0-B0A1,U+B0A8-B0A9,U+B0AB-B0AF,U+B0B8,U+B0BC,U+B0C4-B0C5,U+B0C8-B0C9,U+B0D0,U+B0E5,U+B109,U+B110,U+B113,U+B118,U+B125,U+B128,U+B12C,U+B137,U+B140-B141,U+B158,U+B179,U+B17C,U+B180,U+B18D,U+B193-B194,U+B20C,U+B215,U+B217,U+B220,U+B258,U+B25C,U+B269,U+B284,U+B290,U+B298-B299,U+B2A0,U+B2A5-B2A6,U+B2AC,U+B2C9,U+B2CC,U+B2D0,U+B2D8-B2D9,U+B2DB,U+B2DD,U+B2E5-B2E6,U+B2EB,U+B2ED,U+B2F3-B2F5,U+B2F7,U+B2F9,U+B2FF,U+B304,U+B308,U+B310-B311,U+B355,U+B358,U+B35C,U+B365,U+B367,U+B369,U+B36E,U+B370,U+B374,U+B378,U+B3C5,U+B3C8,U+B3CC,U+B3D5,U+B3D7,U+B3FC,U+B410,U+B41C,U+B420,U+B428-B429,U+B454,U+B458,U+B460-B461,U+B465,U+B46C,U+B4B7,U+B4C0,U+B4D0,U+B4DD,U+B4E0,U+B4E3-B4E4,U+B4EC-B4ED,U+B4EF,U+B518,U+B525,U+B529-B52A,U+B531,U+B534,U+B538,U+B540,U+B545,U+B561,U+B5A0,U+B5A4,U+B5A8,U+B5B4,U+B5BC,U+B5C0,U+B5CD,U+B611,U+B625,U+B69C-B69D,U+B6A4,U+B6AB,U+B6B1,U+B728-B729,U+B72C,U+B72F-B730,U+B738-B739,U+B73B,U+B744,U+B755,U+B760,U+B780,U+B78C-B78D,U+B790-B791,U+B797,U+B7A0,U+B7A8-B7A9,U+B7AB,U+B7B5,U+B7ED,U+B7F0,U+B7F4,U+B7FC-B7FD,U+B800-B801,U+B809,U+B80C,U+B810,U+B825,U+B828,U+B82C,U+B835,U+B837,U+B839,U+B840,U+B860,U+B864,U+B86D,U+B86F,U+B871,U+B8E9,U+B8F8-B8F9,U+B8FB,U+B904,U+B95C,U+B960,U+B975,U+B987,U+B98E,U+B9AD,U+B9B4,U+B9BD,U+B9BF,U+B9CE,U+B9D0-B9D1,U+B9DD,U+B9E1,U+B9E5,U+B9F5,U+B9F7,U+B9FA,U+BA38-BA39,U+BA3C,U+BA40,U+BA48,U+BA4B,U+BA4D,U+BA54,U+BA58,U+BA5C,U+BA70,U+BA87,U+BAAB-BAAC,U+BAB0,U+BAB8,U+BABB,U+BB35-BB36,U+BB3D,U+BB49,U+BB54,U+BBC0,U+BBF8-BBF9,U+BBFC,U+BBFF-BC00,U+BC08,U+BC0D,U+BC0F,U+BC11,U+BC15-BC16,U+BC1D,U+BC1F,U+BC24-BC25,U+BC27,U+BC31,U+BC34,U+BC38,U+BC41,U+BC8C,U+BC94,U+BC97,U+BCA0,U+BCA4,U+BCA8,U+BCB3,U+BCBC-BCBD,U+BCC0,U+BCCD,U+BCD0-BCD1,U+BCD5,U+BCF5,U+BCFC,U+BD04-BD05,U+BD09,U+BD10,U+BD24,U+BD81,U+BD88-BD89,U+BD93,U+BD95,U+BD99,U+BDF0,U+BE48,U+BE4C,U+BE54,U+BE57,U+BE59,U+BE5B,U+BE60-BE61,U+BE68,U+BE7C,U+BE80,U+BE84,U+BE8D,U+BE90,U+BED7,U+BF08,U+BF18,U+BF40,U+BF51,U+BFB0,U+BFCC,U+BFD0,U+BFDC,U+C058,U+C05C,U+C060,U+C090,U+C0AD,U+C0B4,U+C0BC-C0BD,U+C0C0,U+C0CC,U+C0D0,U+C0D8-C0D9,U+C0DD,U+C0E5,U+C0F4,U+C11E,U+C12C-C12D,U+C12F-C130,U+C13C,U+C140,U+C148-C149,U+C14B,U+C154,U+C158,U+C15C,U+C168,U+C178,U+C190,U+C194,U+C19C,U+C19F,U+C1A1,U+C1E0,U+C1F3,U+C1FC,U+C219,U+C220,U+C228,U+C22F,U+C250,U+C26C-C26D,U+C270,U+C274,U+C27C-C27D,U+C288,U+C298,U+C2A8,U+C2AC,U+C2B7,U+C2B9,U+C2E0,U+C2E3-C2E4,U+C2EB-C2ED,U+C2F6,U+C2F8,U+C2FC,U+C308-C309,U+C30D,U+C313,U+C368,U+C36C,U+C378,U+C37C,U+C384,U+C3DF-C3E0,U+C3E9,U+C42C,U+C464,U+C4F4,U+C4F8,U+C500-C501,U+C50C,U+C528-C529,U+C52C,U+C53B,U+C545,U+C549,U+C54E,U+C554,U+C558-C559,U+C560,U+C564,U+C568,U+C570-C571,U+C57C,U+C580,U+C587,U+C591,U+C595,U+C597,U+C5B5,U+C5B8-C5B9,U+C5C4-C5C5,U+C5C7-C5C9,U+C5CE,U+C5D1,U+C5E0,U+C5E3,U+C5ED,U+C5F4,U+C5FC-C5FD,U+C600-C601,U+C605,U+C607-C608,U+C625,U+C628,U+C62C,U+C62E,U+C634-C635,U+C637,U+C641,U+C644,U+C654,U+C65C,U+C678,U+C67C,U+C6C1,U+C6C3,U+C6C5,U+C6D4,U+C6E0,U+C6E8,U+C6F9,U+C708,U+C717,U+C719,U+C721,U+C724,U+C728,U+C735,U+C74D,U+C751,U+C775,U+C783-C784,U+C787,U+C789-C78A,U+C791,U+C794,U+C798,U+C7A0-C7A1,U+C7A6,U+C7AD,U+C7B0,U+C7B4,U+C7BC-C7BD,U+C7C1,U+C808,U+C816,U+C81D,U+C824,U+C838,U+C84C,U+C871,U+C874,U+C878,U+C881,U+C88C,U+C8FD,U+C90C-C90D,U+C911,U+C918,U+C950,U+C961,U+C989,U+C98C,U+C990,U+C998,U+C99D,U+C9D0-C9D1,U+C9D3,U+C9D5,U+C9D9-C9DA,U+C9DC-C9DD,U+C9E0,U+C9E7,U+C9F8,U+CA54,U+CA61,U+CB49,U+CBE4,U+CC0C-CC0D,U+CC22,U+CC29,U+CC2C,U+CC2E,U+CC30,U+CC38-CC39,U+CC3C-CC3D,U+CC44-CC45,U+CC4C,U+CC55,U+CC59,U+CC99,U+CC9C,U+CCA0,U+CCA8,U+CCAB,U+CCAD,U+CCD0,U+CCE4,U+CD08-CD09,U+CD18,U+CD1D,U+CD5C,U+CD94-CD95,U+CD98,U+CDA4-CDA5,U+CDA9,U+CDB0,U+CDC4,U+CDCC,U+CE20-CE21,U+CE35,U+CE59,U+CE5C,U+CE60,U+CE69,U+CE6D,U+CE78,U+CE7C,U+CE90,U+CE94,U+CE98,U+CEA0-CEA1,U+CEE5,U+CEF4-CEF5,U+CEF7,U+CF00,U+CF13,U+CF1C,U+CF20,U+CF24,U+CF2D,U+CF30,U+CF55,U+CF58,U+CF5C,U+CF64,U+CF70,U+CF8C,U+CFF1,U+CFF5,U+CFFC,U+D018,U+D070,U+D074,U+D07C-D07D,U+D0A8,U+D0AC,U+D0B4-D0B5,U+D0B7,U+D0B9,U+D0C1,U+D0C4,U+D0C8,U+D0D1,U+D0D4-D0D5,U+D0DC-D0DD,U+D0E0,U+D0ED,U+D0EF,U+D0F1,U+D131,U+D134,U+D138,U+D14C,U+D150,U+D15C,U+D1A0-D1A1,U+D1A4,U+D1B0-D1B1,U+D1B5,U+D1F4,U+D22C-D22D,U+D241,U+D280,U+D288,U+D290-D291,U+D295,U+D29C,U+D2AC,U+D2B9,U+D2BC,U+D2C8,U+D2F1,U+D2F8,U+D301,U+D305,U+D30E,U+D314,U+D31D,U+D328-D329,U+D32C,U+D330,U+D33D,U+D37D,U+D380,U+D38C,U+D391,U+D398-D399,U+D39C,U+D3AB,U+D3B4,U+D3B8,U+D3BC,U+D3C9,U+D3D0,U+D3ED,U+D3F0,U+D3F4,U+D3FC,U+D478-D479,U+D47C,U+D480,U+D489,U+D48B,U+D48D,U+D4E8,U+D508,U+D50C,U+D53C-D53D,U+D540,U+D54D,U+D54F,U+D551,U+D559,U+D575,U+D578,U+D587-D589,U+D5C8,U+D5CC,U+D5D0,U+D5D8,U+D5DB,U+D5DD,U+D5E4,U+D5EC,U+D5F7,U+D5F9,U+D600,U+D611,U+D614,U+D639,U+D63C,U+D640,U+D648,U+D64D,U+D654,U+D669,U+D68D,U+D69F,U+D6A1,U+D6A8,U+D6C4-D6C5,U+D6C8,U+D6D1,U+D6E8,U+D6FC,U+D718,U+D720,U+D729,U+D734,U+D750,U+D754,U+D758-D759,U+D760-D761,U+D765,U+D769,U+D76C,U+D770,U+D790,U+D798-D799}
:root{--bg:#f5f6f8;--paper:#fff;--soft:#f0f2f5;--ink:#16191d;--text:#2c3137;--mute:#5f6670;--line:#e3e6ea;--acc:#2350d8;--acc2:#1b40b3;--acc-soft:#ebf0fd;--bad:#c62828;--disc:#8a4b00;--num:"Barlow Condensed",Pretendard,system-ui,sans-serif;--mono:var(--num);--ease:cubic-bezier(.2,.7,.2,1);--r:12px;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111316;--paper:#1a1d21;--soft:#22262b;--ink:#eef0f2;--text:#d6dade;--mute:#9aa2ab;--line:#2d3238;--acc:#6d93ff;--acc2:#8eabff;--acc-soft:#1d2740;--bad:#ff8a80;--disc:#f0b26b;color-scheme:dark}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.7 Pretendard,system-ui,sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}
:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
main,footer{max-width:820px;margin:0 auto;padding:0 20px}
main.home{max-width:1180px}
.top{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.top .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:68px}
.logo{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:800;font-size:22px;letter-spacing:-.045em;text-decoration:none;white-space:nowrap}
.logo svg{height:34px;width:auto;display:block}
.hs{position:relative;max-width:520px;width:100%;justify-self:center}
.hs input{width:100%;font:inherit;font-size:15.5px;padding:11px 16px 11px 42px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);outline:none}
.hs input::placeholder{color:var(--mute)}
.hs input:focus{border-color:var(--acc);background:var(--paper)}
.hs input:focus-visible,.search input:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.hs svg{position:absolute;left:13px;top:50%;width:19px;height:19px;transform:translateY(-50%);color:var(--mute);pointer-events:none}
.top nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.top nav a{color:var(--text);text-decoration:none;font-size:15px;font-weight:600;padding:7px 10px;border-radius:8px;white-space:nowrap}.top nav a:hover{background:var(--soft);color:var(--acc)}
@media (max-width:860px){.top .wrap{grid-template-columns:auto 1fr;height:auto;gap:4px 12px;padding-top:9px;padding-bottom:2px}.hs{max-width:none}.hs input{padding:9px 12px 9px 36px;font-size:15px}.hs svg{left:11px;width:17px;height:17px}.top nav{grid-column:1/-1;margin:0 -10px}.top nav a{font-size:14px;padding:6px 10px}.logo svg{height:28px}}
.mynav{display:block;background:var(--acc-soft);color:var(--acc);padding:9px 20px;font-weight:700;font-size:14px;text-align:center;text-decoration:none;border-bottom:1px solid var(--line)}.mynav[hidden]{display:none}
.fix{margin:32px auto 0;font-size:14px;color:var(--text)}.fix summary{cursor:pointer;color:var(--mute);font-weight:600}.fix form{display:grid;gap:8px;margin-top:10px}.fix textarea{width:100%;box-sizing:border-box;font:inherit;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}.fix button{justify-self:start;font:inherit;font-weight:700;padding:8px 18px;border:0;border-radius:10px;background:var(--acc);color:#fff;cursor:pointer}.fix p{margin:0;color:var(--mute)}
.disc{font-size:11.5px;line-height:1.5;color:var(--mute);margin:12px 0 0}
h1{font-size:28px;line-height:1.3;font-weight:800;letter-spacing:-.035em;color:var(--ink);margin:24px 0 8px}
h2{font-size:21px;line-height:1.4;font-weight:700;letter-spacing:-.03em;color:var(--ink);margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
h3{color:var(--ink);font-weight:700}
.lead{color:var(--mute);margin:0 0 22px;font-size:16px}.lead b{color:var(--ink);font-weight:600}
section{padding:34px 0 6px;margin:0}
table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child th,tr:last-child td{border-bottom:0}
th{font-weight:500;color:var(--mute);background:var(--soft);font-size:14.5px;min-width:5.5em}
td{font-size:15.5px;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:break-word}td small{color:var(--mute)}
.num{font-family:var(--num);font-weight:600;font-size:18px}
.tip{color:var(--mute);font-size:15px;margin:0 0 4px}.na{color:var(--mute)}
.src{font-size:12.5px;color:var(--mute);margin:12px 0 0;overflow-wrap:anywhere}
.cp{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--acc);color:#fff;font-weight:700;font-size:16px;text-decoration:none;padding:15px 20px;border:0;border-radius:10px;margin:14px 0 0;transition:background .2s var(--ease),transform .15s}
.cp:hover{background:var(--acc2)}.cp:active{transform:translateY(1px)}.cp span{transition:transform .25s var(--ease)}.cp:hover span{transform:translateX(3px)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cp{color:#0d1424}}
.cps{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.cps p{flex-basis:100%;margin:0;font-weight:600;font-size:14px}
.chip{flex:1 1 140px;text-align:center;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:14.5px;text-decoration:none;padding:10px 12px;transition:border-color .2s,color .2s}
.chip:hover{border-color:var(--acc);color:var(--acc)}
.plate{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0 0 28px}
.plate-h{display:flex;justify-content:space-between;gap:12px;background:var(--acc-soft);color:var(--acc);padding:10px 16px;font-size:13.5px;font-weight:700}
.plate-g{display:grid;grid-template-columns:1fr 1fr}
.plate a{display:block;padding:14px 16px 13px;color:var(--ink);text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}
.plate a:nth-child(2n){border-right:0}.plate a.full{grid-column:1/-1;border-right:0}
.plate a:hover{background:var(--soft)}
.plate a span{display:block;font-size:12.5px;color:var(--mute);font-weight:600}
.plate b{display:block;font-family:var(--num);font-weight:600;font-size:28px;line-height:1.15;margin-top:3px;overflow-wrap:anywhere;color:var(--ink)}
.plate b.t{font-family:Pretendard,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.02em}.plate b small{font-size:15px;margin-left:2px;color:var(--mute);font-weight:500}
.plate em{display:inline-block;font-style:normal;font-size:11px;font-weight:700;color:var(--bad);border:1px solid currentColor;border-radius:4px;padding:0 5px;margin-top:6px}
.qb{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.qb span{flex-basis:100%;font-size:13px;font-weight:600;color:var(--mute)}.qb a{background:var(--paper);border:1px solid var(--line);color:var(--ink);font-weight:600;font-size:14.5px;text-decoration:none;padding:8px 14px;border-radius:10px}.qb a:hover{border-color:var(--acc);color:var(--acc)}
.fd{padding:22px 0 0}.fd h1{font-size:22px;margin:0 0 2px}.fd p{margin:0 0 12px;color:var(--mute);font-size:14.5px}
.pop{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px}
.pop a{flex:none;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:9px 13px 8px;text-decoration:none;color:var(--ink)}
.pop a:hover{border-color:var(--acc)}.pop b{font-size:15px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.pop span{font:600 15px/1.2 var(--num);color:var(--acc);white-space:nowrap}
@media (min-width:760px){.pop{flex-wrap:wrap;overflow:visible;margin:0;padding:0}}
.list .sp{font-style:normal;font:600 15px/1.3 var(--num);color:var(--acc);padding:0 13px 12px;margin-top:-8px}
.cat{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:16px -20px 4px;padding:0 20px 4px}
.cat a{flex:none;display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--ink);font-size:14.5px;font-weight:600;white-space:nowrap;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 13px 8px 10px}.cat a:hover{border-color:var(--acc)}
.cat i{display:grid;place-items:center;color:var(--acc)}
.cat svg{width:20px;height:20px;stroke-width:1.8}

@media (min-width:760px){.cat{flex-wrap:wrap;overflow:visible;margin:16px 0 4px;padding:0}}
.bn{display:grid;gap:12px;margin:22px 0 6px}
.bn a{position:relative;display:block;border-radius:var(--r);overflow:hidden;color:#fff;text-decoration:none;background:#222;min-height:150px}
.bn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.bn a:hover img{transform:scale(1.03)}
@media (max-width:759px){.bn{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;scrollbar-width:none;margin:18px -20px 6px;padding:0 20px}.bn a{flex:0 0 84%;scroll-snap-align:start;min-height:180px}}
.bn a::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,16,0) 30%,rgba(10,12,16,.78) 100%)}
.bn div{position:absolute;left:20px;right:20px;bottom:18px;z-index:1}
.bn b{display:block;font-size:22px;line-height:1.3;font-weight:800;letter-spacing:-.035em}
.bn span{display:block;font-size:14.5px;opacity:.9;margin-top:4px}
@media (min-width:760px){.bn{grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;height:400px}.bn a:first-child{grid-row:1/3}.bn a:first-child b{font-size:30px}.bn a{min-height:0}}
.search{margin:8px 0 18px}
.search input{width:100%;font:inherit;font-size:17px;padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);outline:none}
.tabs{display:flex;gap:4px;overflow-x:auto;margin:14px 0 18px;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:12px;scrollbar-width:none;width:max-content;max-width:100%}
.tabs button{flex:none;font:inherit;font-size:14.5px;font-weight:600;padding:8px 16px;border:0;border-radius:8px;background:transparent;color:var(--mute);cursor:pointer;transition:background .2s,color .2s}
.tabs button:hover{color:var(--ink)}
.tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.ptabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:28px -20px 0;padding:8px 20px;background:var(--bg);position:sticky;top:var(--hh,0);z-index:15;border-bottom:1px solid var(--line)}
.ptabs a{flex:none;font-size:14.5px;font-weight:600;padding:8px 14px;border-radius:8px;color:var(--mute);text-decoration:none;white-space:nowrap}
.ptabs a:hover{color:var(--ink)}.ptabs a[aria-selected=true]{background:var(--ink);color:var(--paper)}
.pt:not(.on) .ptabs{display:none}.pt.on>section{scroll-margin-top:calc(var(--hh,0px) + 60px)}.pt{scroll-margin-top:var(--hh,0)}
@media (min-width:860px){.ptabs{margin:28px 0 0;padding:8px 0}}
.gd{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gdc{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .25s var(--ease)}
.gdc:hover{border-color:var(--acc);transform:translateY(-2px)}.gdc[hidden]{display:none}
.gdi{display:block;aspect-ratio:3/2;background:var(--soft);overflow:hidden}.gdi img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.gdc:hover .gdi img{transform:scale(1.04)}
.gdb{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}.gdb b{font-size:16.5px;font-weight:800;letter-spacing:-.03em}.gdb small{font-size:13.5px;color:var(--mute);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gdb i{font-style:normal;font-size:12.5px;font-weight:600;color:var(--acc);margin-top:4px;line-height:1.45}
@media (min-width:760px){.gd{grid-template-columns:repeat(4,1fr);gap:16px}}
.gs{padding-top:30px}.gs h2{margin-bottom:4px}.gsl{margin:0 0 14px;color:var(--mute);font-size:14.5px}
.gf{margin:4px 0 18px}.gf button small{font-size:12px;opacity:.7;margin-left:2px}
.tg2{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:640px){.tg2{grid-template-columns:1fr 1fr}}@media (min-width:900px){.tg3{grid-template-columns:repeat(3,1fr)}}
.tc{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.tc>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.tcb{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;flex:1}.tcb b{font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.tcb p{margin:0;color:var(--text)}.tcb .cp{margin-top:auto}
.tcb small{font-size:13.5px;color:var(--mute)}.tcb small span{display:inline-block;font-weight:700;color:var(--acc);background:var(--acc-soft);border-radius:6px;padding:0 6px;margin-right:6px}
.tcb .cp{margin-top:auto;padding:12px 16px;font-size:15px}.tcb .cp{margin-top:10px}
.cnt{font-size:14px;color:var(--mute);font-weight:600}
.list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 30px}
.list a{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);text-decoration:none;transition:border-color .2s}
.list a[hidden]{display:none}
.list a:hover{border-color:var(--acc)}
.list img,.list .noimg{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--soft)}
.list b{font-size:16px;font-weight:700;padding:11px 13px 0;line-height:1.35;letter-spacing:-.02em}.list b i{font-style:normal;font-size:13px;font-weight:600;color:var(--mute);margin-left:5px}
.list small{font-size:13px;color:var(--mute);padding:0 13px 12px}
.list .mk{font-size:12px;color:var(--mute)}
@media (min-width:760px){.list{grid-template-columns:repeat(4,1fr);gap:16px}}
.empty{color:var(--mute);padding:16px 0}
.rk{display:grid;gap:12px}
.rk>div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px 10px}
.rk h3{font-size:16px;margin:0 0 6px;display:flex;justify-content:space-between;align-items:baseline}.rk h3 a{font-size:13px;font-weight:600;color:var(--mute);text-decoration:none}.rk h3 a:hover{color:var(--acc)}
.rk ol{list-style:none;margin:0;padding:0;counter-reset:r}
.rk li{counter-increment:r;display:grid;grid-template-columns:22px 1fr auto;align-items:baseline;gap:8px;padding:7px 0}
.rk li+li{border-top:1px solid var(--line)}
.rk li::before{content:counter(r);font:600 17px/1 var(--num);color:var(--mute)}.rk li:first-child::before{color:var(--acc)}
.rk li a{font:600 19px/1.2 var(--num);color:var(--ink);text-decoration:none}.rk li a:hover{color:var(--acc)}
.rk li small{font-size:13px;color:var(--mute)}
@media (min-width:760px){.rk{grid-template-columns:repeat(3,1fr)}}
.tools{margin:40px 0 30px}
.tools .tg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tools a{display:block;background:var(--paper);color:var(--ink);text-decoration:none;padding:15px 16px;border-radius:var(--r);font-weight:700;border:1px solid var(--line);transition:border-color .2s}
.tools a small{display:block;font-weight:400;font-size:13px;color:var(--mute)}
.tools a:hover{border-color:var(--acc)}
.tools a.wide2{grid-column:1/-1}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:fixed;z-index:1000;left:12px;top:12px;padding:10px 14px;background:var(--ink);color:#fff;border-radius:8px;transform:translateY(-160%)}.skip::after{content:"본문 바로가기"}.skip:focus-visible{transform:none;outline:3px solid #fff;outline-offset:2px}
.car{margin:0 0 20px;border-radius:var(--r);overflow:hidden;background:var(--paper);border:1px solid var(--line)}
.car img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.car figcaption{font-size:11.5px;color:var(--mute);padding:8px 14px;line-height:1.4;overflow-wrap:anywhere}
.car figcaption a{color:inherit}
.gg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gg a{display:block;color:var(--ink);text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .2s}
.gg a:hover{border-color:var(--acc)}
.gg b{display:block;font-size:15.5px;font-weight:700;line-height:1.45;padding:12px 14px 0;letter-spacing:-.02em}.gg small{display:block;color:var(--mute);font-size:13px;line-height:1.5;padding:4px 14px 14px}
.gl{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.gl a{font-size:14px;font-weight:600;padding:7px 13px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;background:var(--paper)}.gl a:hover{border-color:var(--acc);color:var(--acc)}.gl a small{color:var(--mute);font-weight:500}
.ty{display:grid;grid-template-columns:132px 1fr;gap:4px 16px;align-items:start;padding:18px 0 20px;border-bottom:1px solid var(--line)}.ty>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px}.ty>.cp{grid-column:1/-1}.ty>div:only-of-type:first-child{grid-column:1/-1}
@media (min-width:640px){.ty{grid-template-columns:220px 1fr}}
.ty:first-child{padding-top:2px}.ty b{display:block;font-size:18px;font-weight:700;color:var(--ink)}.ty p{margin:2px 0 0}.ty small{display:block;color:var(--mute);font-size:14px}.ty .cp{margin-top:12px}
.hcp{display:inline-block;background:var(--acc);color:#fff;border-radius:6px;font-weight:700;font-size:12.5px;padding:3px 9px;text-decoration:none;white-space:nowrap}
.pts{margin:0;padding-left:20px}.pts li{margin:0 0 8px}
.steps{margin:4px 0 0;padding:0;list-style:none;counter-reset:s}.steps li{counter-increment:s;position:relative;padding:0 0 14px 42px}.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:8px;background:var(--acc-soft);color:var(--acc);font:600 17px/28px var(--num);text-align:center}
.warn{border-radius:10px;background:color-mix(in srgb,var(--bad) 8%,var(--paper));border-left:4px solid var(--bad);color:var(--ink);padding:12px 16px;font-weight:600;margin:12px 0 0}
.buy{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);padding:18px 18px 20px;margin:0 0 26px}.buy h2{font-size:17px;margin:0 0 4px}.buy div{margin:10px 0 0}.buy small{color:var(--mute);font-size:14px}.buy .cp{margin-top:8px}
.faq h3{font-size:16px;margin:18px 0 2px}.faq h3::before{content:'Q ';color:var(--acc);font-family:var(--num)}.faq p{margin:0}
.how{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:15px;margin:14px 0 0;padding:10px 0 0;border-top:1px dashed var(--line)}.how b{flex-basis:100%;font-size:13px;color:var(--mute)}
.gc a{padding:0}.gc img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.cf{margin:0 0 22px}.cf img{display:block;width:100%;height:auto;border-radius:var(--r)}.cf figcaption{font-size:13px;color:var(--mute);margin-top:6px}
.dec{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:6px 0 10px;background:var(--paper)}.dec div{flex:1 1 140px;padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.dec b{display:block;font-family:var(--num);font-weight:600;font-size:36px;line-height:1.05;color:var(--acc)}.dec span{display:block;font-size:14px;color:var(--mute);margin-top:4px}
.bars div{display:grid;grid-template-columns:56px 1fr;gap:4px 10px;align-items:center;margin:0 0 12px}.bars span{font-size:14px;font-weight:600}.bars i{display:block;height:10px;background:var(--acc);border-radius:3px}.bars b{grid-column:2;font-family:var(--num);font-weight:600;font-size:17px}
.steps2 li{padding-left:42px}.steps2 img{display:block;width:100%;max-width:520px;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin:0 0 8px}
.mysave{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0 0 16px}.mysave label{display:flex;align-items:center;max-width:100%;min-width:0;font-size:14px;font-weight:600}.mysave select{font:inherit;min-width:0;max-width:100%;flex:1;margin-left:6px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.mysave button,#mydel{font:inherit;font-weight:700;padding:9px 16px;border:1px solid var(--acc);border-radius:10px;background:var(--paper);color:var(--acc);cursor:pointer}.mysave button:hover,#mydel:hover{background:var(--acc-soft)}.mysave .ok{font-size:14px;color:var(--mute)}
#mycar{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;padding:0 0 14px;margin:24px 0}#mycar>*{margin-left:18px;margin-right:18px}#mycar>table{width:calc(100% - 36px);border:0;border-radius:0}.myhead{display:flex;gap:14px;align-items:center;margin:0 0 8px!important;padding:14px 18px;background:var(--acc-soft);margin-left:0!important;margin-right:0!important}.myhead img{width:88px;height:55px;object-fit:cover;border-radius:6px}.myhead small{display:block;font-size:12px;font-weight:700;color:var(--acc)}.myhead b{display:block;font-size:21px;line-height:1.2;color:var(--ink)}.myhead span{font-size:13px;color:var(--mute)}#mycar .mb{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}#mycar .chip{font-size:13px}.myfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700;margin-top:10px}
.fit{border-radius:10px;padding:12px 16px;margin:0 0 14px;font-weight:600;background:var(--paper);border:1px solid var(--line)}.fit.ok{border-color:#9bd3b2;background:color-mix(in srgb,#1f9d55 10%,var(--paper));color:#1a7a45}.fit.no{border-color:#f0cf8a;background:color-mix(in srgb,#e0a100 10%,var(--paper));color:#8a5600}.fit a{margin-left:4px}
.diy{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.diy span{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:14px;font-weight:600}.diy span:first-child{background:var(--acc-soft);border-color:transparent;color:var(--acc)}
.season{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin:28px 0 6px}.season h2{margin-top:0}.season .gl{margin:10px 0}
.tz{margin:0 0 6px}.tz summary{cursor:pointer;font-weight:600;font-size:15px;padding:6px 0;color:var(--mute)}.tz input{display:block;width:100%;font:600 20px var(--num);padding:12px 16px;margin:6px 0 8px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}.tz .gl{margin:8px 0}
.rank{padding-left:30px}.rank li{margin:0 0 10px;font-weight:600}.rank li::marker{font-family:var(--num);color:var(--mute)}.rank a{font-family:var(--num);font-size:19px;font-weight:600}.rank small{font-weight:400;color:var(--mute)}
.more2{margin-left:auto;font-size:14px;font-weight:600;color:var(--mute);text-decoration:none}.more2:hover{color:var(--acc)}
.crumb{font-size:14px;color:var(--mute);margin:22px 0 0}.crumb a{text-decoration:none}.more{margin:14px 0 0;font-weight:600}
@media (min-width:640px){.gg{grid-template-columns:repeat(3,1fr)}}
.wide{overflow-x:auto}.wide table{min-width:480px}
@media (max-width:640px){.wide{overflow:visible}table.ct,table.ct tbody,table.ct tr,table.ct td{display:block;width:100%}table.ct{min-width:0;border:0;background:none;border-radius:0;overflow:visible}table.ct tr:first-child{display:none}
table.ct tr{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 10px;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:0 0 8px;padding:10px 14px 9px}
table.ct td{border:0;padding:0;font-size:15.5px}table.ct td:first-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:700;padding-bottom:4px}
table.ct td:not(:first-child)::before{content:attr(data-l);display:block;font-size:12px;color:var(--mute);font-weight:500}table.ct td br{display:none}}
form label{display:block;margin:0 0 12px;font-weight:600}
form input{display:block;width:100%;font:inherit;padding:12px 14px;margin-top:4px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}
form input:focus{outline:none;border-color:var(--acc)}
.calc select{display:block;width:100%;margin:4px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--paper);color:var(--ink)}.calc fieldset{border:1px solid var(--line);border-radius:var(--r);padding:10px 14px 6px;margin:0 0 8px;background:var(--paper)}.calc legend{font-weight:700;padding:0 4px}.calc .rd{display:inline-flex;align-items:center;gap:6px;margin:0 18px 6px 0}.calc .rd input{width:auto;margin:0;accent-color:var(--acc)}.calc h3{margin:22px 0 8px}#out h3{margin:22px 0 6px}.ans{font-size:18px;font-weight:700;border-left:4px solid var(--acc);padding:10px 14px;background:var(--paper);border-radius:0 10px 10px 0;color:var(--ink)}#out .mb{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}#dl{margin-top:14px}
button.cp{width:100%;font:inherit;font-weight:700;cursor:pointer}
footer{color:var(--mute);font-size:13px;padding-top:28px;padding-bottom:56px;border-top:1px solid var(--line);margin-top:44px}
.totop{position:fixed;right:16px;bottom:16px;z-index:30;width:46px;height:46px;border-radius:12px;background:var(--paper);border:1px solid var(--line);color:var(--ink);display:grid;place-items:center;font-size:20px;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .25s}
.totop.on{opacity:1;pointer-events:auto}
@media (min-width:640px){h1{font-size:34px}.tools .tg{grid-template-columns:repeat(3,1fr)}.tools a.wide2{grid-column:auto}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}