:root{--paper:#ffffff;--paper-2:#faf9f7;--ink:#14130f;--ink-2:#57534a;--ink-3:#918c81;--rule:#e3e0d9;--rule-2:#f0eeea;--accent:#c4441c;--measure:33em;--pad:56px;--max:1120px}:root[data-theme=dark],html.dark{--paper:#0f0f0e;--paper-2:#161614;--ink:#f4f1ea;--ink-2:#a9a49a;--ink-3:#767065;--rule:#2b2925;--rule-2:#201f1c;--accent:#ff7a4d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0f0f0e;--paper-2:#161614;--ink:#f4f1ea;--ink-2:#a9a49a;--ink-3:#767065;--rule:#2b2925;--rule-2:#201f1c;--accent:#ff7a4d}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:Pretendard,-apple-system,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;font-size:16px;line-height:1.8;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;word-break:keep-all}a{color:inherit;text-decoration:none}b,strong{font-weight:700}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}.detail>.wrap,.wrap.article{max-width:960px}.measure{max-width:var(--measure)}hr.rule{border:none;border-top:1px solid var(--rule);margin:0}.site-header{border-bottom:1px solid var(--rule);background:var(--paper);position:-webkit-sticky;position:sticky;top:0;z-index:40}.site-header .inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);height:58px;display:flex;align-items:center;gap:30px}.logo{font-size:17px;font-weight:700;letter-spacing:-.02em}.logo em{font-style:normal;color:var(--accent)}.nav{display:flex;gap:22px;font-size:14px;color:var(--ink-3)}.nav a:hover{color:var(--ink)}.nav a.on{color:var(--accent)}.header-spacer{flex:1 1}.count-pill{font-size:12.5px;color:var(--ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sec{display:grid;grid-template-columns:148px minmax(0,1fr);grid-gap:0 48px;gap:0 48px;padding:56px 0;border-top:1px solid var(--rule)}.sec:first-of-type{border-top:none}.sec>h2{font-size:14px;font-weight:600;margin:4px 0 0;color:var(--ink-3);letter-spacing:.01em}.sec-body>p{margin:0 0 18px;max-width:var(--measure);color:var(--ink-2)}.sec-body>p:last-child{margin-bottom:0}.sec-body>p.strong-p{color:var(--ink)}.display{font-size:clamp(38px,7.2vw,84px);line-height:1.12;letter-spacing:-.045em;font-weight:700;margin:0}.display .sub{font-weight:300;color:var(--ink-3)}.hero{padding-block:76px 46px}.hero .kicker{font-size:13px;color:var(--accent);margin:0 0 18px;letter-spacing:.02em}.hero .lede{font-size:18px;line-height:1.75;color:var(--ink-2);max-width:38em;margin:26px 0 0}.btnrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.btn{font:inherit;font-size:14px;padding:9px 18px;border-radius:999px;cursor:pointer;border:1px solid var(--rule);background:transparent;color:var(--ink);white-space:nowrap;transition:border-color .12s,color .12s}.btn.primary,.btn:hover{border-color:var(--ink)}.btn.primary{background:var(--ink);color:var(--paper);font-weight:600}.btn.primary:hover{opacity:.86}.btn.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn:disabled{opacity:.4;cursor:not-allowed}.filters{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:22px 0 6px}.search{width:100%;max-width:420px;font:inherit;font-size:16px;padding:6px 0;border:none;border-bottom:1px solid var(--rule);background:transparent;color:var(--ink);margin-bottom:18px}.search::placeholder{color:var(--ink-3)}.search:focus{outline:none;border-bottom-color:var(--accent)}.frow{display:grid;grid-template-columns:78px minmax(0,1fr);grid-gap:4px 20px;gap:4px 20px;align-items:baseline;margin:0;padding:11px 0;border-top:1px solid var(--rule-2)}.frow:hover>.flabel{color:var(--ink-2)}.frow .chips{display:flex;flex-wrap:wrap;gap:4px 6px;margin-left:-11px}.flabel{font-size:12.5px;transition:color .12s}.chip,.flabel{color:var(--ink-3)}.chip{font:inherit;font-size:13.5px;padding:3px 11px;border-radius:999px;cursor:pointer;border:1px solid transparent;background:transparent}.chip:hover{color:var(--ink)}.chip.on{color:var(--accent);border-color:var(--accent)}.reset{font:inherit;font-size:12.5px;color:var(--ink-3);background:none;border:none;cursor:pointer;text-decoration:underline}.result-count{font-size:13px;color:var(--ink-3);padding:26px 0 4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.speclist{border-top:1px solid var(--rule-2)}.specimen-row{display:grid;grid-template-columns:232px minmax(0,1fr) 128px;grid-gap:30px;gap:30px;align-items:center;padding:22px 0;border-bottom:1px solid var(--rule-2)}.specimen-row:hover .sr-name{color:var(--accent)}.sr-swatch{display:block;width:100%;height:92px;border:1px solid var(--rule);position:relative;overflow:hidden}.sr-name{font-size:26px;font-weight:700;letter-spacing:-.035em;line-height:1.25;transition:color .12s}.sr-name .en{font-weight:300;color:var(--ink-3);font-size:17px;margin-left:9px;letter-spacing:-.01em}.sr-sum{font-size:14.5px;color:var(--ink-2);margin:4px 0 8px;max-width:52ch}.sr-meta{font-size:12.5px;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sr-actions{display:flex;justify-content:flex-end}.empty{padding:80px 0;text-align:center;color:var(--ink-3)}.wfam{display:flex;flex-direction:column;gap:2px}.wfam-row{display:grid;grid-template-columns:74px 1fr;grid-gap:18px;gap:18px;align-items:center;padding:7px 0;border-bottom:1px solid var(--rule-2)}.wfam-row:last-child{border-bottom:none}.wfam-g{font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.wfam-bar{display:flex;align-items:center;gap:14px}.wfam-stack{display:block;flex:0 0 auto;border:1px solid var(--rule);background:var(--ink);opacity:.82;width:190px}.wfam-note{font-size:12.5px;color:var(--ink-3)}.pp-stage{border:1px solid var(--rule);padding:34px 32px;min-height:216px;position:relative;overflow:hidden}.pp-text{font-size:27px;line-height:1.5;letter-spacing:-.03em;font-weight:700;position:relative}.pp-body{font-size:14.5px;line-height:1.75;margin-top:12px;max-width:40ch;position:relative}.pp-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:18px;gap:18px;margin-top:18px}.pp-controls label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--ink-3)}.pp-controls input[type=range]{width:100%;accent-color:var(--accent)}.pp-input{width:100%;font:inherit;font-size:15px;padding:6px 0;border:none;border-bottom:1px solid var(--rule);background:transparent;color:var(--ink)}.pp-input:focus{outline:none;border-bottom-color:var(--accent)}.pp-caption{font-size:12.5px;color:var(--ink-3);margin-top:12px}.fin-table{border-top:1px solid var(--rule-2)}.fin-row{display:grid;grid-template-columns:172px minmax(0,1fr);grid-gap:26px;gap:26px;padding:18px 0;border-bottom:1px solid var(--rule-2)}.fin-label{font-size:14.5px}.fin-tag{display:block;font-size:11.5px;color:var(--ink-3);margin-top:1px;letter-spacing:.04em}.fin-label.warn .fin-tag{color:var(--accent)}.fin-demo{border:1px solid var(--rule);height:84px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.fin-demo .glyph{font-size:27px;font-weight:800;letter-spacing:-.02em;position:relative}.fin-note{color:var(--ink-3);margin-top:6px}.cmp-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.cmp-strip .cell{display:block;width:100%;height:126px;border:1px solid var(--rule)}.cmp-caption{font-size:12.5px;color:var(--ink-3);margin-top:10px}.spec{border-top:1px solid var(--rule-2)}.spec .row{display:grid;grid-template-columns:132px minmax(0,1fr);grid-gap:24px;gap:24px;padding:11px 0;border-bottom:1px solid var(--rule-2);font-size:14.5px}.spec dt{color:var(--ink-3);font-size:13.5px}.spec dd{margin:0}.wchips{display:flex;flex-wrap:wrap;gap:5px}.wchip{font-size:12.5px;border:1px solid var(--rule);padding:0 8px;color:var(--ink-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.srclist{font-size:13.5px}.srclist a{border-bottom:1px solid var(--rule)}.srclist a:hover{color:var(--accent);border-color:var(--accent)}.ctable-wrap{overflow-x:auto;padding-bottom:90px}table.ctable{border-collapse:collapse;width:100%;min-width:660px;font-size:14.5px}table.ctable td,table.ctable th{text-align:left;vertical-align:top;padding:14px 16px 14px 0;border-bottom:1px solid var(--rule-2)}table.ctable th.rowh{width:124px;color:var(--ink-3);font-weight:400;font-size:13.5px;white-space:nowrap}.ch-swatch{height:104px;border:1px solid var(--rule);margin-bottom:12px}.ch-name{font-weight:700;font-size:19px;letter-spacing:-.03em}.article{padding-block:62px 110px}.article h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.045em;margin:0 0 18px;line-height:1.15}.article p{color:var(--ink-2);max-width:var(--measure)}table.gtable{border-collapse:collapse;width:100%;font-size:14.5px}table.gtable td,table.gtable th{text-align:left;padding:11px 16px 11px 0;border-bottom:1px solid var(--rule-2);vertical-align:top}table.gtable th{font-weight:400;border-bottom:1px solid var(--rule)}.note,table.gtable th{color:var(--ink-3);font-size:13px}.note{border-left:2px solid var(--rule);padding-left:14px;margin-top:34px;max-width:var(--measure)}.linkcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));grid-gap:1px;gap:1px;background:var(--rule-2);border:1px solid var(--rule-2)}.linkcard{padding:18px 20px;background:var(--paper)}.linkcard:hover b{color:var(--accent)}.linkcard b{display:block;font-size:15px;margin-bottom:5px}.linkcard span{font-size:13px;color:var(--ink-2);line-height:1.65}.calc{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));grid-gap:22px;gap:22px;margin:4px 0 26px}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:12.5px;color:var(--ink-3)}.field-hint{font-size:11.5px;color:var(--ink-3)}.calc input,.calc select{font:inherit;font-size:15px;padding:6px 0;border:none;border-bottom:1px solid var(--rule);background:transparent;color:var(--ink);width:100%;border-radius:0}.calc input:focus,.calc select:focus{outline:none;border-bottom-color:var(--accent)}.picker{display:flex;gap:12px}.picker select:first-child{flex:1 1 auto;min-width:0}.picker select:last-child{flex:0 0 76px}.result{border-top:1px solid var(--rule);padding-top:20px}.result-main{font-size:14px;color:var(--ink-3)}.result-main b{font-size:40px;color:var(--ink);letter-spacing:-.04em;margin-left:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.result-sub{font-size:13px;color:var(--ink-2);margin-top:10px;line-height:1.7;max-width:var(--measure)}.cbar{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;z-index:50;gap:16px;background:var(--ink);color:var(--paper);border-radius:999px;padding:8px 8px 8px 22px;font-size:13.5px}.cbar,.cbar .names{display:flex;align-items:center}.cbar .names{gap:10px}.cbar .nm{display:flex;align-items:center;gap:6px}.cbar .dot{width:13px;height:13px;border:1px solid rgba(255,255,255,.3)}.cbar .go{background:var(--paper);color:var(--ink);border:none;border-radius:999px;padding:7px 17px;font:inherit;font-weight:700;cursor:pointer}.cbar .clr{background:none;border:none;color:rgba(255,255,255,.5);cursor:pointer;font:inherit;font-size:12.5px}.site-footer{border-top:1px solid var(--rule);padding:30px 0 46px;font-size:12.5px;color:var(--ink-3)}.site-footer p{max-width:var(--measure);margin:0}.crumb{font-size:13px;color:var(--ink-3);padding-top:26px}.crumb a:hover{color:var(--accent)}.detail{padding-bottom:100px}@media (max-width:860px){:root{--pad:22px}.sec{grid-template-columns:1fr;gap:14px;padding:40px 0}.specimen-row{grid-template-columns:118px minmax(0,1fr);gap:18px}.sr-actions{grid-column:1/-1;justify-content:flex-start}.sr-name{font-size:21px}.fin-row{grid-template-columns:1fr;gap:12px}.spec .row{grid-template-columns:96px minmax(0,1fr);gap:14px}.nav{gap:14px;font-size:13px}.site-header .inner{gap:16px}.cmp-strip{grid-template-columns:1fr}.cmp-strip .cell{height:92px}}.article h2{font-size:21px;letter-spacing:-.03em;margin:54px 0 14px;font-weight:700}.article p{margin:0 0 16px}.article>p:first-of-type{font-size:18px;line-height:1.75}.sec-body .specimen-row{grid-template-columns:128px minmax(0,1fr) 84px;gap:20px;padding:18px 0}.sec-body .sr-swatch{height:72px}.sec-body .sr-name{font-size:20px}.sec-body .sr-name .en{font-size:14px;margin-left:7px}.sec-body .sr-sum{font-size:13.5px;margin:3px 0 6px}.sec-body .sr-meta{gap:10px;font-size:12px}.sim-mark{position:absolute;left:0;bottom:0;padding:2px 7px;font-size:10px;letter-spacing:.02em;color:var(--ink-3);background:color-mix(in srgb,var(--paper) 78%,transparent)}.wfam-scale{display:grid;grid-template-columns:74px 1fr;grid-gap:18px;gap:18px;align-items:center;padding:12px 0 0;margin-top:6px;border-top:1px solid var(--rule-2)}.wfam-ruler{display:block;flex:0 0 auto;width:190px;border:1px dashed var(--ink-3);background:transparent}.chip-wrap{position:relative;display:inline-flex}.tip{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%) translateY(-3px);z-index:60;width:max-content;max-width:244px;padding:10px 13px;background:var(--ink);color:var(--paper);border-radius:9px;font-size:12.5px;line-height:1.62;letter-spacing:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.chip-wrap:focus-within .tip,.chip-wrap:hover .tip{opacity:1;visibility:visible;transform:translateX(-50%)}.tip b{display:block;font-weight:700;margin-bottom:3px}.tip em{display:block;margin-top:6px;font-style:normal;color:color-mix(in srgb,var(--paper) 58%,transparent)}@media (hover:none){.tip{display:none}}.pp-inks{display:flex;align-items:center;gap:14px;margin-top:16px}.pp-inks-label{font-size:12.5px;color:var(--ink-3)}.pp-swatches{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ink-chip{width:26px;height:26px;border-radius:5px;cursor:pointer;padding:0;border:1px solid var(--rule);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.ink-chip:hover{border-color:var(--ink-3)}.ink-chip.on{outline:2px solid var(--accent);outline-offset:2px;border-color:transparent}.ink-custom{display:inline-flex}.ink-custom input[type=color]{width:26px;height:26px;padding:0;border:1px dashed var(--ink-3);border-radius:5px;background:transparent;cursor:pointer}.pp-shift{gap:14px;flex-wrap:wrap;margin-top:16px}.pp-shift,.pp-shift .chipbox{display:flex;align-items:center}.pp-shift .chipbox{gap:9px;font-size:12px;color:var(--ink-3)}.pp-shift .chipbox b{display:block;font-size:12.5px;color:var(--ink);font-weight:600}.pp-shift .sw{width:34px;height:34px;border-radius:5px;border:1px solid var(--rule);flex:0 0 auto}.pp-shift .arrow{color:var(--ink-3)}.pp-warn{margin:14px 0 0;padding:11px 14px;font-size:13px;line-height:1.65;color:var(--ink);border-left:2px solid var(--accent);background:var(--paper-2);max-width:var(--measure)}.fin-row{grid-template-columns:minmax(0,1fr) 236px;gap:28px;align-items:center;padding:22px 0}.fin-name{font-size:15px;font-weight:600}.fin-desc{margin:7px 0 0;font-size:13px;line-height:1.68;color:var(--ink-2)}.fin-note{display:block;margin:6px 0 0;font-size:12.5px;color:var(--accent)}.fin-demo{height:92px}@media (max-width:860px){.fin-row{grid-template-columns:1fr;gap:14px}.pp-shift{gap:10px}}.pp-warn.soft{border-left-color:var(--ink-3);color:var(--ink-2)}.result-figures{display:flex;flex-wrap:wrap;gap:30px;margin-top:16px}.result-figures span{display:flex;flex-direction:column;font-size:12.5px;color:var(--ink-3)}.result-figures b{font-size:21px;color:var(--ink);letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}