:root{font-family:system-ui,-apple-system,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;background:#f3f6f3;color:#15313a;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #196e72;outline-offset:3px}.site-head{height:68px;padding:0 clamp(18px,4vw,58px);display:flex;justify-content:space-between;align-items:center;background:#092736;color:#eaf7f3}.site-head a{text-decoration:none;font-size:.9rem;color:#b8d9d4}.brand{font-size:1.08rem;font-weight:760;display:flex;align-items:center;gap:10px;letter-spacing:-.03em}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#baf3cd;color:#092736;font-size:1.4rem;line-height:1}main{max-width:1510px;margin:auto}.intro{padding:clamp(26px,4vw,55px) clamp(18px,4vw,58px) 34px;background:#092736;color:#ecf7f3}.eyebrow{font-size:.73rem;font-weight:780;letter-spacing:.13em;text-transform:uppercase;color:#387a80}.intro .eyebrow{color:#a7eac4}.intro h1{font-size:clamp(2.1rem,5vw,4.4rem);line-height:1.13;letter-spacing:-.065em;margin:12px 0 18px;font-weight:780}.intro h1 em{font-style:normal;color:#baf3cd}.intro>p:last-child{max-width:680px;color:#c2d8d7;line-height:1.7;margin:0}.explorer{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:24px;padding:28px clamp(18px,4vw,58px) 52px;align-items:start}.catalog{background:#fff;border:1px solid #d9e4e2;border-radius:18px;overflow:hidden;position:sticky;top:16px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 10px 30px #123a4110}.catalog-head{padding:20px 19px 12px;flex-shrink:0}.catalog-head label{font-weight:750;display:flex;justify-content:space-between;margin-bottom:13px}.catalog-head span{font-size:.85rem;color:#617b80;font-weight:500}.catalog input{width:100%;border:1px solid #cbdad7;border-radius:10px;padding:10px 12px;min-width:0;background:#f8fbfa;color:#15313a}.filters{display:flex;gap:6px;padding:0 15px 14px;overflow-x:auto;overflow-y:hidden;flex-shrink:0;align-items:center}.filters button{min-height:42px;line-height:1.5;flex-shrink:0;white-space:nowrap;border:1px solid #d7e5e1;border-radius:999px;background:#fff;padding:7px 11px;color:#425d62;font-size:.81rem;font-weight:650}.filters button[aria-pressed=true]{background:#153e43;color:#fff;border-color:#153e43}.items{overflow:auto;padding:0 9px 12px;min-height:0;flex:1 1 auto}.item{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;border-radius:10px;background:transparent;padding:11px 10px;color:#18343c;gap:12px}.item:hover{background:#ecf5f0}.item[aria-selected=true]{background:#d9f3e5;color:#0a493d;font-weight:750}.item small{font-size:.71rem;color:#6a8382;white-space:nowrap}.empty{padding:18px;color:#6b7d7f;line-height:1.5}.detail{background:#fff;border:1px solid #d9e4e2;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 12px 35px #123a4110}.detail-top{padding:26px 30px 22px;display:flex;justify-content:space-between;gap:20px}.detail h2{margin:8px 0 10px;font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.04em}.lead{line-height:1.65;margin:0;color:#456268;max-width:760px}.stage{white-space:nowrap;align-self:start;font-size:.75rem;border-radius:999px;background:#e8f3ef;padding:8px 11px;color:#286056;font-weight:700}.sim-wrap{margin:0 21px;background:#eaf4f3;border:1px solid #d2e8e3;border-radius:16px;overflow:hidden}.sim-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 19px 0}.sim-head p{margin:5px 0 0;font-size:.9rem;color:#4d6870;line-height:1.5}.sim-controls{display:flex;gap:5px;flex-shrink:0}.sim-controls button{border:1px solid #bcd5d0;background:#fff;color:#36595c;padding:8px 11px;border-radius:8px;font-size:.8rem;font-weight:700;white-space:nowrap}.sim-controls button[aria-pressed=true]{background:#184d50;color:#fff;border-color:#184d50}.sim-controls button:disabled{opacity:.45;cursor:not-allowed}#diagram{width:100%;height:auto;display:block;min-height:240px}.wire{fill:none;stroke:#5b9cb4;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.case{fill:#f6fbfa;stroke:#b3d4d1;stroke-width:2}.electrode{fill:#e1edeb;stroke:#9bbdbb;stroke-width:2}.membrane{stroke:#97c1c4;stroke-width:1}.ionpath{stroke:#d78b47;stroke-width:4;stroke-dasharray:8 8;fill:none}.load{fill:#fff;stroke:#97b9bf;stroke-width:2}.svg-small{fill:#466e78;font-size:16px;font-weight:660}.svg-load{fill:#204d55;font-size:14px;font-weight:800}.svg-label{fill:#1b4a52;font-size:19px;font-weight:760}.svg-foot{fill:#5e7b80;font-size:14px;font-weight:650}.legend{display:flex;gap:19px;flex-wrap:wrap;padding:0 20px;color:#42666a;font-size:.8rem;font-weight:600}.swatch{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px}.swatch.ion{background:#df914a}.swatch.electron{background:#257ba6}.diagram-note{font-size:.75rem;color:#627e82;margin:8px 20px 18px;line-height:1.5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;padding:21px 30px;gap:15px 25px}.block{border-top:1px solid #dce9e6;padding-top:12px}.block.wide{grid-column:1/-1}.block h3{font-size:.86rem;margin:0 0 7px;color:#2d7372}.block p{margin:0;color:#364f55;line-height:1.65;font-size:.93rem}.block p+p{margin-top:8px}.reaction{background:#f3f7f6;border-radius:8px;padding:10px 13px;overflow-wrap:anywhere;font-weight:650}.market{background:#0d3339;color:#e7f6f2;padding:24px 30px 26px}.market .eyebrow{color:#92dcb8}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.market-grid>div{border-top:1px solid #4c6d70;padding-top:12px;display:flex;flex-direction:column;gap:6px}.market-grid small{color:#a6c7c7;font-size:.8rem}.market-grid strong{font-size:1.05rem;line-height:1.5}.market-grid span{color:#abcac9;font-size:.78rem}.sources{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}.sources a{border:1px solid #547579;border-radius:999px;text-decoration:none;font-size:.73rem;color:#c4e6df;padding:6px 10px}.sources a:hover{background:#23535b}.context{padding:48px clamp(18px,4vw,58px) 60px;background:#e8efeb}.context-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;border-bottom:1px solid #bad0c9;padding-bottom:20px}.context h2{font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.25;letter-spacing:-.04em;margin:0}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:27px 0}.method-grid>div{padding-right:16px}.num{color:#248077;font-size:.85rem;font-weight:800}.method-grid h3{font-size:1.09rem;margin:8px 0}.method-grid p,.method-foot{color:#40585b;line-height:1.7;font-size:.92rem}.method-grid a{font-size:.86rem;font-weight:700;color:#216b70}.method-foot{border-top:1px solid #bad0c9;padding-top:18px;margin-bottom:0}footer{background:#092736;color:#d1e4df;padding:26px clamp(18px,4vw,58px) 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{max-width:480px;color:#9bbab8;font-size:.83rem;line-height:1.5}
@media(max-width:980px){.explorer{grid-template-columns:255px minmax(0,1fr);gap:15px}.sim-head{align-items:start;flex-direction:column}.method-grid{grid-template-columns:1fr;gap:5px}.method-grid>div{border-bottom:1px solid #c9d8d1;padding-bottom:14px}.detail-top{padding:23px}.detail-grid{padding:18px 23px}.sim-wrap{margin:0 13px}}
@media(max-width:720px){.site-head{height:58px}.intro{padding-bottom:29px}.explorer{display:block;padding-top:16px}.catalog{position:relative;top:auto;max-height:none;margin-bottom:15px}.items{display:flex;overflow-x:auto;gap:5px;padding:0 12px 13px;scroll-snap-type:x proximity}.item{min-width:160px;max-width:190px;display:block;scroll-snap-align:start;border:1px solid #dce8e5;padding:10px}.item small{display:block;margin-top:4px}.detail-top{display:block}.stage{display:inline-block;margin-top:12px}.detail-grid,.market-grid{grid-template-columns:1fr}.block.wide{grid-column:auto}.sim-head{padding:15px 13px 0}.sim-controls{width:100%}.sim-controls button{flex:1}.sim-controls button:last-child{flex:0 0 42px}.legend{padding:0 12px}.diagram-note{margin:9px 12px 15px}.market{padding:23px}.context-heading{display:block}.context-heading h2{margin-top:9px}footer{display:block}footer p{margin-top:15px}}
.detail-link{display:inline-block;margin-top:13px;font-size:.82rem;font-weight:760;color:#236b72;text-underline-offset:3px}.technology-page{max-width:1020px;margin:0 auto;padding:28px 18px 65px}.back-link{font-size:.9rem;color:#2c6c6c;font-weight:700}.tech-hero{margin:25px 0 20px}.tech-hero h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em;margin:7px 0 12px}.tech-hero p{font-size:1.08rem;line-height:1.7;color:#486468;max-width:760px}.tech-main{background:#fff;border:1px solid #d9e4e2;border-radius:20px;overflow:hidden}.tech-main .sim-wrap{margin:20px}.tech-main .detail-grid{padding:20px 30px}.tech-main .market{margin-top:8px}.tech-main .sim-head{padding-top:18px}.related{margin-top:25px}.related h2{font-size:1.25rem}.related a{display:inline-block;margin:5px 8px 5px 0;padding:9px 13px;border:1px solid #b6d2c9;border-radius:999px;text-decoration:none;background:#fff;font-size:.86rem;color:#245b5f}.related a:hover{background:#dff2e8}

.classification-guide{padding:18px clamp(18px,4vw,58px) 0;margin:0;color:#456268;line-height:1.7;font-size:.95rem}
.maker-section{padding:28px 32px;border-top:1px solid var(--line,#dce5e7)}.maker-section h3{margin:9px 0 12px;font-size:22px}.maker-note{color:#526974;font-size:13px;line-height:1.8}.table-scroll{overflow-x:auto;margin:20px 0;border:1px solid #dce5e7;border-radius:12px}.maker-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:570px}.maker-table th,.maker-table td{padding:15px 18px;border-bottom:1px solid #e4ecee;vertical-align:top}.maker-table thead{background:#edf4f5;color:#526974;font-size:12px}.maker-table tbody tr:last-child>*{border-bottom:0}.maker-table a{color:#146f87;text-decoration:none}.maker-table a:hover{text-decoration:underline}.unknown-share{font-size:12px;white-space:nowrap;color:#687a82}.share-value{font-weight:700;color:#176d83}.share-bar{display:block;height:5px;background:linear-gradient(to right,#258d9a var(--share),#e7eff0 var(--share));margin-top:7px;border-radius:3px;min-width:100px}.ev-reference{background:#f5f9f8;border-radius:16px}.technology-page>.ev-reference{margin-top:28px}@media(max-width:600px){.maker-section{padding:22px 18px}.maker-table th,.maker-table td{padding:12px}.maker-section h3{font-size:20px}}
.head-links{display:flex;gap:18px;align-items:center}
.overview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:26px clamp(18px,4vw,58px) 0}.overview-cards a{background:#fff;border:1px solid #c9ded9;border-radius:14px;padding:20px;text-decoration:none;display:flex;flex-direction:column;gap:8px}.overview-cards a:hover{border-color:#197b83;background:#edf7f4}.overview-cards b{font-size:1.12rem}.overview-cards span{font-size:.9rem;line-height:1.6;color:#526974}.overview-page{max-width:1100px;padding:24px clamp(18px,4vw,40px) 60px}.overview-nav,.overview-toc{display:flex;gap:10px;flex-wrap:wrap}.overview-nav a,.overview-toc a{padding:10px 15px;border:1px solid #cbdedb;border-radius:999px;text-decoration:none;font-size:.9rem;background:white}.overview-nav a[aria-current=page]{background:#15484b;color:white;border-color:#15484b}.overview-hero{padding:35px 0 22px}.overview-hero h1{font-size:clamp(2rem,5vw,3.1rem);margin:14px 0;letter-spacing:-.04em}.overview-hero p{font-size:1.1rem;color:#526974;line-height:1.8;max-width:820px}.overview-toc{padding:0 0 26px}.overview-toc a{border-radius:8px;color:#30646a;background:#e6f0ed}.overview-section{padding:28px clamp(18px,3vw,32px);background:white;border:1px solid #d9e4e2;border-radius:16px;margin:18px 0;scroll-margin-top:20px}.overview-section h2{font-size:clamp(1.35rem,3vw,1.7rem);letter-spacing:-.025em;margin:0 0 18px}.overview-section p{line-height:1.9;font-size:1rem;color:#36565e}.overview-section .maker-note{font-size:.875rem}.overview-section .maker-table{font-size:1rem;line-height:1.75}.overview-section .maker-table thead{font-size:.875rem}.overview-section .sources{font-size:.875rem;line-height:1.8}.overview-note{border-left:4px solid #278b85;background:#eaf6f1;padding:18px 22px;line-height:1.9;margin:22px 0;font-size:1rem}.concept-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.concept-strip>div{background:#123e48;color:white;padding:20px;border-radius:12px}.concept-strip b,.concept-strip span{display:block}.concept-strip b{color:#baf3cd;font-size:1.1rem;margin-bottom:10px}.concept-strip span{font-size:.9rem;line-height:1.6}.market-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;list-style:none;counter-reset:steps;gap:10px;margin:25px 0}.market-steps li{counter-increment:steps;background:#eff5f4;padding:16px;border-radius:10px}.market-steps li:before{content:counter(steps);display:block;color:#267b82;font-size:1.4rem;font-weight:800;margin-bottom:10px}.market-steps b,.market-steps span{display:block}.market-steps b{font-size:.95rem}.market-steps span{font-size:.875rem;color:#526974;line-height:1.7;margin-top:8px}.technology-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.technology-links a{padding:16px;border:1px solid #d9e4e2;text-decoration:none;border-radius:10px;font-weight:700;line-height:1.6}.technology-links a:hover{background:#eaf6f1}.technology-links span{display:block;font-size:.875rem;color:#627e81;font-weight:400;margin-top:4px}.category-back{display:inline-block;margin-left:20px;color:#196b76;font-size:.9rem}.site-head .brand{color:#eaf7f3;font-size:1.08rem}@media(max-width:700px){.overview-cards,.concept-strip,.technology-links{grid-template-columns:1fr}.overview-cards{gap:10px}.overview-cards a{padding:16px}.market-steps{grid-template-columns:1fr}.market-steps li{display:grid;grid-template-columns:30px 1fr;column-gap:12px}.market-steps li:before{grid-row:span 2;margin:0}.market-steps span{margin:4px 0 0}.overview-nav a{flex:1;text-align:center;padding:10px 8px}.category-back{margin:10px 0}.overview-section{padding:22px 18px}.overview-hero{padding-top:28px}}
.product-section{padding:28px 32px;border-top:1px solid #dce5e7}.product-section h3{font-size:22px;margin:10px 0 20px}.product-figure{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;background:#f5f8f8;border:1px solid #dce5e7;border-radius:14px;padding:20px}.product-figure img{width:100%;height:250px;object-fit:contain;background:white;border-radius:10px}.product-figure figcaption{line-height:1.8;color:#36565e;font-size:14px}.product-figure strong{display:block;font-size:18px;color:#153e48}.product-origin{display:block;color:#197a73;font-size:13px;margin-top:8px}.product-figure a{color:#176e86}.product-unavailable{background:#f1f5f5;border-radius:12px;padding:20px;line-height:1.8;color:#526974}.topic-link{display:flex;flex-direction:column;gap:7px;padding:20px;background:#e9f5ef;border:1px solid #bddbd2;border-radius:12px;text-decoration:none;line-height:1.7;margin-top:18px;color:#145952}.topic-link span{font-size:14px;color:#526974}.learning-links{display:flex;gap:20px;flex-wrap:wrap;padding:22px clamp(18px,4vw,58px) 0}.learning-links a{color:#196e76;font-weight:700}.value-inputs{display:flex;gap:16px;flex-wrap:wrap}.value-inputs label{display:flex;flex-direction:column;gap:7px}.value-inputs input{padding:12px;border:1px solid #a9c7c6;border-radius:8px;width:150px;font:inherit}.value-result{font-size:1.2rem;font-weight:700;padding:18px;background:#eaf6f1;border-radius:10px}@media(max-width:700px){.product-section{padding:22px 18px}.product-figure{grid-template-columns:1fr;padding:15px}.product-figure img{height:220px}}

.privacy-link{padding:18px clamp(18px,4vw,58px);background:#092736;color:#c4e6df;text-align:center;font-size:14px}.privacy-link a{line-height:1.7}

.site-credit{display:block;margin-top:10px;color:#b8d9d4;font-size:14px;line-height:1.6}

.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-brand .site-credit{margin:0 0 0 38px}