home / index.html
quantid's picture
sync benchmark figures 2026-10-21
9523736 verified
Raw History Blame Contribute Delete
78.8 kB
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ํ€€ํŠธID ยท ํ† ํฐ ๊ฒ€์นจ ยท AI ์›๊ฐ€๋ฅผ ์žฌ๊ณ  ๋“ฑ๊ธ‰์„ ๋งค๊น๋‹ˆ๋‹ค</title>
<meta name="description" content="AI์— ๋ˆ์ด ์–ผ๋งˆ ๋‚˜๊ฐ€๋Š”์ง€๋Š” ์•Œ์•„๋„ ์–ด๋””๋กœ ๋‚˜๊ฐ€๋Š”์ง€๋Š” ๋ชจ๋ฆ…๋‹ˆ๋‹ค. ํ€€ํŠธID๋Š” ์—…๋ฌด ํ•œ ๊ฑด์ด ํ† ํฐ ๋ช‡ ๊ฐœ๋ฅผ ๋จน๋Š”์ง€๋ถ€ํ„ฐ ์žฌ ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ํ† ํฐ ์›์žฅ ยท ํ† ํฐ ๋“ฑ๊ธ‰ ยท ํ€€ํŠธ 4ํ˜•์ œ. ๋ง ์•ˆ์—์„œ ๋Œ์•„๊ฐ‘๋‹ˆ๋‹ค.">
<meta property="og:title" content="ํ€€ํŠธID ยท ํ† ํฐ ๊ฒ€์นจ">
<meta property="og:description" content="๋ฒ„๋Š” ๊ฑด ์›, ์“ฐ๋Š” ๊ฑด ํ† ํฐ. ๊ทธ ์‚ฌ์ด ํ™˜์œจ์„ ์•„๋Š” ํšŒ์‚ฌ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ํ€€ํŠธID๊ฐ€ ๊ทธ ํ™˜์œจ์„ ์žฝ๋‹ˆ๋‹ค.">
<meta property="og:type" content="website">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23141820'/%3E%3Crect x='24' y='24' width='52' height='52' fill='none' stroke='%23F7F3EA' stroke-width='6' transform='rotate(5 50 50)'/%3E%3Crect x='42' y='42' width='16' height='16' fill='%233963CF'/%3E%3C/svg%3E">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap">
<link rel="stylesheet" href="brand.css">
<style>
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0; background:var(--ground); color:var(--ink);
font-family:"IBM Plex Sans KR","IBM Plex Sans",system-ui,-apple-system,sans-serif;
font-size:16px; line-height:1.75; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--max); margin:0 auto; padding:0 24px}
h1,h2,h3,h4{margin:0; text-wrap:balance; letter-spacing:-.02em}
p{margin:0}
.mono{font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums}
.en{display:block; font-family:"IBM Plex Mono",monospace; font-size:12px; font-weight:400;
letter-spacing:.1em; color:var(--ink3); text-transform:uppercase; margin-top:7px}
/* โ”€โ”€ ๋กœ๊ณ  โ”€โ”€ */
.mark{width:30px; height:30px; flex:none}
.wordmark{font-weight:600; font-size:17px; letter-spacing:.24em; text-transform:uppercase}
.logo{display:flex; align-items:center; gap:11px; color:inherit; text-decoration:none}
.logo .tl{font-family:"IBM Plex Mono",monospace; font-size:9px; letter-spacing:.2em;
color:var(--ink3); display:block; margin-top:2px; text-transform:uppercase}
/* โ”€โ”€ nav โ”€โ”€ */
nav{position:sticky; top:0; z-index:50; background:rgba(247,243,234,.92);
backdrop-filter:blur(10px); border-bottom:1px solid var(--line)}
nav .wrap{display:flex; align-items:center; justify-content:space-between; height:66px}
nav .links{display:flex; gap:24px; font-size:13.5px; color:var(--ink2)}
nav .links a{color:inherit; text-decoration:none}
nav .links a:hover{color:var(--blue)}
@media(max-width:860px){nav .links{display:none}}
/* โ”€โ”€ section โ”€โ”€ */
section{padding:96px 0; border-bottom:1px solid var(--line)}
.eyebrow{font-family:"IBM Plex Mono",monospace; font-size:11.5px; font-weight:600;
letter-spacing:.2em; text-transform:uppercase; color:var(--blue); margin-bottom:18px}
.h2{font-size:clamp(26px,3.6vw,38px); font-weight:700; line-height:1.28}
.lead{margin-top:20px; max-width:64ch; font-size:17px; color:var(--ink2)}
.note{margin-top:28px; padding:18px 22px; border-left:3px solid var(--blue);
background:var(--surface); font-size:14.5px; color:var(--ink2)}
.note strong{color:var(--ink)}
/* ์–ด๋‘์šด ๋  */
.dark{background:var(--obsidian); color:var(--ivory); border-bottom:none}
.dark .h2{color:var(--ivory)}
.dark .lead{color:#B9BEC7}
.dark .eyebrow{color:#7E9BE0}
/* โ”€โ”€ hero โ”€โ”€ */
.hero{padding:104px 0 92px; border-bottom:1px solid var(--line)}
.hero-grid{display:grid; gap:56px; align-items:center}
@media(min-width:900px){.hero-grid{grid-template-columns:1.1fr .9fr}}
.hero .kicker{font-family:"IBM Plex Mono",monospace; font-size:12.5px; letter-spacing:.2em;
text-transform:uppercase; color:var(--blue); margin-bottom:24px}
.hero h1{font-size:clamp(30px,5.6vw,52px); font-weight:700; line-height:1.2}
.hero h1 .sub{display:block; color:var(--ink3); font-size:clamp(19px,2.6vw,26px);
font-weight:500; margin-bottom:14px; letter-spacing:-.01em}
.hero .tagline{margin-top:26px; font-size:18px; color:var(--ink2); max-width:52ch}
.cta{display:flex; flex-wrap:wrap; gap:12px; margin-top:34px}
.btn{display:inline-block; padding:13px 24px; font-size:14.5px; font-weight:600;
text-decoration:none; border:1px solid transparent; cursor:pointer; border-radius:2px}
.btn-p{background:var(--blue); color:#fff}
.btn-p:hover{background:var(--blue-deep)}
.btn-s{border-color:var(--line2); color:var(--ink); background:transparent}
.btn-s:hover{border-color:var(--blue); color:var(--blue)}
/* โ”€โ”€ cards โ”€โ”€ */
.grid{display:grid; gap:16px; margin-top:40px}
.g3,.g4{grid-template-columns:1fr}
@media(min-width:720px){.g4{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.g4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--surface); border:1px solid var(--line); padding:24px}
.card h3{font-size:17px; font-weight:600; margin-bottom:10px}
.card p{font-size:14.5px; color:var(--ink2)}
.card .num{font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--blue);
letter-spacing:.12em; margin-bottom:14px}
.card .cut{margin-top:16px; padding-top:12px; border-top:1px solid var(--line);
font-size:12.5px; color:var(--ink3)}
.q-card{background:var(--surface); border:1px solid var(--line); padding:26px;
position:relative; overflow:hidden}
.q-card::before{content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--blue)}
.q-card .verb{font-size:13px; color:var(--blue); font-weight:600}
.q-card h3{font-size:21px; font-weight:700; margin:8px 0 5px}
.q-card .romaji{font-family:"IBM Plex Mono",monospace; font-size:11px; letter-spacing:.16em;
color:var(--ink3); text-transform:uppercase}
.q-card p{margin-top:15px; font-size:14.5px; color:var(--ink2)}
.q-card .cut{margin-top:18px; padding-top:14px; border-top:1px solid var(--line);
font-size:12.5px; color:var(--ink3)}
.q-card .cut b{color:var(--blue); font-weight:600}
/* โ”€โ”€ ์ธ์ฆ ๋งˆํฌ โ”€โ”€ */
.marks{display:grid; gap:14px; margin-top:38px}
.markrow{display:flex; align-items:center; gap:0; border:1px solid var(--line2);
background:var(--surface); border-radius:14px; overflow:hidden}
.markrow.inv{background:var(--obsidian); border-color:var(--blue)}
.markrow .mk{flex:none; width:118px; display:flex; align-items:center; justify-content:center; padding:22px 0}
.markrow .bar{width:1px; align-self:stretch; background:var(--line2); margin:18px 0}
.markrow.inv .bar{background:var(--blue)}
.markrow .mt{padding:20px 24px; flex:1}
.markrow .mt h4{font-size:clamp(17px,2.4vw,24px); font-weight:700; letter-spacing:.06em; text-transform:uppercase}
.markrow .mt .ms{font-family:"IBM Plex Mono",monospace; font-size:11.5px; letter-spacing:.12em;
color:var(--blue); text-transform:uppercase; margin-top:6px}
.markrow .mt .mk-ko{font-size:14px; color:var(--ink2); margin-top:10px}
.markrow.inv .mt h4{color:var(--ivory)}
.markrow.inv .mt .mk-ko{color:#B9BEC7}
.markrow.inv .mt .ms{color:#7E9BE0}
/* โ”€โ”€ table โ”€โ”€ */
.tw{overflow-x:auto; margin-top:34px; border:1px solid var(--line); background:var(--surface)}
table{border-collapse:collapse; width:100%; min-width:560px; font-size:14.5px}
th,td{padding:13px 16px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top}
thead th{background:var(--surface2); font-family:"IBM Plex Mono",monospace; font-size:11.5px;
font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--ink2); white-space:nowrap}
td.n,th.n{text-align:right; font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; white-space:nowrap}
tbody tr:last-child td{border-bottom:none}
tr.tot td{background:var(--blue-soft); font-weight:600}
tr.tot td.n{color:var(--blue-deep)}
/* โ”€โ”€ grade โ”€โ”€ */
.grades{display:grid; gap:12px; margin-top:36px}
@media(min-width:720px){.grades{grid-template-columns:repeat(4,1fr)}}
.grade{background:var(--surface); border:1px solid var(--line); padding:22px; border-top:3px solid var(--g)}
.grade .lt{font-family:"IBM Plex Mono",monospace; font-size:34px; font-weight:600; color:var(--g); line-height:1}
.grade h4{margin:12px 0 8px; font-size:15px; font-weight:600}
.grade p{font-size:13.5px; color:var(--ink2)}
/* โ”€โ”€ meter โ”€โ”€ */
.meter{display:grid; gap:28px; margin-top:38px}
@media(min-width:980px){.meter{grid-template-columns:1fr 1fr}}
.panel{background:var(--surface); border:1px solid var(--line); padding:26px}
.dark .panel{background:#1C222C; border-color:#2E3642}
.field{margin-bottom:18px}
.field label{display:block; font-size:13px; color:var(--ink2); margin-bottom:7px}
.dark .field label{color:#B9BEC7}
.field input{width:100%; padding:11px 13px; background:var(--ground); color:var(--ink);
border:1px solid var(--line2); font-size:14.5px; font-family:"IBM Plex Mono",monospace}
.dark .field input{background:#141820; color:var(--ivory); border-color:#39424F}
.field input:focus{outline:2px solid var(--blue); outline-offset:1px; border-color:var(--blue)}
.checks{display:grid; gap:10px; margin:22px 0}
.chk{display:flex; gap:11px; align-items:flex-start; font-size:14px; color:var(--ink2); cursor:pointer}
.dark .chk{color:#B9BEC7}
.chk input{margin:4px 0 0; accent-color:var(--blue); width:16px; height:16px; flex:none}
.result{display:none}
.result.on{display:block}
.rg{display:flex; align-items:center; gap:18px; padding-bottom:20px; border-bottom:1px solid var(--line)}
.dark .rg{border-color:#2E3642}
.rg .letter{font-family:"IBM Plex Mono",monospace; font-size:58px; font-weight:600; line-height:.9}
.rg .txt{font-size:14px; color:var(--ink2)}
.dark .rg .txt{color:#B9BEC7}
.rows{margin-top:20px; display:grid; gap:11px}
.row{display:flex; justify-content:space-between; gap:14px; font-size:14px}
.row span{color:var(--ink2)}
.dark .row span{color:#B9BEC7}
.row b{font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; font-weight:600}
.cav{margin-top:22px; padding-top:18px; border-top:1px solid var(--line); font-size:12.5px; color:var(--ink3)}
.dark .cav{border-color:#2E3642; color:#8C93A0}
.cav li{margin-bottom:7px}
.hint{font-size:12.5px; color:var(--ink3); margin:-8px 0 18px}
/* โ”€โ”€ partners / steps โ”€โ”€ */
.partners{display:grid; gap:14px; margin-top:30px}
@media(min-width:720px){.partners{grid-template-columns:repeat(2,1fr)}}
.pt{background:var(--surface); border:1px solid var(--line); padding:20px 22px}
.pt h4{font-size:16px; font-weight:600}
.pt p{margin-top:8px; font-size:13.5px; color:var(--ink2)}
.pt .tags{margin-top:12px; display:flex; flex-wrap:wrap; gap:7px}
.tag{font-family:"IBM Plex Mono",monospace; font-size:11px; letter-spacing:.06em;
padding:3px 10px; border:1px solid var(--line2); border-radius:99px; color:var(--ink2)}
.steps{display:grid; gap:14px; margin-top:36px}
@media(min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{background:var(--surface); border:1px solid var(--line); padding:22px}
.step .sn{font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--blue); letter-spacing:.12em}
.step h4{margin:10px 0 8px; font-size:16px; font-weight:600}
.step p{font-size:13.5px; color:var(--ink2)}
.step .dur{margin-top:12px; font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:var(--ink3)}
footer{padding:64px 0 80px; background:var(--obsidian); color:#8C93A0; font-size:13.5px}
footer .fg{display:grid; gap:34px}
@media(min-width:820px){footer .fg{grid-template-columns:1.3fr 1fr}}
footer b{color:#B9BEC7; font-weight:600}
footer .wordmark{color:var(--ivory)}
footer .tl{color:#6E7480}
.legal{margin-top:34px; padding-top:22px; border-top:1px solid #2E3642; font-size:12.5px; line-height:1.85; color:#7A818D}
.legal b{color:#B9BEC7}
svg{display:block; max-width:100%; height:auto}
.grid.g2{grid-template-columns:repeat(2,1fr)}
.card.chart svg{width:100%;height:auto;display:block;margin:16px 0 6px}
.card.chart h3{font-size:17px;line-height:1.45}
@media(max-width:880px){.grid.g2{grid-template-columns:1fr}}
.board{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:20px;margin-top:30px;align-items:start}
.bpanel .f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bpanel .f3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.bpanel select,.bpanel input{width:100%;padding:10px 12px;border:1px solid var(--line2);
background:var(--surface);color:var(--ink);font:inherit;font-size:14px;border-radius:0}
.bpanel select:focus,.bpanel input:focus{outline:2px solid var(--blue);outline-offset:-2px}
.plotwrap{padding:14px 12px 10px}
.plotwrap svg{width:100%;height:auto;display:block}
.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:11.5px;color:var(--ink2)}
.legend i.d{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}
.legend i.gold{background:#B8B0A0}.legend i.ours{background:var(--blue)}.legend i.you{background:#2A7A4F}
.legend i.ln{display:inline-block;width:16px;border-top:2px dashed #B0432C;margin-right:5px;vertical-align:middle}
.bcards{margin-top:24px}
.card.kpi .big{font-size:29px;font-weight:700;line-height:1.15;margin:8px 0 4px;letter-spacing:-.02em}
.card.kpi .sub{font-size:11.5px;color:var(--ink3);line-height:1.5}
table.brank tr.mine{background:var(--blue-soft)}
table.brank tr.mine td{font-weight:600}
.gr{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.06em;
padding:2px 6px;border:1px solid var(--line2);color:var(--ink2)}
.gr.g-GOLD{border-color:#B07A1E;color:#8A5E13}
.gr.g-VERIFIED{border-color:var(--blue);color:var(--blue-deep)}
@media(max-width:900px){.board{grid-template-columns:1fr}}
.band{background:var(--obsidian);color:var(--ivory);border-bottom:none;padding:56px 0 60px}
.band .bandline{border-bottom:1px solid #2C333F;padding-bottom:26px;margin-bottom:34px}
.band .beq{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.band .bt{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.18em;
text-transform:uppercase;border:1px solid #4A5262;padding:7px 14px;color:#B9BEC7}
.band .bt.bgain{border-color:var(--blue);color:#9DB6EE}
.band .bop{font-size:19px;color:#6E7686}
.band .bh{font-size:clamp(25px,3.4vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.25}
.band .bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.band .bnum{font-size:34px;font-weight:700;color:#7E9BE0;letter-spacing:-.03em;line-height:1}
.band .bcol h3{font-size:16.5px;font-weight:700;margin:12px 0 9px}
.band .bcol p{font-size:14px;line-height:1.72;color:#B9BEC7}
.band .bcol p strong{color:var(--ivory)}
.band .bcut{margin-top:12px;padding-top:10px;border-top:1px solid #2C333F;
font-size:11.5px;color:#8C93A0}
@media(max-width:880px){.band .bgrid{grid-template-columns:1fr;gap:30px}}
.bstat{margin-top:30px}
.bench2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.bench2 svg{width:100%;height:auto;margin-top:16px}
.bench2 .card h3{font-size:18px;font-weight:700;margin:8px 0 10px;line-height:1.45}
table.bscore td.n,table.bscore th.n{text-align:right;font-family:'IBM Plex Mono',monospace}
table.bscore tbody td.n{font-weight:700;color:var(--blue-deep)}
.bcta{margin-top:24px;padding:26px 28px;background:var(--obsidian);color:var(--ivory);
display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.bcta .bk{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;
text-transform:uppercase;color:#7E9BE0}
.bcta h3{font-size:20px;font-weight:700;margin:8px 0 6px}
.bcta p{font-size:14px;color:#B9BEC7;max-width:52ch}
.press{margin-top:22px;padding:22px 24px;border:1px solid var(--line);background:var(--surface)}
.press .pk{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;
text-transform:uppercase;color:var(--ink3);margin-bottom:8px}
.press .ptitle{display:block;font-size:18px;font-weight:700;line-height:1.5;
color:var(--ink);text-decoration:none;border-bottom:2px solid var(--blue-soft)}
.press .ptitle:hover{border-bottom-color:var(--blue)}
.press .pmeta{margin-top:8px;font-size:12.5px;color:var(--ink3)}
.press p{margin-top:10px;font-size:14px;color:var(--ink2)}
@media(max-width:900px){.bench2{grid-template-columns:1fr}}
</style>
</head>
<body>
<svg width="0" height="0" style="position:absolute" aria-hidden="true"><defs>
<symbol id="qmark" viewBox="0 0 100 100">
<g fill="none" stroke="currentColor" stroke-width="5.2" stroke-linecap="butt">
<path d="M89.58 33.20 A43 43 0 0 1 86.06 73.42"/>
<path d="M66.80 89.58 A43 43 0 0 1 26.58 86.06"/>
<path d="M10.42 66.80 A43 43 0 0 1 13.94 26.58"/>
<path d="M33.20 10.42 A43 43 0 0 1 73.42 13.94"/>
<rect x="21" y="21" width="58" height="58" transform="rotate(5 50 50)"/>
</g>
<ellipse cx="50" cy="50" rx="27" ry="13.5" transform="rotate(-40 50 50)"
fill="none" stroke="currentColor" stroke-width="1.5" opacity=".85"/>
<circle cx="70.68" cy="32.64" r="4.2" fill="#3963CF"/>
<rect x="44.5" y="44.5" width="11" height="11" fill="#3963CF"/>
</symbol>
</defs></svg>
<nav><div class="wrap">
<a class="logo" href="#top">
<svg class="mark" aria-hidden="true"><use href="#qmark"/></svg>
<span><span class="wordmark">Quantid</span><span class="tl">The Trust Layer</span></span>
</a>
<div class="links">
<a href="#metering">ํ† ํฐ ๊ฒ€์นจ</a>
<a href="#products">ํ€€ํŠธ 4ํ˜•์ œ</a>
<a href="#ledger">ํ† ํฐ ์›์žฅ</a>
<a href="#marks">์ธ์ฆ ๋งˆํฌ</a>
<a href="#proof">์‹ค์ธก</a>
<a href="#board">์—…๊ณ„ ๋Œ€์กฐ</a>
<a href="#bench">๊ณต์ธ ์„ฑ์ </a>
<a href="#self">์ž๊ฐ€ ๊ฒ€์นจ</a>
<a href="#contact">๋ฌธ์˜</a>
</div>
</div></nav>
<!-- HERO -->
<header class="hero" id="top"><div class="wrap hero-grid">
<div>
<div class="kicker">Token Metering ยท ํ† ํฐ ๊ฒ€์นจ</div>
<h1><span class="sub">AI ์‹œ๋Œ€์˜ ์›๊ฐ€ ๋‹จ์œ„</span>๋ฒ„๋Š” ๊ฑด ์›<br>์“ฐ๋Š” ๊ฑด ํ† ํฐ</h1>
<p class="tagline">๋งค์ถœ์€ ์›์œผ๋กœ ์žกํžˆ๋Š”๋ฐ ์›๊ฐ€๋Š” ํ† ํฐ์œผ๋กœ ๋‚˜๊ฐ‘๋‹ˆ๋‹ค.
<strong>๊ทธ ์‚ฌ์ด ํ™˜์œจ์„ ์•„๋Š” ํšŒ์‚ฌ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.</strong> ํ€€ํŠธID๋Š” ์—…๋ฌด ํ•œ ๊ฑด์ด ํ† ํฐ ๋ช‡ ๊ฐœ๋ฅผ ๋จน๋Š”์ง€,
๊ทธ๊ฒŒ ์–ผ๋งˆ์ธ์ง€๋ฅผ ์žฌ ๋“œ๋ฆฝ๋‹ˆ๋‹ค.</p>
<div class="cta">
<a class="btn btn-p" href="#self">1๋ถ„์ด๋ฉด ๋“ฑ๊ธ‰ ๋‚˜์˜ต๋‹ˆ๋‹ค</a>
<a class="btn btn-s" href="#products">ํ€€ํŠธ 4ํ˜•์ œ</a>
</div>
</div>
<div style="display:flex; justify-content:center">
<svg viewBox="0 0 100 100" style="width:min(300px,70vw); color:var(--obsidian)" role="img"
aria-label="ํ€€ํŠธID ์‹ฌ๋ณผ. ๊ถค๋„ ํ•˜๋‚˜, ์ „์ž ํ•˜๋‚˜, ๊ฒ€์ฆ๋œ ์ •์ฒด ํ•˜๋‚˜">
<use href="#qmark"/>
</svg>
</div>
</div></header>
<!-- ๊ฐ€์น˜ ๋“ฑ์‹ -->
<section class="band"><div class="wrap">
<div class="bandline">
<div class="beq">
<span class="bt">ํ† ํฐ ์ ˆ๊ฐ</span>
<span class="bop">=</span>
<span class="bt bgain">์ˆ˜์ต ์ฆ๊ฐ€</span>
</div>
<h2 class="bh">ํ† ํฐ์„ ์ ˆ๊ฐํ•˜๋ฉด ์ˆ˜์ต์ด ์ฆ๊ฐ€ํ•ฉ๋‹ˆ๋‹ค</h2>
</div>
<div class="bgrid">
<div class="bcol">
<div class="bnum">3.93๋ฐฐ</div>
<h3>๊ฐ™์€ ์ผ์„ ๋” ์ ์€ ํ† ํฐ์œผ๋กœ</h3>
<p>ํ™”๋ฉด ํ•œ ์žฅ์„ ์ฝ๋Š” ๋ฐ 4,444ํ† ํฐ ์“ฐ๋˜ ๊ฒƒ์„ 1,132ํ† ํฐ์œผ๋กœ ์ค„์˜€์Šต๋‹ˆ๋‹ค.
๋‚˜๊ฐ€๋Š” ๋ˆ์ด ๊ทธ๋งŒํผ ์ค„์–ด๋“ญ๋‹ˆ๋‹ค.</p>
<div class="bcut">์‹ค์ธก ยท ์˜์–ด ํ™”๋ฉด ๊ธฐ์ค€</div>
</div>
<div class="bcol">
<div class="bnum">2.6๋ฐฐ</div>
<h3>๊ฐ™์€ ์žฅ๋น„๋กœ ๋” ๋งŽ์ด ๋ฐ›์Šต๋‹ˆ๋‹ค</h3>
<p>GPU๋ฅผ ํ•œ ์žฅ๋„ ๋” ์‚ฌ์ง€ ์•Š๊ณ  ์ฒ˜๋ฆฌ๋Ÿ‰์ด ๋Š˜์–ด๋‚ฉ๋‹ˆ๋‹ค.
<strong>์žฅ๋น„๊ฐ€ ํ•œ๊ณ„๋ผ ๋ชป ๋ฐ›๋˜ ์ผ์„ ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค๋Š” ๋œป์ž…๋‹ˆ๋‹ค.</strong>
์—ฌ๊ธฐ์„œ ๋Š˜์–ด๋‚˜๋Š” ๊ฑด ์•„๋‚€ ๋ˆ์ด ์•„๋‹ˆ๋ผ <strong>์ƒˆ๋กœ ๋ฒ„๋Š” ๋ˆ</strong>์ž…๋‹ˆ๋‹ค.</p>
<div class="bcut">์‹ค์ธก ยท ๋™์‹œ 8๋ช… 2.6๋ฐฐ ~ 256๋ช… 1.33๋ฐฐ</div>
</div>
<div class="bcol">
<div class="bnum">1์žฅ</div>
<h3>์ค„์ธ ๋งŒํผ์ด ๊ทธ๋Œ€๋กœ ๋‚จ์Šต๋‹ˆ๋‹ค</h3>
<p>ํ† ํฐ์ด ์ค„๋ฉด ๊ฐ™์€ ์—…๋ฌด์— ํ•„์š”ํ•œ GPU ์žฅ์ˆ˜๊ฐ€ ์ค„๊ณ ,
๋‚จ์€ ์žฅ๋น„๋Š” ๋‹ค๋ฅธ ์—…๋ฌด์— ์”๋‹ˆ๋‹ค. ์‚ฌ๋†“๊ณ  ๋ชป ์“ฐ๋˜ ์ž๋ฆฌ๊ฐ€ ์—ด๋ฆฝ๋‹ˆ๋‹ค.</p>
<div class="bcut">09 ยท ๋Œ€์กฐ์—์„œ ๊ท€์‚ฌ ์žฅ์ˆ˜๋กœ ๊ณ„์‚ฐํ•ด ๋“œ๋ฆฝ๋‹ˆ๋‹ค</div>
</div>
</div>
</div></section>
<!-- ๋ฌธ์ œ -->
<section id="problem"><div class="wrap">
<div class="eyebrow">01 ยท ๋ฌธ์ œ</div>
<h2 class="h2">์ฒญ๊ตฌ์„œ์—” ์ด์•ก ํ•œ ์ค„๋ฟ์ž…๋‹ˆ๋‹ค<span class="en">The bill arrives as one number</span></h2>
<p class="lead">์ฒญ๊ตฌ์„œ๋Š” ์›์œผ๋กœ ์˜ต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋ˆ์ด ๋‚˜๊ฐ„ ๊ฑด ํ† ํฐ ๋‹จ์œ„์˜€์Šต๋‹ˆ๋‹ค.
<strong>๋‘ ๋‹จ์œ„ ์‚ฌ์ด๋ฅผ ์ด์–ด์ฃผ๋Š” ํ‘œ๊ฐ€ ์—†์œผ๋‹ˆ</strong> ใ€Œ์ค„์ด๋ผใ€๋Š” ์ง€์‹œ๋Š” ๋‚ด๋ ค์™€๋„
์–ด๋””๋ฅผ ์ค„์—ฌ์•ผ ํ• ์ง€๋ฅผ ๋ชจ๋ฆ…๋‹ˆ๋‹ค.</p>
<div class="grid g3">
<div class="card"><div class="num">01</div><h3>๋‹จ์œ„๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค</h3>
<p>์›์œผ๋กœ ์–ผ๋งˆ์ธ์ง€๋Š” ์••๋‹ˆ๋‹ค. ์—…๋ฌด ํ•œ ๊ฑด์ด ํ† ํฐ ๋ช‡ ๊ฐœ์ธ์ง€๋Š” ๋ชจ๋ฆ…๋‹ˆ๋‹ค.
ํ™˜์‚ฐํ•  ํ‘œ๊ฐ€ ์—†์œผ๋‹ˆ ์–ด๋””๋ฅผ ์†๋ณผ์ง€ ๋ชป ๊ณ ๋ฅด๊ณ , ์†๋ด๋„ ํšจ๊ณผ๋ฅผ ์ฆ๋ช…ํ•  ๋ฐฉ๋ฒ•์ด ์—†์Šต๋‹ˆ๋‹ค.</p></div>
<div class="card"><div class="num">02</div><h3>ํ•œ ๋‹ฌ ๋’ค์—์•ผ ์••๋‹ˆ๋‹ค</h3>
<p>์ฒญ๊ตฌ์„œ๊ฐ€ ์˜ค๋ฉด ์ด๋ฏธ ์“ด ๋ˆ์ž…๋‹ˆ๋‹ค. ๊ฒ€์นจ์€ ์“ฐ๋Š” ์ค‘์— ํ•ด์•ผ ์“ธ๋ชจ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.</p></div>
<div class="card"><div class="num">03</div><h3>๊ฐ™์€ ๊ฑธ ์Šค๋ฌด ๋ฒˆ ์ฝํž™๋‹ˆ๋‹ค</h3>
<p>ํ›„๋ณด ์ˆ˜๋ฐฑ ๊ฐœ๋ฅผ ๋‹จ๊ณ„๋งˆ๋‹ค ํ†ต์งธ๋กœ ๋‹ค์‹œ ๋ณด๋ƒ…๋‹ˆ๋‹ค. ํ™”๋ฉด ํ•˜๋‚˜ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐ ๋Œ€ํ˜• ๋ชจ๋ธ์„ ์Šค๋ฌด ๋ฒˆ ๋ถ€๋ฆ…๋‹ˆ๋‹ค.</p></div>
</div>
<div class="note"><p><strong>์ตœ์ ํ™” ๋ฌธ์ œ๊ฐ€ ์•„๋‹ˆ๋ผ ํšŒ๊ณ„ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค.</strong>
์ „๊ธฐ๋„ ์ˆ˜๋„๋„ ๊ณ„๋Ÿ‰๊ธฐ์™€ ๋‹จ๊ฐ€ํ‘œ๊ฐ€ ์žˆ์œผ๋‹ˆ ๊ด€๋ฆฌ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.
AI๋งŒ <b>๊ณ„๋Ÿ‰๊ธฐ๋„ ๋‹จ๊ฐ€ํ‘œ๋„ ์—†์ด</b> ์“ฐ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.</p></div>
</div></section>
<!-- ํ† ํฐ ๊ฒ€์นจ -->
<section id="metering"><div class="wrap">
<div class="eyebrow">02 ยท ๋ฒ”์ฃผ</div>
<h2 class="h2">ํ† ํฐ ๊ฒ€์นจ<span class="en">Token Metering</span></h2>
<p class="lead">ํ† ํฐ์œผ๋กœ ์žฌ์„œ ์›์œผ๋กœ ํ™˜์‚ฐํ•˜๊ณ , ์›์žฅ์— ์ ๊ณ , ๋“ฑ๊ธ‰์„ ๋งค๊ธฐ๊ณ , ๊ทธ๋‹ค์Œ์— ์ค„์ž…๋‹ˆ๋‹ค.
ํ”ํ•œ ใ€Œ๋น„์šฉ ์ ˆ๊ฐใ€๊ณผ๋Š” ์ˆœ์„œ๊ฐ€ ๋ฐ˜๋Œ€์ž…๋‹ˆ๋‹ค.
<strong>์ค„์ด๋Š” ๊ฒŒ ๋จผ์ €๊ฐ€ ์•„๋‹ˆ๋ผ ๋‘ ๋‹จ์œ„ ์‚ฌ์ด ํ™˜์œจ์„ ์ •ํ•˜๋Š” ๊ฒŒ ๋จผ์ €์ž…๋‹ˆ๋‹ค.</strong></p>
<svg viewBox="0 0 900 150" role="img" aria-label="๊ฒ€์นจ์—์„œ ํ†ต์ œ๊นŒ์ง€ 4๋‹จ๊ณ„" style="margin-top:38px">
<defs><marker id="ar" markerWidth="9" markerHeight="9" refX="7" refY="4.5" orient="auto">
<path d="M0 0 L9 4.5 L0 9 z" fill="#3963CF"/></marker></defs>
<g font-family="IBM Plex Sans KR, sans-serif">
<g><rect x="4" y="34" width="190" height="82" fill="#fff" stroke="#3963CF" stroke-width="2"/>
<text x="99" y="68" text-anchor="middle" fill="#141820" font-size="17" font-weight="700">โ‘  ๊ฒ€์นจ</text>
<text x="99" y="92" text-anchor="middle" fill="#4A515C" font-size="12">๊ฑด๋‹น ํ† ํฐ์„ ์žฐ๋‹ค</text></g>
<line x1="200" y1="75" x2="228" y2="75" stroke="#3963CF" stroke-width="1.6" marker-end="url(#ar)"/>
<g><rect x="236" y="34" width="190" height="82" fill="#fff" stroke="#DCD6C9"/>
<text x="331" y="68" text-anchor="middle" fill="#141820" font-size="17" font-weight="700">โ‘ก ์›์žฅ</text>
<text x="331" y="92" text-anchor="middle" fill="#4A515C" font-size="12">์—…๋ฌดยท๋‹จ๊ณ„ยท๋ชจ๋ธ๋กœ ๋ถ„ํ•ด</text></g>
<line x1="432" y1="75" x2="460" y2="75" stroke="#3963CF" stroke-width="1.6" marker-end="url(#ar)"/>
<g><rect x="468" y="34" width="190" height="82" fill="#fff" stroke="#DCD6C9"/>
<text x="563" y="68" text-anchor="middle" fill="#141820" font-size="17" font-weight="700">โ‘ข ๋“ฑ๊ธ‰</text>
<text x="563" y="92" text-anchor="middle" fill="#4A515C" font-size="12">A ยท B ยท C ยท D ํŒ์ •</text></g>
<line x1="664" y1="75" x2="692" y2="75" stroke="#3963CF" stroke-width="1.6" marker-end="url(#ar)"/>
<g><rect x="700" y="34" width="196" height="82" fill="#fff" stroke="#DCD6C9"/>
<text x="798" y="68" text-anchor="middle" fill="#141820" font-size="17" font-weight="700">โ‘ฃ ํ†ต์ œ</text>
<text x="798" y="92" text-anchor="middle" fill="#4A515C" font-size="12">ํ€€ํŠธ 4ํ˜•์ œ๋กœ ์ค„์ธ๋‹ค</text></g>
</g>
</svg>
<div class="note"><p><strong>ํ™˜์œจ์€ ํ•œ ๋ฒˆ ์ •ํ•˜๊ณ  ๋๋‚˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.</strong>
์—…๋ฌด๊ฐ€ ๋ฐ”๋€Œ๋ฉด ๊ฑด๋‹น ํ† ํฐ์ด ๋ฐ”๋€Œ๊ณ , ๋ชจ๋ธ์ด ๋ฐ”๋€Œ๋ฉด ํ† ํฐ๋‹น ๊ฐ’์ด ๋ฐ”๋€๋‹ˆ๋‹ค.
๊ณ„๋Ÿ‰๊ธฐ๋Š” ๊ณ„์† ๋Œ์•„์•ผ ๊ณ„๋Ÿ‰๊ธฐ์ฃ .</p></div>
</div></section>
<!-- ํ€€ํŠธ 4ํ˜•์ œ -->
<section id="products"><div class="wrap">
<div class="eyebrow">03 ยท ์ œํ’ˆ</div>
<h2 class="h2">ํ† ํฐ๊ฐ’์ด ์ƒˆ๋Š” ๊ณณ์€ ๋„ค ๊ตฐ๋ฐ์ž…๋‹ˆ๋‹ค<span class="en">Four places where token cost is born</span></h2>
<p class="lead">์ฝ๊ณ , ์“ฐ๊ณ , ๋‹ด๊ณ , ๋‚˜๋ฅด๋Š” ๋ฐ์„œ ๊ฐ๊ฐ ํ† ํฐ๊ฐ’์ด ๋‚˜๊ฐ‘๋‹ˆ๋‹ค.
๋„ค ๊ตฐ๋ฐ๊ฐ€ ์›์žฅ์—์„œ ์„œ๋กœ ๋‹ค๋ฅธ ๊ณ„์ •์ด๋ผ
<strong>ํšจ๊ณผ๊ฐ€ ๋”ํ•ด์ง€๋Š” ๊ฒŒ ์•„๋‹ˆ๋ผ ๊ณฑํ•ด์ง‘๋‹ˆ๋‹ค.</strong> ๋ฌผ๋ก  ํ•œ ๊ตฐ๋ฐ๋งŒ ๋ง‰์•„๋„ ๊ทธ๋งŒํผ์€ ๋ง‰ํž™๋‹ˆ๋‹ค.</p>
<div class="grid g4">
<div class="q-card"><div class="verb">๋œ ์ฝ๋Š”๋‹ค</div><h3>ํ€€ํŠธ ํŒ์ •</h3><div class="romaji">Quant Judge</div>
<p>ํ›„๋ณด๋ฅผ ํ•œ๊บผ๋ฒˆ์— ์ฑ„์ ํ•ด์„œ ์“ธ ๊ฒƒ๋งŒ ๋„˜๊น๋‹ˆ๋‹ค. <strong>๊ธ€์ž๋ฅผ ํ•œ ์ž๋„ ๋งŒ๋“ค์ง€ ์•Š์œผ๋‹ˆ</strong> ์—†๋Š” ๋‹ต์„ ์ง€์–ด๋‚ผ ๋ฐฉ๋ฒ• ์ž์ฒด๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.</p>
<div class="cut">์•„๋ผ๋Š” ๊ฒƒ ยท <b>์ž…๋ ฅ ํ† ํฐ</b></div></div>
<div class="q-card"><div class="verb">๋” ๋นจ๋ฆฌ ์“ด๋‹ค</div><h3>ํ€€ํŠธ ๊ฐ€์†</h3><div class="romaji">Quant Accel</div>
<p>์“ฐ๋˜ GPU์— ์“ฐ๋˜ ๋ชจ๋ธ ๊ทธ๋Œ€๋กœ ๋‘๊ณ  ์ƒ์„ฑ ์†๋„๋งŒ ์˜ฌ๋ฆฝ๋‹ˆ๋‹ค. ๋‚˜์˜ค๋Š” ๋‹ต์€ ๋ฐ”์ดํŠธ๊นŒ์ง€ ๋˜‘๊ฐ™์Šต๋‹ˆ๋‹ค.</p>
<div class="cut">์•„๋ผ๋Š” ๊ฒƒ ยท <b>์‹œ๊ฐ„ ยท GPU ์žฅ์ˆ˜</b></div></div>
<div class="q-card"><div class="verb">๋” ์ž‘๊ฒŒ ๋‹ด๋Š”๋‹ค</div><h3>ํ€€ํŠธ ์••์ถ•</h3><div class="romaji">Quant Pack</div>
<p>๋“ฑ๊ธ‰์„ ๋‚ด๋ฆด์ˆ˜๋ก ์ž‘์•„์ง€๊ณ , ์ž‘์•„์งˆ์ˆ˜๋ก ๋ญ”๊ฐ€๋Š” ์žƒ์Šต๋‹ˆ๋‹ค. ใ€Œ์†์‹ค ์—†๋‹คใ€๊ณ  ํ•˜์ง€ ์•Š๊ณ  <strong>์–ผ๋งˆ๋‚˜ ์žƒ๋Š”์ง€ ์žฌ์„œ</strong> ๋ณด์—ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.</p>
<div class="cut">์•„๋ผ๋Š” ๊ฒƒ ยท <b>VRAM ยท GPU ๋‹จ๊ฐ€</b></div></div>
<div class="q-card"><div class="verb">๋” ๊ฐ€๊นŒ์ด ๋‘”๋‹ค</div><h3>ํ€€ํŠธ ์—ฃ์ง€</h3><div class="romaji">Quant Edge</div>
<p>ํฐ GPU ์„œ๋ฒ„ ์—†์ด ํ˜„์žฅ ์žฅ๋น„์—์„œ ๋Œ๋ฆฝ๋‹ˆ๋‹ค. ๋ง‰ํžˆ๋Š” ๊ฑด ์šฉ๋Ÿ‰์ด ์•„๋‹ˆ๋ผ <strong>๋ฉ”๋ชจ๋ฆฌ ๋Œ€์—ญํญ</strong>์ด๋ผ, ๊ทธ ์„ ์ด ์–ด๋””์ธ์ง€๋ฅผ ์žฌ ๋“œ๋ฆฝ๋‹ˆ๋‹ค.</p>
<div class="cut">์•„๋ผ๋Š” ๊ฒƒ ยท <b>์ „์†ก ยท ์ง€์—ฐ ยท ํด๋ผ์šฐ๋“œ</b></div></div>
</div>
<div class="note"><p><strong>์••์ถ•์€ ๋ˆ์„ ์•„๋ผ๊ณ , ๊ฐ€์†์€ ์‹œ๊ฐ„์„ ์•„๋‚๋‹ˆ๋‹ค. ์„œ๋กœ ํ•˜๋Š” ์ผ์ด ๋‹ค๋ฆ…๋‹ˆ๋‹ค.</strong>
์‹ค์ œ๋กœ ์žฌ๋ณด๋ฉด ํ›„๋ณด๋ฅผ 3.9๋ฐฐ ์ค„์—ฌ๋„ ํ•œ ๊ฑด ๊ฑธ๋ฆฌ๋Š” ์‹œ๊ฐ„์€ 3.205์ดˆ์—์„œ 3.159์ดˆ๋กœ ๊ฑฐ์˜ ์•ˆ ์ค„์—ˆ์Šต๋‹ˆ๋‹ค.
์ฝ๋Š” ๋ฐ 0.033์ดˆ, ์“ฐ๋Š” ๋ฐ 3.17์ดˆ๊ฐ€ ๊ฑธ๋ฆฌ๋‹ˆ๊นŒ์š”. ๊ทธ๋ž˜์„œ ๋‘˜ ๋‹ค ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.</p></div>
</div></section>
<!-- ํ† ํฐ ์›์žฅ -->
<section id="ledger"><div class="wrap">
<div class="eyebrow">04 ยท ์‚ฐ์ถœ๋ฌผ</div>
<h2 class="h2">ํ† ํฐ ์›์žฅ<span class="en">Token Ledger</span></h2>
<p class="lead">์–ด๋А ์—…๋ฌด๊ฐ€ ์–ด๋А ๋‹จ๊ณ„์—์„œ ํ† ํฐ์„ ๋ช‡ ๊ฐœ ์ผ๊ณ  ๊ทธ๊ฒŒ ์›์œผ๋กœ ์–ผ๋งˆ์ธ์ง€,
<strong>๋‘ ๋‹จ์œ„๋ฅผ ๋‚˜๋ž€ํžˆ ์ ์€ ์›์žฅ</strong>์ž…๋‹ˆ๋‹ค. ํšŒ๊ณ„ ์›์žฅ๊ณผ ๊ฐ™์€ ๋ฌผ๊ฑด์ด๋ผ๊ณ  ๋ณด์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.
์žˆ์œผ๋ฉด ๊ฐ์‚ฌ์—์„œ ์ค„ ๋‹จ์œ„๋กœ ๋‹ตํ•  ์ˆ˜ ์žˆ๊ณ , ์—†์œผ๋ฉด ์ด์•ก ํ•œ ์ค„๋ฐ–์— ๋ชป ๋Œ‘๋‹ˆ๋‹ค.</p>
<div class="tw"><table>
<thead><tr><th>์—…๋ฌด</th><th>๋‹จ๊ณ„</th><th class="n">ํ›„๋ณด</th><th class="n">์ž…๋ ฅ ํ† ํฐ/๊ฑด</th><th class="n">์›” ๊ฑด์ˆ˜</th><th>๋“ฑ๊ธ‰</th></tr></thead>
<tbody>
<tr><td>์—ฌ์‹  ์›์žฅ ํ™”๋ฉด ์กฐ์ž‘</td><td>๋Œ€์ƒ ์„ ๋ณ„</td><td class="n">212</td><td class="n">4,708</td><td class="n">180,000</td><td>C</td></tr>
<tr><td>์ƒ๋‹ด ๊ธฐ๋ก ๋ฏผ๊ฐ์ •๋ณด ์ ๊ฒ€</td><td>๊ตฌ๊ฐ„ ํŒ์ •</td><td class="n">96</td><td class="n">2,148</td><td class="n">420,000</td><td>B</td></tr>
<tr><td>๊ด€์ œ ์•Œ๋žŒ ์„ ๋ณ„</td><td>์šฐ์„ ์ˆœ์œ„</td><td class="n">1,340</td><td class="n">29,615</td><td class="n">31,000</td><td>D</td></tr>
<tr><td>์‚ฌ๋‚ด ๊ฒ€์ƒ‰ ์žฌ์ˆœ์œ„</td><td>ํ›„๋ณด ์••์ถ•</td><td class="n">50</td><td class="n">1,132</td><td class="n">610,000</td><td>A</td></tr>
<tr class="tot"><td colspan="4">์›” ํ•ฉ๊ณ„</td><td class="n">1,241,000</td><td>C</td></tr>
</tbody>
</table></div>
<p style="margin-top:14px; font-size:12.5px; color:var(--ink3)">๋ณด์‹œ๊ธฐ ์‰ฝ๊ฒŒ ๋งŒ๋“  ์˜ˆ์‹œ์ž…๋‹ˆ๋‹ค. ์‹ค์ œ ์›์žฅ์€ ์“ฐ์‹œ๋Š” ๋กœ๊ทธ์—์„œ ๋ฝ‘์Šต๋‹ˆ๋‹ค.</p>
</div></section>
<!-- ํ† ํฐ ๋“ฑ๊ธ‰ -->
<section id="grade"><div class="wrap">
<div class="eyebrow">05 ยท ์ง€ํ‘œ</div>
<h2 class="h2">ํ† ํฐ ๋“ฑ๊ธ‰<span class="en">Token Grade</span></h2>
<p class="lead">๋ชจ๋ธ ์„ฑ๋Šฅ ๋“ฑ๊ธ‰์ด ์•„๋‹™๋‹ˆ๋‹ค. ์‹ ์šฉ๋“ฑ๊ธ‰์ด ๋นš ๊ฐš๋Š” ๋Šฅ๋ ฅ์„ ๋งค๊ธฐ๋“ฏ,
ํ† ํฐ ๋“ฑ๊ธ‰์€ <strong>AI ์›๊ฐ€๋ฅผ ์ฅ๊ณ  ์žˆ๋А๋ƒ</strong>๋ฅผ ๋งค๊น๋‹ˆ๋‹ค.
D๋ฅผ ๋ฐ›์•„๋„ ๋ชจ๋ธ์ด ๋‚˜์˜๋‹ค๋Š” ๋œป์ด ์•„๋‹ˆ๋ผ, ์•„์ง ํ™˜์‚ฐํ•ด ๋ณธ ์ ์ด ์—†๋‹ค๋Š” ๋œป์ž…๋‹ˆ๋‹ค.</p>
<div class="grades">
<div class="grade" style="--g:var(--gA)"><div class="lt">A</div><h4>๊ณ„์† ๋ณด๊ณ  ์žˆ์Œ</h4>
<p>๊ฑด๋‹น ํ† ํฐ๋„ ์•Œ๊ณ , ๋ถ„ํ•ด๋„ ๋˜๊ณ , ์ค„์ด๊ณ  ์žˆ๊ณ , ๊ณ„๋Ÿ‰๊ธฐ๊นŒ์ง€ ๋Œ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.</p></div>
<div class="grade" style="--g:var(--gB)"><div class="lt">B</div><h4>์žกํ˜€ ์žˆ์Œ</h4>
<p>๋ถ„ํ•ด๋„ ์ค„์ด๊ธฐ๋„ ํ•˜๋Š”๋ฐ ๊ณ„๋Ÿ‰๊ธฐ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ์—…๋ฌด ๋ฐ”๋€Œ๋ฉด ์Šฌ๊ทธ๋จธ๋‹ˆ ๋˜๋Œ์•„๊ฐ‘๋‹ˆ๋‹ค.</p></div>
<div class="grade" style="--g:var(--gC)"><div class="lt">C</div><h4>์ด์•ก๋งŒ ์•Ž</h4>
<p>์›์œผ๋กœ ์–ผ๋งˆ ๋‚˜๊ฐ”๋Š”์ง€๋Š” ์••๋‹ˆ๋‹ค. ๊ทธ ์•ˆ์—์„œ ์–ด๋А ์—…๋ฌด๊ฐ€ ๋จน์—ˆ๋Š”์ง€๋Š” ๋ชจ๋ฆ…๋‹ˆ๋‹ค.</p></div>
<div class="grade" style="--g:var(--gD)"><div class="lt">D</div><h4>์•„์ง ์•ˆ ์žฌ๋ด„</h4>
<p>๊ฑด๋‹น ํ† ํฐ๋„, ๊ทธ๊ฒŒ ์›์œผ๋กœ ์–ผ๋งˆ์ธ์ง€๋„ ๋ชจ๋ฆ…๋‹ˆ๋‹ค. ์ค„์ผ ๋Œ€์ƒ ์ž์ฒด๊ฐ€ ์•„์ง ์•ˆ ์ •ํ•ด์ง„ ์ƒํƒœ์ž…๋‹ˆ๋‹ค.</p></div>
</div>
</div></section>
<!-- ์ธ์ฆ ๋งˆํฌ -->
<section id="marks"><div class="wrap">
<div class="eyebrow">06 ยท ์ธ์ฆ</div>
<h2 class="h2">๊ฒ€์นจ์„ ๋งˆ์น˜๋ฉด ๋งˆํฌ๊ฐ€ ๋‚˜๊ฐ‘๋‹ˆ๋‹ค<span class="en">Certification Marks</span></h2>
<p class="lead">๋“ฑ๊ธ‰๋งŒ ์•Œ๋ ค๋“œ๋ฆฌ๊ณ  ๋๋‚˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ฒ€์นจ์„ ๋ฐ›์€ ๊ธฐ์—…์€ ์•„๋ž˜ ๋งˆํฌ๋ฅผ ์“ฐ์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๊ฐ์‚ฌยท์ œ์•ˆ์„œยทํ™ˆํŽ˜์ด์ง€์— ๋ถ™์ด์‹œ๋ฉด ใ€Œ์›๊ฐ€๋ฅผ ์žฌ๊ณ  ์žˆ๋Š” ํšŒ์‚ฌใ€๋ผ๋Š” ํ‘œ์‹œ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.</p>
<div class="marks">
<div class="markrow">
<div class="mk"><svg style="width:64px; color:var(--obsidian)" viewBox="0 0 100 100" aria-hidden="true"><use href="#qmark"/></svg></div>
<div class="bar"></div>
<div class="mt"><h4>Quantid Verified</h4><div class="ms">Measured Identity ยท Verified Trust</div>
<p class="mk-ko">ํ† ํฐ ์›์žฅ์„ ๋ฐ›๊ณ  ๋“ฑ๊ธ‰ ํŒ์ •๊นŒ์ง€ ๋งˆ์นœ ๊ธฐ์—…</p></div>
</div>
<div class="markrow inv">
<div class="mk"><svg style="width:64px; color:var(--ivory)" viewBox="0 0 100 100" aria-hidden="true"><use href="#qmark"/></svg></div>
<div class="bar"></div>
<div class="mt"><h4>Grade A ยท B</h4><div class="ms">Verified by Quantid</div>
<p class="mk-ko">A ๋˜๋Š” B ๋“ฑ๊ธ‰์„ ๋ฐ›์€ ๊ธฐ์—…. ๋“ฑ๊ธ‰๊ณผ ํŒ์ •์ผ์„ ํ•จ๊ป˜ ํ‘œ๊ธฐํ•ฉ๋‹ˆ๋‹ค</p></div>
</div>
<div class="markrow">
<div class="mk"><svg style="width:64px; color:var(--obsidian)" viewBox="0 0 100 100" aria-hidden="true"><use href="#qmark"/></svg></div>
<div class="bar"></div>
<div class="mt"><h4>Quantid Trusted</h4><div class="ms">Continuous Trust Assurance</div>
<p class="mk-ko">๊ฒ€์นจ ๊ตฌ๋… ์ค‘์ธ ๊ธฐ์—…. ๊ณ„๋Ÿ‰๊ธฐ๊ฐ€ ๊ณ„์† ๋Œ๊ณ  ์žˆ๋‹ค๋Š” ํ‘œ์‹œ์ž…๋‹ˆ๋‹ค</p></div>
</div>
</div>
<div class="note"><p><strong>๋งˆํฌ๋Š” ๋“ฑ๊ธ‰์ด ์œ ํšจํ•œ ๋™์•ˆ๋งŒ ์”๋‹ˆ๋‹ค.</strong>
๊ฒ€์นจ์„ ๋ฉˆ์ถ”๋ฉด ๋งˆํฌ๋„ ๋‚ด๋ ค๊ฐ‘๋‹ˆ๋‹ค. ๊ทธ๋ž˜์•ผ ๋งˆํฌ๊ฐ€ ๊ฐ’์„ ํ•ฉ๋‹ˆ๋‹ค.</p></div>
</div></section>
<!-- ๊ธฐ์ˆ  ๋ฐฐ๊ฒฝ -->
<section id="basis"><div class="wrap">
<div class="eyebrow">07 ยท ๊ทผ๊ฑฐ</div>
<h2 class="h2">๋ฌด์—‡์„ ์–ด๋–ป๊ฒŒ ์Ÿ€๋Š”์ง€ ๋จผ์ € ๊ณต๊ฐœํ•ฉ๋‹ˆ๋‹ค<span class="en">Technical basis</span></h2>
<p class="lead">์ˆ˜์น˜๋งŒ ์ ์–ด๋‘๊ณ  ใ€Œ๋ฏฟ์–ด๋‹ฌ๋ผใ€๊ณ  ํ•˜์ง€ ์•Š๊ฒ ์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ํŒ์—์„œ ๋ฌด์—‡๊ณผ ๋น„๊ตํ•ด ์Ÿ€๋Š”์ง€,
๊ทธ๋ฆฌ๊ณ  <strong>์–ด๋””๊นŒ์ง€๊ฐ€ ์•„์ง ์•ˆ ์žฌ์ง„ ์˜์—ญ์ธ์ง€</strong>๋ฅผ ๊ฐ™์ด ์ ์—ˆ์Šต๋‹ˆ๋‹ค.</p>
<div class="grid g3">
<div class="card"><div class="num">ํŒ์ • ์ •ํ™•๋„</div><h3>๊ฐ™์€ ์‹œํ—˜์ง€, ๊ฐ™์€ ์ฑ„์  ์ฝ”๋“œ</h3>
<p>2,018๋ฌธํ•ญ 5๊ฐœ ๋ถ„์•ผ๋ฅผ ๊ฐ™์€ ์ฝ”๋“œ๋กœ ์ฑ„์ ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ฌด์ƒ์„ฑ ํŒ์ •๊ธฐ๋ผ๋ฆฌ๋งŒ ๋ถ™์˜€๊ณ , ๊ณต๊ฐœ ํŒ์ •๊ธฐ๋Š” ๊ณต๊ฐœ๋œ ๊ฐ€์ค‘์น˜๋ฅผ ๊ทธ๋Œ€๋กœ ์ผ์Šต๋‹ˆ๋‹ค.</p>
<div class="cut">์šฐ๋ฆฌ ์‹œํ—˜ ํ™˜๊ฒฝ ๊ธฐ์ค€. ๊ท€์‚ฌ ์—…๋ฌด์—์„œ๋Š” ํ”„๋กœํŒŒ์ผ์„ ์ƒˆ๋กœ ๋งŒ๋“ค์–ด ๋‹ค์‹œ ์žฝ๋‹ˆ๋‹ค</div></div>
<div class="card"><div class="num">์ž…๋ ฅ ํ† ํฐ</div><h3>์‹ค์ œ๋กœ ์žฐ ๋‘ ์ </h3>
<p>ํ›„๋ณด 200๊ฐœ์ผ ๋•Œ 4,444ํ† ํฐ, 50๊ฐœ๋กœ ์ค„์˜€์„ ๋•Œ 1,132ํ† ํฐ. ๊ฐ™์€ ์žฅ๋น„์—์„œ ์žฐ ๊ฐ’์ด๊ณ , ์ž๊ฐ€ ๊ฒ€์นจ ๊ณ„์‚ฐ๊ธฐ๋„ ์ด ๋‘ ์ ์— ๋งž์ถฐ ๋Œ์•„๊ฐ‘๋‹ˆ๋‹ค.</p>
<div class="cut">๊ทธ ์‚ฌ์ด ๊ตฌ๊ฐ„์€ ๋‘ ์ ์„ ์ด์–ด ๊ณ„์‚ฐํ•œ ๊ฐ’์ž…๋‹ˆ๋‹ค</div></div>
<div class="card"><div class="num">๊ฐ€์†</div><h3>๊ฐ™์€ ๊ฐ€์ค‘์น˜ยท๊ฐ™์€ ์žฅ๋น„, ์ง์ง€์–ด ์ธก์ •</h3>
<p>์บ์‹œ ์ ์ค‘ 0%์—์„œ ์Ÿ€๊ณ , ์˜จ๋„ 0์œผ๋กœ ๋Œ๋ฆฐ ์ถœ๋ ฅ์ด ๋ฐ”์ดํŠธ๊นŒ์ง€ ๊ฐ™์€ ๊ฒƒ์„ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค. ํ’ˆ์งˆ์„ ๊นŽ์•„์„œ ์–ป์€ ์†๋„๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.</p>
<div class="cut">๋™์‹œ ์‚ฌ์šฉ์ž 8๋ช… 2.60๋ฐฐ โ†’ 256๋ช… 1.33๋ฐฐ. ๊ตฌ๊ฐ„์„ ๊ผญ ๊ฐ™์ด ๋ณด์‹ญ์‹œ์˜ค</div></div>
</div>
<div class="tw"><table>
<thead><tr><th>ํ•ญ๋ชฉ</th><th>์–ด๋””์„œ ์žฐ ๊ฐ’์ธ๊ฐ€</th><th>์•„์ง ์•ˆ ์žฐ ๊ฒƒ</th></tr></thead>
<tbody>
<tr><td>ํ™”๋ฉด ํ›„๋ณด ์ถ”๋ฆฌ๊ธฐ</td><td>์˜์–ด ํ™”๋ฉด ๋ฐ์ดํ„ฐ์…‹</td><td><b>ํ•œ๊ตญ์–ด ํ™”๋ฉด</b>. ๋„์ž… ๊ฒ€์ฆ ๋•Œ ์“ฐ์‹œ๋Š” ๋ฐ์ดํ„ฐ๋กœ ์žฝ๋‹ˆ๋‹ค</td></tr>
<tr><td>ํŒ์ • ์ •ํ™•๋„</td><td>์šฐ๋ฆฌ 2,018๋ฌธํ•ญ ๋ณด๋“œ</td><td>์“ฐ์‹œ๋Š” ์—…๋ฌด ๋ถ„ํฌ. ํ”„๋กœํŒŒ์ผ ์žฌ์ƒ์„ฑ ํ›„ ์žฌ์ธก์ •</td></tr>
<tr><td>๊ฐ€์† ๋ฐฐ์ˆ˜</td><td>๋™์‹œ ์‚ฌ์šฉ์ž 8 / 32 / 128 / 256๋ช…</td><td>๊ทธ ๋ฐ–์˜ ๊ตฌ๊ฐ„, ๊ท€์‚ฌ ํŠธ๋ž˜ํ”ฝ ํ˜•์ƒ</td></tr>
<tr><td>์••์ถ• ๋“ฑ๊ธ‰</td><td>Q8์€ ์‚ฌ์‹ค์ƒ ๊ทธ๋Œ€๋กœ, Q4๋Š” ํ”„๋กœํŒŒ์ผ ์žฌ์ƒ์„ฑ ํ•„์š”</td><td>๋” ๋‚ฎ์€ ๋“ฑ๊ธ‰์˜ ์—…๋ฌด๋ณ„ ํ—ˆ์šฉ์„ </td></tr>
<tr><td>์—ฃ์ง€ ๊ตฌ๋™</td><td>ํ•œ๊ณ„๋Š” ์šฉ๋Ÿ‰์ด ์•„๋‹ˆ๋ผ ๋ฉ”๋ชจ๋ฆฌ ๋Œ€์—ญํญ</td><td>๊ท€์‚ฌ ํ˜„์žฅ ์žฅ๋น„์—์„œ์˜ ์‹ค์ œ ์ƒํ•œ</td></tr>
</tbody>
</table></div>
<div class="note"><p><strong>์˜ค๋ฅธ์ชฝ ์นธ์„ ๋น„์›Œ๋‘์ง€ ์•Š์€ ๊ฒƒ์ด ์ด ํ‘œ์˜ ํ•ต์‹ฌ์ž…๋‹ˆ๋‹ค.</strong>
์•ˆ ์žฐ ๊ฑธ ์•ˆ ์Ÿ€๋‹ค๊ณ  ์ ์–ด๋‘๋ฉด, ์žฐ ๊ฒƒ๋„ ๋ฏฟ์œผ์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ž์„ธํ•œ ๊ทผ๊ฑฐ๋Š” ์•„๋ž˜ ์†Œ๊ฐœ์„œ์— ์‹ค์—ˆ์Šต๋‹ˆ๋‹ค.</p></div>
<div style="margin-top:32px; padding:28px; background:var(--obsidian); color:var(--ivory);
display:flex; flex-wrap:wrap; gap:22px; align-items:center; justify-content:space-between">
<div style="flex:1; min-width:260px">
<div style="font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.16em;
color:#7E9BE0; text-transform:uppercase">Company Profile ยท PDF &amp; PPT</div>
<h3 style="font-size:21px; font-weight:700; margin:10px 0 8px">ํ€€ํŠธID ์†Œ๊ฐœ์„œ ยท 24์žฅ</h3>
<p style="font-size:14px; color:#B9BEC7">๋ฐฐ๊ฒฝ๊ณผ ๊ทœ์ œ ์ง€ํ˜•๋ถ€ํ„ฐ ์ œํ’ˆ ์ •์˜, ์ •๋ฉด ๋น„๊ต, ๊ตฌ๋งค ๊ทผ๊ฑฐ, ํ† ํฐ ์›์žฅยท๋“ฑ๊ธ‰ยท์ธ์ฆ,
ROI, ์‚ฐ์—…๋ณ„ ์šฉ์ฒ˜, ๊ทธ๋ฆฌ๊ณ  <strong style="color:var(--ivory)">๊ทผ๊ฑฐ์™€ ํ•œ๊ณ„</strong>๊นŒ์ง€ ๋‹ด์•˜์Šต๋‹ˆ๋‹ค. ๋กœ๊ทธ์ธ ์—†์ด ๋ฐ›์œผ์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.<br>
<span style="color:#8C93A0">๋ณด๊ธฐ์šฉ์€ PDF, ์‚ฌ๋‚ด ์ž๋ฃŒ๋กœ ๊ณ ์ณ ์“ฐ์‹œ๋ ค๋ฉด PPT ๋ฅผ ๋ฐ›์œผ์‹ญ์‹œ์˜ค. ๋‚ด์šฉ์€ ๊ฐ™์Šต๋‹ˆ๋‹ค.</span></p>
</div>
<div style="display:flex; flex-wrap:wrap; gap:10px">
<a class="btn btn-p" href="deck/quantid-profile.pdf" download
style="white-space:nowrap">PDF ๋‚ด๋ ค๋ฐ›๊ธฐ</a>
<a class="btn" href="deck/quantid-profile.pptx" download
style="white-space:nowrap; border-color:#4A5262; color:var(--ivory)">PPT ๋‚ด๋ ค๋ฐ›๊ธฐ</a>
</div>
</div>
</div></section>
<!-- ์‹ค์ธก -->
<section id="proof"><div class="wrap">
<div class="eyebrow">08 ยท ์‹ค์ธก</div>
<h2 class="h2">์Ÿ€์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์ด๋ ‡๊ฒŒ ๋‚˜์™”์Šต๋‹ˆ๋‹ค<span class="en">Measured results</span></h2>
<p class="lead">์•„๋ž˜ ๋„ท์€ ์ „๋ถ€ ์ €ํฌ๊ฐ€ ์ง์ ‘ ์žฐ ๊ฐ’์ž…๋‹ˆ๋‹ค. ํŒ์ด ๋ฌด์—‡์ด์—ˆ๊ณ  ๋ฌด์—‡๊ณผ ๋ถ™์˜€๋Š”์ง€ ๊ทธ๋ฆผ ๋ฐ‘์— ๊ฐ™์ด ์ ์—ˆ์Šต๋‹ˆ๋‹ค.
<strong>๋Œ€์กฐ๊ตฐ ์—†์ด ๊ทธ๋ฆฐ ๊ทธ๋ž˜ํ”„๋Š” ํ•˜๋‚˜๋„ ์—†์Šต๋‹ˆ๋‹ค.</strong></p>
<div class="grid g2">
<div class="card chart">
<div class="num">&#9312; ์ž…๋ ฅ ํ† ํฐ</div><h3>ํ™”๋ฉด ํ•œ ์žฅ์„ ์ฝ๋Š” ๊ฐ’</h3>
<svg viewBox="0 0 400 210" role="img" aria-label="์ž…๋ ฅ ํ† ํฐ 4444์—์„œ 1132๋กœ ๊ฐ์†Œ">
<g font-family="IBM Plex Sans KR, sans-serif">
<line x1="58" y1="172" x2="392" y2="172" stroke="#C4BCAB"/>
<rect x="88" y="30" width="86" height="142" fill="#C4BCAB"/>
<text x="131" y="22" text-anchor="middle" font-size="16" font-weight="700" fill="#141820">4,444</text>
<text x="131" y="190" text-anchor="middle" font-size="11.5" fill="#4A515C">ํ›„๋ณด 200๊ฐœ</text>
<rect x="248" y="136" width="86" height="36" fill="#3963CF"/>
<text x="291" y="128" text-anchor="middle" font-size="16" font-weight="700" fill="#2A4CA8">1,132</text>
<text x="291" y="190" text-anchor="middle" font-size="11.5" fill="#4A515C">ํ›„๋ณด 50๊ฐœ</text>
<text x="196" y="74" text-anchor="middle" font-size="19" font-weight="700" fill="#2A7A4F">3.93๋ฐฐ</text>
<text x="196" y="94" text-anchor="middle" font-size="11" fill="#8A8F98">&#8595; ์ค„์–ด๋“ฆ</text>
<text x="52" y="35" text-anchor="end" font-size="10.5" fill="#8A8F98">ํ† ํฐ</text>
</g>
</svg>
<div class="cut">๊ฐ™์€ ์žฅ๋น„&#183;๊ฐ™์€ ํ™”๋ฉด ๋ฐ์ดํ„ฐ์…‹(<b>์˜์–ด</b>)์—์„œ ์žฐ ๋‘ ์ .
์ž๊ฐ€ ๊ฒ€์นจ ๊ณ„์‚ฐ๊ธฐ๋„ ์ด ๋‘ ์ ์œผ๋กœ ๋Œ์•„๊ฐ‘๋‹ˆ๋‹ค &#183; ํ•œ๊ตญ์–ด ํ™”๋ฉด์€ ์•„์ง ์•ˆ ์Ÿ€์Šต๋‹ˆ๋‹ค</div>
</div>
<div class="card chart">
<div class="num">&#9313; ์ƒ์„ฑ ๊ฐ€์†</div><h3>๋ถ๋ฒผ๋„ 25%, ํ•œ๊ฐ€ํ•˜๋ฉด 62% ์ค„์–ด๋“ญ๋‹ˆ๋‹ค</h3>
<svg viewBox="0 0 400 210" role="img" aria-label="๋™์‹œ ์‚ฌ์šฉ์ž๋ณ„ ๊ฐ€์† ๋ฐฐ์ˆ˜ 2.60์—์„œ 1.33๋กœ ๊ฐ์†Œ">
<g font-family="IBM Plex Sans KR, sans-serif">
<line x1="58" y1="172" x2="392" y2="172" stroke="#C4BCAB"/>
<line x1="58" y1="24" x2="58" y2="172" stroke="#C4BCAB"/>
<line x1="58" y1="164" x2="392" y2="164" stroke="#DCD6C9" stroke-dasharray="3 3"/>
<text x="52" y="167" text-anchor="end" font-size="10" fill="#8A8F98">1.0๋ฐฐ</text>
<path d="M92 40 L192 92 L292 137 L360 157 L360 172 L92 172 Z" fill="#E4EAF8"/>
<polyline points="92,40 192,92 292,137 360,157" fill="none" stroke="#3963CF" stroke-width="2.4"/>
<g fill="#3963CF"><circle cx="92" cy="40" r="4.6"/><circle cx="192" cy="92" r="4.6"/>
<circle cx="292" cy="137" r="4.6"/><circle cx="360" cy="157" r="4.6"/></g>
<g font-size="13" font-weight="700" fill="#141820" text-anchor="middle">
<text x="92" y="30">2.60๋ฐฐ</text><text x="192" y="82">2.02๋ฐฐ</text>
<text x="292" y="127">1.57๋ฐฐ</text><text x="360" y="147">1.33๋ฐฐ</text></g>
<g font-size="11.5" fill="#4A515C" text-anchor="middle">
<text x="92" y="190">8๋ช…</text><text x="192" y="190">32๋ช…</text>
<text x="292" y="190">128๋ช…</text><text x="360" y="190">256๋ช…</text></g>
<text x="225" y="206" text-anchor="middle" font-size="10.5" fill="#8A8F98">๋™์‹œ ์‚ฌ์šฉ์ž</text>
</g>
</svg>
<div class="cut">๊ฐ™์€ ๊ฐ€์ค‘์น˜&#183;๊ฐ™์€ ์žฅ๋น„, ์บ์‹œ ์ ์ค‘ 0%, ์˜จ๋„ 0์—์„œ ์ถœ๋ ฅ์ด <b>๋ฐ”์ดํŠธ๊นŒ์ง€ ๋™์ผ</b>ํ•จ์„ ํ™•์ธ.
<b>์ „ ๊ตฌ๊ฐ„์ด ์ด๋“์ด๋ฉฐ, ๊ฐ€์žฅ ๋ถ๋น„๋Š” 256๋ช…์—์„œ๋„ GPU 4์žฅ์ด 3์žฅ์œผ๋กœ ์ค๋‹ˆ๋‹ค</b>. ๊ตฌ๊ฐ„์„ ๊ผญ ๊ฐ™์ด ๋ณด์‹ญ์‹œ์˜ค</div>
</div>
<div class="card chart">
<div class="num">&#9314; ํŒ์ • ์ •ํ™•๋„</div><h3>ํ™”๋ฉด์—์„œ ์“ธ ์š”์†Œ 50๊ฐœ ๊ณจ๋ผ๋‚ด๊ธฐ</h3>
<svg viewBox="0 0 400 210" role="img" aria-label="ํ€€ํŠธ ํŒ์ • 91.5ํผ์„ผํŠธ ๋Œ€ ๊ณต๊ฐœ ๋Œ€์กฐ๊ตฐ 49.5ํผ์„ผํŠธ">
<g font-family="IBM Plex Sans KR, sans-serif">
<text x="14" y="46" font-size="12" fill="#141820" font-weight="700">ํ€€ํŠธ ํŒ์ •</text>
<rect x="14" y="56" width="372" height="30" fill="#EFEADF"/>
<rect x="14" y="56" width="340" height="30" fill="#3963CF"/>
<text x="344" y="77" text-anchor="end" font-size="16" font-weight="700" fill="#fff">91.5%</text>
<text x="14" y="122" font-size="12" fill="#141820" font-weight="700">๊ณต๊ฐœ ๋ฌด์ƒ์„ฑ ํŒ์ •๊ธฐ (๋Œ€์กฐ๊ตฐ)</text>
<rect x="14" y="132" width="372" height="30" fill="#EFEADF"/>
<rect x="14" y="132" width="184" height="30" fill="#8A8F98"/>
<text x="188" y="153" text-anchor="end" font-size="16" font-weight="700" fill="#fff">49.5%</text>
<line x1="14" y1="176" x2="386" y2="176" stroke="#DCD6C9"/>
<text x="14" y="196" font-size="11" fill="#8A8F98">๊ฐ™์€ ์‹œํ—˜์ง€ &#183; ๊ฐ™์€ ์ฑ„์  ์ฝ”๋“œ &#183; ๊ณต๊ฐœ ๊ฐ€์ค‘์น˜ ๊ทธ๋Œ€๋กœ</text>
</g>
</svg>
<div class="cut">๊ณต๊ฐœ ๊ฐ€์ค‘์น˜๋ฅผ ๊ทธ๋Œ€๋กœ ๋ฐ›์•„ ๊ฐ™์€ ์ฝ”๋“œ๋กœ ์ฑ„์ . <b>์˜์–ด ํ™”๋ฉด ๊ธฐ์ค€</b>์ด๋ฉฐ
ใ€Œํ•œ๊ตญ์–ด์—์„œ ์šฐ์ˆ˜ใ€๋ผ๊ณ ๋Š” ๋งํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค &#183; ๊ท€์‚ฌ ์—…๋ฌด๋Š” ํ”„๋กœํŒŒ์ผ ์žฌ์ƒ์„ฑ ํ›„ ๋‹ค์‹œ ์žฝ๋‹ˆ๋‹ค</div>
</div>
<div class="card chart">
<div class="num">&#9315; ํ™•์‹ ์˜ ์ •์งํ•จ</div><h3>์ •ํ™•๋„๋กœ๋Š” ์•ˆ ๊ฐˆ๋ฆฝ๋‹ˆ๋‹ค. ๊ฐˆ๋ฆฌ๋Š” ๊ฑด ์—ฌ๊ธฐ์ž…๋‹ˆ๋‹ค</h3>
<svg viewBox="0 0 400 210" role="img" aria-label="๋ณด์ • ์˜ค์ฐจ 0.001 ๋Œ€ 0.10">
<g font-family="IBM Plex Sans KR, sans-serif">
<line x1="58" y1="164" x2="392" y2="164" stroke="#C4BCAB"/>
<rect x="96" y="158" width="84" height="6" fill="#2A7A4F"/>
<text x="138" y="148" text-anchor="middle" font-size="16" font-weight="700" fill="#2A7A4F">0.001</text>
<text x="138" y="182" text-anchor="middle" font-size="11.5" fill="#4A515C">ํ€€ํŠธ ํŒ์ •</text>
<rect x="256" y="44" width="84" height="120" fill="#B0432C"/>
<text x="298" y="34" text-anchor="middle" font-size="16" font-weight="700" fill="#B0432C">0.10</text>
<text x="298" y="182" text-anchor="middle" font-size="11.5" fill="#4A515C">๋Œ€์กฐ๊ตฐ</text>
<text x="52" y="48" text-anchor="end" font-size="10.5" fill="#8A8F98">์˜ค์ฐจ</text>
<text x="8" y="204" font-size="10.5" fill="#8A8F98">์ž‘์„์ˆ˜๋ก ์ข‹์Œ</text>
<text x="218" y="100" text-anchor="middle" font-size="13" font-weight="700" fill="#141820">100๋ฐฐ</text>
</g>
</svg>
<div class="cut"><b>์ด ์‹œํ—˜์ง€๋Š” ์ •ํ™•๋„๋กœ ๊ฐˆ๋ฆฌ์ง€ ์•Š์Šต๋‹ˆ๋‹ค</b>. ๊ธ€์ž n-gram ๊ฐ™์€ ์‹ผ ๋ฐฉ๋ฒ•๋„ ๋งŒ์ ์ด ๋‚˜์™”์Šต๋‹ˆ๋‹ค.
๊ทธ๋ž˜์„œ ๋งŒ์ ์„ ์ž๋ž‘ํ•˜์ง€ ์•Š๊ณ , ๋Œ€์‹  <b>ใ€Œ90%๋ผ๊ณ  ๋งํ•  ๋•Œ ์ •๋ง 90%์ธ์ง€ใ€</b>๋ฅผ ์žฝ๋‹ˆ๋‹ค. ํ•ฉ์„ฑ ํ•œ๊ตญ์–ด ๊ฐœ์ธ์ •๋ณด ํŒ ๊ธฐ์ค€</div>
</div>
</div>
<div style="margin-top:34px; padding:26px 28px; background:var(--surface2); border:1px solid var(--line)">
<div style="font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.16em;
color:var(--ink3); text-transform:uppercase; margin-bottom:6px">&#9316; ์žฅ๋น„๋กœ ํ™˜์‚ฐํ•˜๋ฉด</div>
<h3 style="font-size:19px; font-weight:700; margin-bottom:16px">๊ฐ™์€ ์ฒ˜๋ฆฌ๋Ÿ‰์„ GPU ๋ช‡ ์žฅ์œผ๋กœ ๋‚ด๋Š”๊ฐ€</h3>
<svg viewBox="0 0 900 132" role="img" aria-label="GPU ์žฅ์ˆ˜ 100ํผ์„ผํŠธ ๋Œ€๋น„ 38์—์„œ 75ํผ์„ผํŠธ" style="width:100%;height:auto">
<g font-family="IBM Plex Sans KR, sans-serif">
<text x="0" y="26" font-size="12" font-weight="700" fill="#141820">์ง€๊ธˆ</text>
<rect x="70" y="8" width="740" height="26" fill="#8A8F98"/>
<text x="822" y="27" font-size="13" font-weight="700" fill="#4A515C">100%</text>
<text x="0" y="74" font-size="12" font-weight="700" fill="#141820">8๋ช…</text>
<rect x="70" y="56" width="281" height="26" fill="#2A7A4F"/>
<text x="363" y="75" font-size="13" font-weight="700" fill="#2A7A4F">38%</text>
<text x="0" y="122" font-size="12" font-weight="700" fill="#141820">256๋ช…</text>
<rect x="70" y="104" width="555" height="26" fill="#3963CF"/>
<text x="637" y="123" font-size="13" font-weight="700" fill="#2A4CA8">75%</text>
</g>
</svg>
<p style="font-size:13.5px; color:var(--ink2); margin-top:12px">
ํ•œ๊ฐ€ํ•  ๋•Œ๋Š” 62%, ๋ถ๋นŒ ๋•Œ๋„ 25% ์ค„์–ด๋“ญ๋‹ˆ๋‹ค.
<strong>๋„์ž… ๊ฒ€ํ† ๋Š” ๋ถ๋นŒ ๋•Œ ์ˆซ์ž๋กœ ํ•˜์‹ญ์‹œ์˜ค.</strong> ํ•œ๊ฐ€ํ•  ๋•Œ ์ˆซ์ž๋กœ ๊ณ„ํš์„ ์„ธ์šฐ๋ฉด ์žฅ๋น„๊ฐ€ ๋ชจ์ž๋ž๋‹ˆ๋‹ค.</p>
</div>
<div class="note"><p><strong>์—ฌ๊ธฐ ์—†๋Š” ๊ฒƒ๋„ ๋ง์”€๋“œ๋ฆฝ๋‹ˆ๋‹ค.</strong>
์••์ถ•(์–‘์žํ™”)์€ ์ €ํฌ ์ž์ฒด ๋ฐฉ์‹๋ณด๋‹ค <b>๊ณต๊ฐœ๋œ ๋ฐฉ์‹์ด ๋” ๋‚˜์€ ๊ตฌ๊ฐ„์ด ์‹ค์ธก์œผ๋กœ ํ™•์ธ๋์Šต๋‹ˆ๋‹ค.</b>
๊ทธ๋ž˜์„œ ใ€Œ์šฐ๋ฆฌ ์••์ถ•์ด ์ตœ๊ณ ใ€๋ผ๊ณ  ์“ฐ์ง€ ์•Š๊ณ , ๊ท€์‚ฌ ์—…๋ฌด์—์„œ ์–ด๋А ์ชฝ์ด ๋‚˜์€์ง€ ์žฌ์„œ ๋‚˜์€ ์ชฝ์„ ๋ถ™์ž…๋‹ˆ๋‹ค.
ํŒŒ๋Š” ๊ฒƒ์€ ๋ฐฉ์‹์ด ์•„๋‹ˆ๋ผ <b>์žฌ๋Š” ๋Šฅ๋ ฅ</b>์ž…๋‹ˆ๋‹ค.</p></div>
</div></section>
<!-- ๋Œ€์กฐ -->
<section id="board"><div class="wrap">
<div class="eyebrow">09 ยท ๋Œ€์กฐ</div>
<h2 class="h2">๋‚จ์˜ ์ˆซ์ž 395๊ฑด ์œ„์— ์ฐ์–ด ๋ดค์Šต๋‹ˆ๋‹ค<span class="en">Industry benchmark</span></h2>
<p class="lead">์šฐ๋ฆฌ ์ž๋ž‘๋ถ€ํ„ฐ ํ•˜์ง€ ์•Š๊ฒ ์Šต๋‹ˆ๋‹ค. MLCommons ๊ฐ์‚ฌ๋ฅผ ํ†ต๊ณผํ•œ ๊ธฐ๋ก๊ณผ
NVIDIA ยท HPE ยท Dell ยท AMD ๊ฐ€ ์ง์ ‘ ๋ฐœํ‘œํ•œ ์ˆซ์ž๋ฅผ ๊น”์•„๋†“๊ณ ,
<strong>์ง€๊ธˆ ์“ฐ์‹œ๋Š” ์„ค์ •์ด ๊ทธ ์‚ฌ์ด ์–ด๋””์ฏค์ธ์ง€</strong> ์ฐ์–ด ๋ณด์—ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
<span class="mono" id="bMeta" style="color:var(--ink3);font-size:12.5px"></span></p>
<div class="board">
<div class="panel bpanel">
<div class="field"><label for="bGpu">์“ฐ์‹œ๋Š” GPU</label>
<select id="bGpu"></select></div>
<div class="f3">
<div class="field"><label for="bQ">์–‘์žํ™”</label><select id="bQ"></select></div>
<div class="field"><label for="bTot">๋ชจ๋ธ ํฌ๊ธฐ (์‹ญ์–ต)</label>
<input id="bTot" type="number" value="35" min="0.1" step="0.1"></div>
<div class="field"><label for="bAct">๊ทธ์ค‘ ํ™œ์„ฑ (์‹ญ์–ต)</label>
<input id="bAct" type="number" value="3" min="0.1" step="0.1"></div>
</div>
<div class="f2">
<div class="field"><label for="bCon">๋™์‹œ ์‚ฌ์šฉ์ž</label>
<input id="bCon" type="number" value="32" min="1" max="4096"></div>
<div class="field"><label for="bGn">๊ฐ–๊ณ  ๊ณ„์‹  ์žฅ์ˆ˜</label>
<input id="bGn" type="number" value="1" min="1" max="1024"></div>
</div>
<div class="field"><label for="bMon">์›” ํŒ์ • ๊ฑด์ˆ˜</label>
<input id="bMon" type="number" value="1000000" min="1"></div>
<div class="f2">
<div class="field"><label for="bOut">ํ•œ ๊ฑด๋‹น ์ถœ๋ ฅ ํ† ํฐ</label>
<input id="bOut" type="number" value="256" min="1"></div>
<div class="field"><label for="bKwh">์ „๊ธฐ ๋‹จ๊ฐ€ (์›/kWh)</label>
<input id="bKwh" type="number" value="130" min="0"></div>
</div>
<p class="hint">130์›์€ ํ•œ๊ตญ ์‚ฐ์—…์šฉ ํ‰๊ท ์ฏค ๋˜๋Š” ๊ฐ’์ž…๋‹ˆ๋‹ค. ์“ฐ์‹œ๋Š” ๋‹จ๊ฐ€๋ฅผ ๋„ฃ์œผ๋ฉด ๊ทธ๊ฑธ๋กœ ๋‹ค์‹œ ๊ณ„์‚ฐํ•ฉ๋‹ˆ๋‹ค.</p>
</div>
<div class="panel plotwrap">
<svg id="plot" viewBox="0 0 560 400" role="img" aria-label="์—…๊ณ„ ๊ธฐ๋ก ์‚ฐ์ ๋„์™€ ๊ท€์‚ฌ ์œ„์น˜"></svg>
<div class="legend">
<span><i class="d gold"></i>๊ฐ์‚ฌ๋ฐ›์€ ๊ธฐ๋ก</span>
<span><i class="d ours"></i>์šฐ๋ฆฌ๊ฐ€ ์ง์ ‘ ์žฐ ๊ฒƒ</span>
<span><i class="d you"></i>์ง€๊ธˆ ์„ค์ •</span>
<span><i class="ln"></i>๋ฌผ๋ฆฌ์ ์œผ๋กœ ๋„˜์„ ์ˆ˜ ์—†๋Š” ์„ </span>
</div>
</div>
</div>
<div class="grid g4 bcards">
<div class="card kpi"><div class="num">์ˆœ์œ„</div>
<div class="big" id="kRank">-</div><div class="sub" id="kRankSub">GPU๋ฅผ ๊ณ ๋ฅด๋ฉด ๊ณ„์‚ฐ๋ฉ๋‹ˆ๋‹ค</div></div>
<div class="card kpi"><div class="num">ํ•„์š” ์žฅ์ˆ˜</div>
<div class="big" id="kGpu">-</div><div class="sub" id="kGpuSub">์ด ๋ฌผ๋Ÿ‰์„ ๊ฐ๋‹นํ•˜๋ ค๋ฉด</div></div>
<div class="card kpi"><div class="num">์›” ์ „๊ธฐ์š”๊ธˆ</div>
<div class="big" id="kPow">-</div><div class="sub" id="kPowSub">GPU๋งŒ ยท ์ •๊ฒฉ ๊ธฐ์ค€</div></div>
<div class="card kpi"><div class="num">์›” ํด๋ผ์šฐ๋“œ</div>
<div class="big" id="kUsd">-</div><div class="sub" id="kUsdSub">๋นŒ๋ ค ์“ด๋‹ค๋ฉด</div></div>
</div>
<div class="note" id="bNote"><p>GPU๋ฅผ ๊ณ ๋ฅด๋ฉด ๊ณ„์‚ฐํ•ฉ๋‹ˆ๋‹ค.</p></div>
<div class="tw"><table class="brank">
<thead><tr><th>#</th><th>๋ชจ๋ธ</th><th>์žฐ ๊ณณ</th><th class="n">ํฌ๊ธฐ</th>
<th class="n">GPU๋‹น tok/s</th><th>๋“ฑ๊ธ‰</th></tr></thead>
<tbody id="bTop"></tbody>
</table></div>
<p class="hint" id="bSrc"></p>
</div></section>
<!-- ์„ฑ์  -->
<section id="bench"><div class="wrap">
<div class="eyebrow">10 ยท ์„ฑ์ </div>
<h2 class="h2">๊ณต์ธ ๋ฒค์น˜๋งˆํฌ 49๊ฐœ๋ฅผ ํ•œ ์žฅ์— ๋ชจ์•˜์Šต๋‹ˆ๋‹ค<span class="en">Official benchmarks, one map</span></h2>
<p class="lead">ํ—ˆ๊น…ํŽ˜์ด์Šค ๊ณต์ธ ๋ฆฌ๋”๋ณด๋“œ๋Š” 49๊ฐœ๋กœ ํฉ์–ด์ ธ ์žˆ์–ด์„œ, ์ „์ฒด ํŒ์„ ๋ณด๋ ค๋ฉด 48๊ตฐ๋ฐ๋ฅผ ๋”ฐ๋กœ ์—ด์–ด์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค.
ํ€€ํŠธID๊ฐ€ <strong>ํ•œ ์žฅ์งœ๋ฆฌ ์‹ค์‹œ๊ฐ„ ์ง€๋„</strong>๋กœ ๋ชจ์•˜์Šต๋‹ˆ๋‹ค.
์—ด ๋•Œ๋งˆ๋‹ค ๊ณต๊ฐœ API์—์„œ ์ƒˆ๋กœ ์ฝ์œผ๋‹ˆ ์ €ํฌ๊ฐ€ ์†๋Œˆ ์ˆ˜ ์žˆ๋Š” ์ˆซ์ž๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.</p>
<div class="grid g4 bstat">
<div class="card kpi"><div class="num">๊ณต์ธ ๋ฒค์น˜๋งˆํฌ</div><div class="big">49๊ฐœ</div>
<div class="sub">๋ฆฌ๋”๋ณด๋“œ๊ฐ€ ์žˆ๋Š” ๊ฒƒ 44๊ฐœ</div></div>
<div class="card kpi"><div class="num">๋“ฑ์žฌ ๊ธฐ๋ก</div><div class="big">1,108๊ฑด</div>
<div class="sub">2026๋…„ 10์›” 21์ผ ๊ธฐ์ค€</div></div>
<div class="card kpi"><div class="num">๋ชจ๋ธ</div><div class="big">429๊ฐœ</div>
<div class="sub">102๊ฐœ ์กฐ์ง์ด ์˜ฌ๋ฆผ</div></div>
<div class="card kpi"><div class="num">ํ•œ๊ตญ ๋น„์ค‘</div><div class="big">4%</div>
<div class="sub">์ค‘๊ตญ 55% ยท ๋ฏธ๊ตญ 21%</div></div>
</div>
<div class="bench2">
<div class="card">
<div class="num">์ง€๋„๊ฐ€ ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ</div>
<h3>1์œ„๋ฅผ ๊ฐ€์žฅ ๋งŽ์ด ๊ฐ€์ง„ ๊ณณ์€ ํ•œ๊ตญ ์กฐ์ง์ž…๋‹ˆ๋‹ค</h3>
<p>์กฐ์ง๋ณ„ 1์œ„ ๊ฐœ์ˆ˜๋ฅผ ์„ธ๋ฉด <strong>FINAL-Bench(๋น„๋“œ๋ž˜ํ”„ํŠธ)๊ฐ€ 11๊ฐœ๋กœ ์ „์ฒด 1์œ„</strong>์ž…๋‹ˆ๋‹ค.
์•Œ๋ฆฌ๋ฐ”๋ฐ” Qwen, ์ง€ํ‘ธAI, ๋”ฅ์‹œํฌ, ๋ฌธ์ƒทAI, ์—”๋น„๋””์•„๊ฐ€ ๋ชจ๋‘ ์•„๋ž˜์— ์žˆ์Šต๋‹ˆ๋‹ค.
ํ€€ํŠธID๋Š” ์ด ์ง€๋„๋ฅผ ๋งŒ๋“  ์ชฝ์ด๊ณ , ์„ฑ์ ์€ ์ „๋žต์  ์ œํœด์‚ฌ์ธ ๋น„๋“œ๋ž˜ํ”„ํŠธ๊ฐ€ ๋‚ธ ๊ฒƒ์ž…๋‹ˆ๋‹ค.</p>
<svg viewBox="0 0 460 200" role="img" aria-label="๋ถ„์•ผ๋ณ„ 1์œ„ ๊ฐœ์ˆ˜">
<g font-family="IBM Plex Sans KR, sans-serif" font-size="12">
<text x="0" y="16" fill="#4A515C">๋ฌธ์„œ ยท OCR</text><rect x="118" y="5" width="96" height="14" fill="#3963CF"/><text x="222" y="16" fill="#2A4CA8" font-weight="700">2</text>
<text x="0" y="46" fill="#4A515C">๋ฒ•๋ฅ  ยท ๊ธˆ์œต</text><rect x="118" y="35" width="96" height="14" fill="#3963CF"/><text x="222" y="46" fill="#2A4CA8" font-weight="700">2</text>
<text x="0" y="76" fill="#4A515C">์ˆ˜ํ•™</text><rect x="118" y="65" width="96" height="14" fill="#3963CF"/><text x="222" y="76" fill="#2A4CA8" font-weight="700">2</text>
<text x="0" y="106" fill="#4A515C">๊ณผํ•™ ยท ์ง€์‹</text><rect x="118" y="95" width="96" height="14" fill="#3963CF"/><text x="222" y="106" fill="#2A4CA8" font-weight="700">2</text>
<text x="0" y="136" fill="#4A515C">์—์ด์ „ํŠธ ยท ํ„ฐ๋ฏธ๋„</text><rect x="118" y="125" width="96" height="14" fill="#3963CF"/><text x="222" y="136" fill="#2A4CA8" font-weight="700">2</text>
<text x="0" y="166" fill="#4A515C">๋น„์ „ ยท ๋น„๋””์˜ค</text><rect x="118" y="155" width="48" height="14" fill="#7E9BE0"/><text x="174" y="166" fill="#2A4CA8" font-weight="700">1</text>
<line x1="118" y1="180" x2="440" y2="180" stroke="#DCD6C9"/>
<text x="0" y="195" fill="#141820" font-weight="700">ํ•ฉ๊ณ„</text><text x="118" y="195" fill="#141820" font-weight="700">1์œ„ 11๊ฐœ</text>
</g>
</svg>
</div>
<div class="card">
<div class="num">1์œ„๋ฅผ ๋ฐ›์€ ์ ์ˆ˜</div>
<h3>์ฑ„์ ์€ ๊ฐ ๋ณด๋“œ๊ฐ€ ํ•ฉ๋‹ˆ๋‹ค</h3>
<div class="tw"><table class="bscore">
<thead><tr><th>๋ฒค์น˜๋งˆํฌ</th><th class="n">์ ์ˆ˜</th></tr></thead>
<tbody>
<tr><td>AIME 2026 (์ˆ˜ํ•™)</td><td class="n">100</td></tr>
<tr><td>HMMT 2026 (์ˆ˜ํ•™)</td><td class="n">100</td></tr>
<tr><td>GPQA Diamond (๊ณผํ•™)</td><td class="n">94.44</td></tr>
<tr><td>MMLU-Pro (์ง€์‹)</td><td class="n">88.12</td></tr>
</tbody>
</table></div>
<p style="margin-top:14px">์ ์ˆ˜๋ฅผ ๋งค๊ธด ๊ฒƒ์€ ์ €ํฌ๊ฐ€ ์•„๋‹ˆ๋ผ ๊ฐ ๋ฒค์น˜๋งˆํฌ ์šด์˜ ์ฃผ์ฒด์ž…๋‹ˆ๋‹ค.
์ง€๋„๋Š” ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ์ฝ์–ด ์˜ฎ๊ธธ ๋ฟ์ด๊ณ , ๋งํฌ๋ฅผ ๋”ฐ๋ผ๊ฐ€๋ฉด ์›๋ณธ ๋ณด๋“œ์—์„œ ๋ฐ”๋กœ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.</p>
<div class="cut">1์œ„์™€ 2์œ„ ์ฐจ์ด๋Š” ์ค‘์•™๊ฐ’ 5.5% ยท ๊ฐ€์žฅ ๋ถ๋น„๋Š” 5๊ฐœ ๋ณด๋“œ๊ฐ€ ์ „์ฒด ๋“ฑ์žฌ์˜ 44%</div>
</div>
</div>
<div class="bcta">
<div>
<div class="bk">Live map</div>
<h3>์ง€๋„๋ฅผ ์ง์ ‘ ์—ด์–ด ๋ณด์‹ญ์‹œ์˜ค</h3>
<p>ํ•„๋“œ๋ณ„ ๋ถ„ํฌ, ์ฐธ์—ฌ ์กฐ์ง, 1์œ„ ํ˜„ํ™ฉ, ์•„์ง ๋น„์–ด ์žˆ๋Š” ์ž๋ฆฌ๊นŒ์ง€ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋กœ๊ทธ์ธ ์—†์ด ์—ด๋ฆฝ๋‹ˆ๋‹ค.</p>
</div>
<a class="btn btn-p" href="https://huggingface.co/spaces/quantid/huggingface-official-benchmark-leaderboards" target="_blank" rel="noopener">์‹ค์‹œ๊ฐ„ ์ง€๋„ ์—ด๊ธฐ</a>
</div>
<div class="press">
<div class="pk">๋ณด๋„</div>
<a class="ptitle" href="https://www.dt.co.kr/article/12087570" target="_blank" rel="noopener">
ํ€€ํŠธID, ํ—ˆ๊น…ํŽ˜์ด์Šค ๊ณต์ธ AI ๋ฒค์น˜๋งˆํฌ 48๊ฐœ 'ํ•œ๋ˆˆ์—' ... ์‹ค์‹œ๊ฐ„ ์ง€๋„ ๊ณต๊ฐœ</a>
<div class="pmeta">๋””์ง€ํ„ธํƒ€์ž„์Šค ยท 2026๋…„ 10์›” 6์ผ ยท ๋ฐ•์˜์„œ ๋…ผ์„ค์œ„์›</div>
<p>ํฉ์–ด์ ธ ์žˆ๋˜ ๊ณต์ธ ๋ฆฌ๋”๋ณด๋“œ๋ฅผ ํ•œ ์žฅ์œผ๋กœ ๋ชจ์€ ์ง€๋„๋ฅผ ์†Œ๊ฐœํ•˜๋ฉด์„œ,
์กฐ์ง๋ณ„ 1์œ„ ์ง‘๊ณ„์™€ ๊ตญ๊ฐ€๋ณ„ ์ฐธ์—ฌ ๋น„์ค‘์„ ํ•จ๊ป˜ ๋‹ค๋ค˜์Šต๋‹ˆ๋‹ค.</p>
</div>
</div></section>
<!-- ์ž๊ฐ€ ๊ฒ€์นจ -->
<section id="self"><div class="wrap">
<div class="eyebrow">11 ยท ๋ฌด๋ฃŒ</div>
<h2 class="h2">์ž๊ฐ€ ๊ฒ€์นจ<span class="en">Self-Metering</span></h2>
<p class="lead">์ˆซ์ž ์„ธ ๊ฐœ, ์งˆ๋ฌธ ๋„ค ๊ฐœ๋ฉด ์ง€๊ธˆ ๋“ฑ๊ธ‰์ด ๋‚˜์˜ต๋‹ˆ๋‹ค. ์ž…๋ ฅํ•˜์‹  ๊ฑด ์ €์žฅํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.</p>
<div class="meter">
<div class="panel">
<div class="field"><label for="cand">ํŒ์ • 1๊ฑด๋‹น ํ‰๊ท  ํ›„๋ณด ์ˆ˜</label>
<input id="cand" type="number" value="200" min="1" max="100000"></div>
<div class="field"><label for="mon">์›” ํŒ์ • ๊ฑด์ˆ˜</label>
<input id="mon" type="number" value="1000000" min="1"></div>
<div class="field"><label for="usr">๋™์‹œ ์‚ฌ์šฉ์ž ์ˆ˜</label>
<input id="usr" type="number" value="32" min="1" max="100000"></div>
<div class="field"><label for="pri">์ž…๋ ฅ 100๋งŒ ํ† ํฐ๋‹น ๋‹จ๊ฐ€ (์›, ์„ ํƒ)</label>
<input id="pri" type="number" placeholder="๋น„์›Œ๋‘๋ฉด ํ™˜์‚ฐํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค" min="0"></div>
<p class="hint">๋ง ์•ˆ์—์„œ ์ง์ ‘ ๋Œ๋ฆฌ์‹œ๋ฉด ํ† ํฐ ๋‹จ๊ฐ€๋ผ๋Š” ๊ฒŒ ์—†์Šต๋‹ˆ๋‹ค. ๋น„์›Œ๋‘์‹œ๋ฉด ํ† ํฐ ๊ฐœ์ˆ˜๋กœ๋งŒ ๋ณด์—ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.</p>
<div class="checks">
<label class="chk"><input type="checkbox" id="c1"><span>์—…๋ฌด 1๊ฑด๋‹น ํ† ํฐ์„ ์•Œ๊ณ  ์žˆ๋‹ค</span></label>
<label class="chk"><input type="checkbox" id="c2"><span>๋‹จ๊ณ„ยท๋ชจ๋ธ๋ณ„ ์ง€์ถœ ๋ถ„ํ•ด๊ฐ€ ์žˆ๋‹ค</span></label>
<label class="chk"><input type="checkbox" id="c3"><span>ํ›„๋ณด๋ฅผ ์ค„์—ฌ์„œ ๋ชจ๋ธ์— ๋„˜๊ธฐ๊ณ  ์žˆ๋‹ค</span></label>
<label class="chk"><input type="checkbox" id="c4"><span>์ƒ์‹œ ๊ฒ€์นจ(๋ชจ๋‹ˆํ„ฐ๋ง)์ด ๋Œ๊ณ  ์žˆ๋‹ค</span></label>
</div>
<button class="btn btn-p" id="run" style="width:100%">๊ฒ€์นจํ•˜๊ธฐ</button>
</div>
<div class="panel result" id="res">
<div class="rg"><div class="letter" id="rLetter">-</div><div class="txt" id="rNote"></div></div>
<div class="rows">
<div class="row"><span>ํ˜„์žฌ ์ž…๋ ฅ ํ† ํฐ / ๊ฑด</span><b id="rBefore">-</b></div>
<div class="row"><span>ํ€€ํŠธ ํŒ์ • ์ ์šฉ ํ›„ / ๊ฑด</span><b id="rAfter">-</b></div>
<div class="row"><span>์••์ถ• ๋ฐฐ์ˆ˜</span><b id="rRatio">-</b></div>
<div class="row"><span>์›” ์ ˆ๊ฐ ํ† ํฐ</span><b id="rSaved">-</b></div>
<div class="row"><span>ํ€€ํŠธ ๊ฐ€์† ๋ฐฐ์ˆ˜ <span id="rUsers" class="mono" style="color:var(--ink3)"></span></span><b id="rMult">-</b></div>
<div class="row"><span>๊ฐ™์€ ์—…๋ฌด๋Ÿ‰์˜ GPU ์žฅ์ˆ˜</span><b id="rGpu">-</b></div>
<div class="row" id="rMoneyRow" style="display:none"><span>์›” ์ ˆ๊ฐ์•ก</span><b id="rMoney">-</b></div>
</div>
<ul class="cav" id="rCav"></ul>
</div>
</div>
</div></section>
<!-- ์‚ฐ์—…๋ณ„ -->
<section id="sectors"><div class="wrap">
<div class="eyebrow">12 ยท ์šฉ์ฒ˜</div>
<h2 class="h2">๋ฐ–์œผ๋กœ ๋ชป ๋‚ด๋ณด๋‚ด๋Š” ์ผ์ด ๋งŽ์€ ๊ณณ๋ถ€ํ„ฐ<span class="en">Where the work cannot leave the network</span></h2>
<div class="grid g4">
<div class="card"><h3>๊ธˆ์œต</h3><p>์—ฌ์‹ ยท์ˆ˜์‹  ์›์žฅ ํ™”๋ฉด ์กฐ์ž‘, ๊ฐœ์ธ์‹ ์šฉ์ •๋ณด ๊ตฌ๊ฐ„ ํŒ์ •, ์ž๋™ํ™” ๊ฒฐ์ • ์„ค๋ช… ๊ทผ๊ฑฐ, ์ด์ƒ๊ฑฐ๋ž˜ ์•Œ๋žŒ ์„ ๋ณ„.</p>
<div class="cut">์ „์ž๊ธˆ์œต๊ฐ๋…๊ทœ์ • ๋ง๋ถ„๋ฆฌ. ๊ฐœ์ธ์‹ ์šฉ์ •๋ณด๋Š” ์˜ˆ์™ธ ๋ถˆ๊ฐ€</div></div>
<div class="card"><h3>๋ณด๊ฑด ยท ์˜๋ฃŒ</h3><p>EMRยทOCS ํ™”๋ฉด ์—…๋ฌด, ๊ฑด๊ฐ•์ •๋ณด ๋น„์‹๋ณ„ํ™”, ๋™์˜์„œ ์กฐํ•ญ ์„ ๋ณ„, ์˜๋ฌด๊ธฐ๋ก ๊ฒ€์ƒ‰ ์žฌ์ˆœ์œ„.</p>
<div class="cut">๊ฐœ์ธ์ •๋ณด ๋ณดํ˜ธ๋ฒ• ์ œ23์กฐ ๋ฏผ๊ฐ์ •๋ณด</div></div>
<div class="card"><h3>๊ณต๊ณต ยท ๊ตญ๋ฐฉ</h3><p>์™„์ „ ํ์‡„๋ง ๋ฌธ์„œยทํ–‰์ •, ๋น„๊ณต๊ฐœ ์‚ฌ์œ  ํ›„๋ณด ๋ถ„๋ฅ˜, ๋ฐ˜์ถœ ์ „ ์ ๊ฒ€, ์‚ฌ์ด๋ฒ„ ๊ด€์ œ ์•Œ๋žŒ ์„ ๋ณ„.</p>
<div class="cut">AI ๊ธฐ๋ณธ๋ฒ• ์ œ35์กฐ. ์˜ํ–ฅํ‰๊ฐ€ ์ œํ’ˆ ์šฐ์„  ๊ณ ๋ ค</div></div>
<div class="card"><h3>IT ยท ์ œ์กฐ</h3><p>๋˜๋Œ๋ฆด ์ˆ˜ ์—†๋Š” ๋ช…๋ น์˜ ์‹คํ–‰ ์ง์ „ ํŒ์ •, ERPยท๊ทธ๋ฃน์›จ์–ด ํ™”๋ฉด ์—…๋ฌด, ๋น„๋ฐ€์ •๋ณด ํƒ์ง€, ๊ด€์ œ ์„ ๋ณ„.</p>
<div class="cut">๊ธฐ์กด ๋„๊ตฌยท๋ชจ๋ธ ๊ต์ฒด ์—†์ด ํ›…์œผ๋กœ ์‚ฝ์ž…</div></div>
</div>
<div class="note"><p><strong>์ด๊ฑด ์ €ํฌ๊ฐ€ ์•ˆ ํ•ฉ๋‹ˆ๋‹ค.</strong>
๋Œ€์ถœ ์Šน์ธ ์—ฌ๋ถ€๋ฅผ ํŒ๋‹จํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ง„๋‹จ๋„ ์ฒ˜๋ฐฉ๋„ ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค(๊ทธ๋ž˜์„œ ์˜๋ฃŒ๊ธฐ๊ธฐ ์†Œํ”„ํŠธ์›จ์–ด ์ธ์ฆ ๋Œ€์ƒ์ด ์•„๋‹™๋‹ˆ๋‹ค).
์ฝ”๋“œ๋ฅผ ๋Œ€์‹  ์งœ์ง€ ์•Š๊ณ , ๊ต์ „์ด๋‚˜ ํ‘œ์  ๊ด€๋ จ ํŒ๋‹จ์€ ์•„์˜ˆ ๋ฒ”์œ„ ๋ฐ–์ž…๋‹ˆ๋‹ค.
์ €ํฌ๊ฐ€ ํ•˜๋Š” ๊ฑด <strong>ํ›„๋ณด๋ฅผ ์žฌ์„œ ๊ณจ๋ผ๋‚ด๋Š” ๋ฐ๊นŒ์ง€</strong>๊ณ , ๋งˆ์ง€๋ง‰ ๊ฒฐ์ •์€ ์›๋ž˜ ์“ฐ์‹œ๋˜ ์ฒด๊ณ„์— ๊ทธ๋Œ€๋กœ ๋‚จ์Šต๋‹ˆ๋‹ค.</p></div>
</div></section>
<!-- ๊ฒ€์นจ ๊ตฌ๋… -->
<section id="engage"><div class="wrap">
<div class="eyebrow">13 ยท ๋„์ž…</div>
<h2 class="h2">๊ฒ€์นจ ๊ตฌ๋…<span class="en">Metering Subscription</span></h2>
<div class="steps">
<div class="step"><div class="sn">STEP 1</div><h4>์ž๊ฐ€ ๊ฒ€์นจ</h4><p>์ด ํŽ˜์ด์ง€์—์„œ ๋“ฑ๊ธ‰๋ถ€ํ„ฐ ๋ณด์‹ญ์‹œ์˜ค. ์ž๋ฃŒ ์ฃผ์‹ค ๊ฒƒ ์—†์Šต๋‹ˆ๋‹ค.</p><div class="dur">๋ฐ”๋กœ ยท ๋ฌด๋ฃŒ</div></div>
<div class="step"><div class="sn">STEP 2</div><h4>์›์žฅ ๋งŒ๋“ค๊ธฐ</h4><p>์“ฐ๊ณ  ๊ณ„์‹  ๋กœ๊ทธ๋กœ ์žฅ๋ถ€๋ฅผ ๋ฝ‘์Šต๋‹ˆ๋‹ค. ์–ด๋А ์—…๋ฌด๊ฐ€ ์–ผ๋งˆ๋ฅผ ๋จน๋Š”์ง€ ์—ฌ๊ธฐ์„œ ๋“œ๋Ÿฌ๋‚ฉ๋‹ˆ๋‹ค.</p><div class="dur">1~2์ฃผ</div></div>
<div class="step"><div class="sn">STEP 3</div><h4>๋ง ์•ˆ์—์„œ ํ™•์ธ</h4><p>GPU ํ•œ ์žฅ์งœ๋ฆฌ ์žฅ๋น„๋ฅผ ๋“ค๊ณ  ์ฐพ์•„๋ต™๋‹ˆ๋‹ค. ์ž๋ฃŒ๋Š” ๋ฐ–์œผ๋กœ ์•ˆ ๋‚ด๋ณด๋‚ด๊ณ  ๊ทธ ์ž๋ฆฌ์—์„œ ๋‹ค์‹œ ์žฝ๋‹ˆ๋‹ค.</p><div class="dur">ํ•˜๋ฃจ</div></div>
<div class="step"><div class="sn">STEP 4</div><h4>๊ตฌ๋… ์‹œ์ž‘</h4><p>ํ•ฉ๊ฒฉ์„ ์„ ๊ณ„์•ฝ ์ „์— ๊ฐ™์ด ์ •ํ•˜๊ณ , ๋‚˜์˜จ ์ˆซ์ž๋กœ ํŒ๋‹จํ•˜์‹ญ์‹œ์˜ค. ๊ทธ๋‹ค์Œ๋ถ€ํ„ฐ ๊ณ„๋Ÿ‰๊ธฐ๋ฅผ ์ƒ์‹œ๋กœ ๋Œ๋ฆฝ๋‹ˆ๋‹ค.</p><div class="dur">2~4์ฃผ</div></div>
</div>
<div class="note"><p><strong>ํ•ฉ๊ฒฉ์„ ์€ ์ €ํฌ๊ฐ€ ์ •ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.</strong>
STEP 3์—์„œ ๊ท€์‚ฌ ํ™”๋ฉด, ๊ท€์‚ฌ ๋ฌธ์„œ๋กœ ๋‹ค์‹œ ์žฌ๊ณ  ๊ทธ ์ˆซ์ž๊ฐ€ ๊ธฐ์ค€์„ ๋„˜๋Š”์ง€ ๋ณด์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.
์—ฌ๊ธฐ ์ ํžŒ ์ˆ˜์น˜๋Š” ์–ด๋””๊นŒ์ง€๋‚˜ ์ €ํฌ ์‹œํ—˜ ํ™˜๊ฒฝ ๊ฐ’์ž…๋‹ˆ๋‹ค. ๊ท€์‚ฌ ์ˆซ์ž๋Š” ๊ท€์‚ฌ ๋ฐ์ดํ„ฐ๋กœ๋งŒ ๋‚˜์˜ต๋‹ˆ๋‹ค.</p></div>
</div></section>
<!-- ๊ธฐ์ˆ  ๊ธฐ๋ฐ˜ -->
<section id="tech"><div class="wrap">
<div class="eyebrow">14 ยท ๊ธฐ์ˆ  ๊ธฐ๋ฐ˜</div>
<h2 class="h2">์ „๋žต์  ์ œํœด<span class="en">Strategic alliances</span></h2>
<p class="lead">์›์ฒœ ๊ธฐ์ˆ ์€ ์ œํœด๋กœ ํ™•๋ณดํ•˜๊ณ , ๋ฌถ์–ด์„œ ๊ณต๊ธ‰ํ•˜๊ณ  ์ฑ…์ž„์ง€๋Š” ๊ฑด ์ €ํฌ๊ฐ€ ํ•ฉ๋‹ˆ๋‹ค.
๋„ค ๊ฐ€์ง€ ๊ธฐ์ˆ  ๋•Œ๋ฌธ์— <strong>๋„ค ๊ตฐ๋ฐ์™€ ๋”ฐ๋กœ ๊ณ„์•ฝํ•˜์‹ค ์ผ์€ ์—†์Šต๋‹ˆ๋‹ค.</strong></p>
<div class="partners">
<div class="pt"><h4>๋น„๋“œ๋ž˜ํ”„ํŠธ ยท VIDRAFT</h4>
<p>๋ฌด์ƒ์„ฑ ํŒ์ • ์—”์ง„๊ณผ ์ถ”๋ก  ๊ฐ€์†. ์ „๋žต์  ์ œํœด ๋ฐ ๊ฐœ๋ฐœ ์ง€์›์œผ๋กœ ํ™•๋ณดํ–ˆ์Šต๋‹ˆ๋‹ค.</p>
<div class="tags"><span class="tag">ํ€€ํŠธ ํŒ์ •</span><span class="tag">ํ€€ํŠธ ๊ฐ€์†</span></div></div>
<div class="pt"><h4>์ง€๋‹ˆ์  AI ยท GINIGEN AI</h4>
<p>๋ชจ๋ธ ์–‘์žํ™”์™€ ์—ฃ์ง€ ๊ตฌ๋™. ์ „๋žต์  ์ œํœด ๋ฐ ๊ฐœ๋ฐœ ์ง€์›์œผ๋กœ ํ™•๋ณดํ–ˆ์Šต๋‹ˆ๋‹ค.</p>
<div class="tags"><span class="tag">ํ€€ํŠธ ์••์ถ•</span><span class="tag">ํ€€ํŠธ ์—ฃ์ง€</span></div></div>
</div>
</div></section>
<!-- ๋ฌธ์˜ -->
<section id="contact" style="border-bottom:none"><div class="wrap">
<div class="eyebrow">15 ยท ๋ฌธ์˜</div>
<h2 class="h2">์žฅ๋ถ€๋ถ€ํ„ฐ ๋ฝ‘์•„๋ณด์‹œ์ฃ <span class="en">Start with the ledger</span></h2>
<p class="lead">๋ญ˜ ๋„์ž…ํ• ์ง€ ์ •ํ•˜๊ธฐ ์ „์—, ์ง€๊ธˆ ์–ด๋””์— ์“ฐ๊ณ  ๊ณ„์‹ ์ง€๋ถ€ํ„ฐ ๋ณด๋Š” ๊ฒŒ ์ˆœ์„œ์ž…๋‹ˆ๋‹ค.</p>
<div class="panel" style="margin-top:34px; max-width:620px">
<div class="field"><label for="f-org">๊ธฐ๊ด€ ยท ํšŒ์‚ฌ๋ช…</label><input id="f-org" type="text"></div>
<div class="field"><label for="f-name">๋‹ด๋‹น์ž</label><input id="f-name" type="text"></div>
<div class="field"><label for="f-mail">์ด๋ฉ”์ผ</label><input id="f-mail" type="email"></div>
<div class="field"><label for="f-msg">๋‚ด์šฉ (์„ ํƒ)</label><input id="f-msg" type="text"></div>
<input id="f-hp" type="text" tabindex="-1" autocomplete="off" aria-hidden="true" style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0">
<button class="btn btn-p" id="send" style="width:100%">๋ฌธ์˜ ๋ณด๋‚ด๊ธฐ</button>
<p class="hint" id="sendMsg" style="margin:14px 0 0"></p>
</div>
</div></section>
<footer><div class="wrap">
<div class="fg">
<div>
<div class="logo" style="margin-bottom:16px; color:var(--ivory)">
<svg class="mark" aria-hidden="true"><use href="#qmark"/></svg>
<span><span class="wordmark">Quantid</span><span class="tl">The Trust Layer</span></span>
</div>
<p>AI ์›๊ฐ€๋ฅผ ๊ฒ€์นจํ•˜๋Š” ํšŒ์‚ฌ์ž…๋‹ˆ๋‹ค. ์ €ํฌ๋Š” ๋งŒ๋“ค์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์žฝ๋‹ˆ๋‹ค.</p>
</div>
<div>
<p><b>๊ณต๊ธ‰ ยท ํŒ๋งค</b><br>ํ€€ํŠธID</p>
<p style="margin-top:12px"><b>๊ธฐ์ˆ  ๊ธฐ๋ฐ˜</b><br>๋น„๋“œ๋ž˜ํ”„ํŠธ ยท ์ง€๋‹ˆ์  AI ์ „๋žต์  ์ œํœด</p>
</div>
</div>
<div class="legal">
์ด ํŽ˜์ด์ง€์˜ ์ˆ˜์น˜๋Š” ์ „๋ถ€ ์ €ํฌ ์‹œํ—˜ ํ™˜๊ฒฝ์—์„œ ์žฐ ๊ฐ’์ž…๋‹ˆ๋‹ค.
ํ™”๋ฉด ํ›„๋ณด๋ฅผ ์ถ”๋ฆด ๋•Œ์˜ ์ •๋‹ต ๋ณด์กด์œจ์€ <b>์˜์–ด ํ™”๋ฉด ๋ฐ์ดํ„ฐ๋กœ ์žฐ ๊ฐ’</b>์ž…๋‹ˆ๋‹ค. ํ•œ๊ตญ์–ด ํ™”๋ฉด์€ ๋„์ž… ๊ฒ€์ฆ ๋•Œ ๊ท€์‚ฌ ๋ฐ์ดํ„ฐ๋กœ ๋‹ค์‹œ ์žฝ๋‹ˆ๋‹ค.
๊ฐ€์† ๋ฐฐ์ˆ˜๋Š” ๋™์‹œ ์‚ฌ์šฉ์ž ์ˆ˜์— ๋”ฐ๋ผ ํฌ๊ฒŒ ๋‹ฌ๋ผ์ง‘๋‹ˆ๋‹ค(8๋ช…์ด๋ฉด 2.60๋ฐฐ, 256๋ช…์ด๋ฉด 1.33๋ฐฐ). ํ•œ ์ˆซ์ž๋งŒ ๋–ผ์–ด ์ธ์šฉํ•˜์ง€ ๋ง์•„ ์ฃผ์‹ญ์‹œ์˜ค.
์••์ถ• ๋“ฑ๊ธ‰์€ ์†์‹ค์ด ์—†๋‹ค๋Š” ๋œป์ด ์•„๋‹™๋‹ˆ๋‹ค. ์–ผ๋งˆ๋‚˜ ์žƒ๋Š”์ง€ ์žฌ์„œ ๋“ฑ๊ธ‰์œผ๋กœ ์ ์–ด๋’€๋‹ค๋Š” ๋œป์ž…๋‹ˆ๋‹ค.
<br><br>ยฉ 2026 ํ€€ํŠธID ยท QUANTID
</div>
</div></footer>
<script>
const $ = id => document.getElementById(id);
const fmt = n => Math.round(n).toLocaleString('ko-KR');
const GC = {A:'var(--gA)', B:'var(--gB)', C:'var(--gC)', D:'var(--gD)'};
/* ์‹ค์ธก 2์ ์— ๋งž์ถ˜ ๋ณด์ •๊ฐ’. ํ›„๋ณด 200๊ฐœ 4,444ํ† ํฐ ยท 50๊ฐœ 1,132ํ† ํฐ
๊ธฐ์šธ๊ธฐ (4444-1132)/(200-50)=22.08 tok/ํ›„๋ณด ยท ์ ˆํŽธ โ‰ˆ 28 */
const TOK_PER_CAND = 22.08, TOK_BASE = 28.0, KEEP = 50;
/* ๋™์‹œ ์‚ฌ์šฉ์ž๋ณ„ ์‹ค์ธก ์ฒ˜๋ฆฌ๋Ÿ‰ ๋ฐฐ์ˆ˜ */
const ACCEL = [[8,2.60],[32,2.02],[128,1.57],[256,1.33]];
function accel(u){
if (u <= ACCEL[0][0]) return ACCEL[0][1];
if (u >= ACCEL[ACCEL.length-1][0]) return ACCEL[ACCEL.length-1][1];
for (let i=0;i<ACCEL.length-1;i++){
const [u0,m0]=ACCEL[i], [u1,m1]=ACCEL[i+1];
if (u>=u0 && u<=u1) return m0 + (m1-m0)*((u-u0)/(u1-u0));
}
return ACCEL[ACCEL.length-1][1];
}
function grade(c1,c2,c3,c4){
if(!c1) return ['D','์•„์ง ์•ˆ ์žฌ๋ณด์‹  ์ƒํƒœ์ž…๋‹ˆ๋‹ค. ๊ฑด๋‹น ํ† ํฐ์„ ๋ชจ๋ฅด๋ฉด ์ค„์ผ ๋Œ€์ƒ ์ž์ฒด๊ฐ€ ์•ˆ ์žกํž™๋‹ˆ๋‹ค.'];
if(!c2) return ['C','์ด์•ก์€ ์•Œ๊ณ  ๊ณ„์‹œ๋Š”๊ตฐ์š”. ๊ทธ ์•ˆ์—์„œ ์–ด๋””๊ฐ€ ๋จน๋Š”์ง€๋Š” ์•„์ง ์•ˆ ๋ณด์ด๋Š” ์ƒํƒœ์ž…๋‹ˆ๋‹ค.'];
if(!c3) return ['C','์–ด๋””๊ฐ€ ๋จน๋Š”์ง€๋Š” ๋ณด์ด๋Š”๋ฐ ํ›„๋ณด๋ฅผ ๊ทธ๋Œ€๋กœ ๋„˜๊ธฐ๊ณ  ๊ณ„์‹ญ๋‹ˆ๋‹ค. ์ค„์ผ ์—ฌ์ง€๊ฐ€ ๋งŽ์ด ๋‚จ์•˜์Šต๋‹ˆ๋‹ค.'];
if(!c4) return ['B','์ž˜ ์žกํ˜€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค๋งŒ ๊ณ„๋Ÿ‰๊ธฐ๊ฐ€ ์•ˆ ๋Œ์•„์„œ ์—…๋ฌด ๋ฐ”๋€Œ๋ฉด ๋˜๋Œ์•„๊ฐ‘๋‹ˆ๋‹ค.'];
return ['A','์žฌ๊ณ , ๋‚˜๋ˆ„๊ณ , ์ค„์ด๋Š” ๊ฒŒ ๋‹ค ๋Œ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.'];
}
const CAVEATS = [
'์ž…๋ ฅ ํ† ํฐ์€ ์‹ค์ œ๋กœ ์žฐ ๋‘ ์ (ํ›„๋ณด 200๊ฐœ 4,444ํ† ํฐ, 50๊ฐœ 1,132ํ† ํฐ)์— ๋งž์ถฐ ๊ณ„์‚ฐํ•œ ๊ฐ’์ž…๋‹ˆ๋‹ค.',
'๊ฐ€์† ๋ฐฐ์ˆ˜๋Š” ๋™์‹œ ์‚ฌ์šฉ์ž์— ๋”ฐ๋ผ ๋งŽ์ด ๋‹ฌ๋ผ์ง‘๋‹ˆ๋‹ค. 8๋ช…์ด๋ฉด 2.60๋ฐฐ, 256๋ช…์ด๋ฉด 1.33๋ฐฐ์ž…๋‹ˆ๋‹ค.',
'ํ›„๋ณด๋ฅผ ์ถ”๋ฆด ๋•Œ์˜ ์ •๋‹ต ๋ณด์กด์œจ์€ ์˜์–ด ํ™”๋ฉด์œผ๋กœ ์žฐ ๊ฐ’์ž…๋‹ˆ๋‹ค. ํ•œ๊ตญ์–ด ํ™”๋ฉด์€ ๋„์ž… ๊ฒ€์ฆ ๋•Œ ๊ท€์‚ฌ ๋ฐ์ดํ„ฐ๋กœ ๋‹ค์‹œ ์žฝ๋‹ˆ๋‹ค.',
'์••์ถ•์€ ๋ˆ์„ ์•„๋ผ์ง€ ์‹œ๊ฐ„์„ ์•„๋ผ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์‹œ๊ฐ„์€ ๊ฐ€์† ์ชฝ์ด ๋งก์Šต๋‹ˆ๋‹ค.'
];
$('run').addEventListener('click', () => {
const cand = Math.max(1, +$('cand').value || 1);
const mon = Math.max(1, +$('mon').value || 1);
const usr = Math.max(1, +$('usr').value || 1);
const price = $('pri').value.trim() === '' ? null : +$('pri').value;
const kept = Math.min(KEEP, cand);
const before = TOK_PER_CAND*cand + TOK_BASE;
const after = TOK_PER_CAND*kept + TOK_BASE;
const saved = Math.max(0, before-after) * mon;
const mult = accel(usr);
const [g, note] = grade($('c1').checked,$('c2').checked,$('c3').checked,$('c4').checked);
$('rLetter').textContent = g;
$('rLetter').style.color = GC[g];
$('rNote').textContent = note;
$('rBefore').textContent = fmt(before) + ' ํ† ํฐ';
$('rAfter').textContent = fmt(after) + ' ํ† ํฐ';
$('rRatio').textContent = (before/after).toFixed(2) + '๋ฐฐ';
$('rSaved').textContent = fmt(saved) + ' ํ† ํฐ';
$('rUsers').textContent = '(' + usr + '๋ช…)';
$('rMult').textContent = mult.toFixed(2) + '๋ฐฐ';
$('rGpu').textContent = Math.round(100/mult) + '%';
if (price !== null && !isNaN(price)) {
$('rMoneyRow').style.display = 'flex';
$('rMoney').textContent = fmt(saved/1e6*price) + '์›';
} else {
$('rMoneyRow').style.display = 'none';
}
$('rCav').innerHTML = CAVEATS.map(c => '<li>'+c+'</li>').join('');
$('res').classList.add('on');
});
/* ๋ฌธ์˜. ์ˆ˜์‹ ๋ถ€(quantid/QUANTID)๋กœ ๋ณด๋‚ด ๋น„๊ณต๊ฐœ ๋ฐ์ดํ„ฐ์…‹์— ์Œ“๋Š”๋‹ค */
const INBOX = 'https://quantid-quantid.hf.space/api/contact';
$('send').addEventListener('click', async () => {
const btn=$('send'), out=$('sendMsg');
const org=$('f-org').value.trim(), name=$('f-name').value.trim(),
mail=$('f-mail').value.trim(), msg=$('f-msg').value.trim();
if(!org || !name || !mail){ out.textContent='๊ธฐ๊ด€๋ช…, ๋‹ด๋‹น์ž, ์ด๋ฉ”์ผ์„ ์ฑ„์›Œ์ฃผ์‹ญ์‹œ์˜ค.'; return; }
if(!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(mail)){ out.textContent='์ด๋ฉ”์ผ ์ฃผ์†Œ๋ฅผ ๋‹ค์‹œ ํ™•์ธํ•ด ์ฃผ์‹ญ์‹œ์˜ค.'; return; }
btn.disabled=true; out.textContent='๋ณด๋‚ด๋Š” ์ค‘์ž…๋‹ˆ๋‹คโ€ฆ';
try{
const r = await fetch(INBOX, {method:'POST', headers:{'Content-Type':'application/json'},
body: JSON.stringify({org, name, mail, msg, website: $('f-hp') ? $('f-hp').value : ''})});
const d = await r.json();
if(d.ok){
out.textContent='์ ‘์ˆ˜๋์Šต๋‹ˆ๋‹ค. ์˜์—…์ผ ๊ธฐ์ค€ ํ•˜๋ฃจ ์•ˆ์— ๋‹ต ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. (์ ‘์ˆ˜๋ฒˆํ˜ธ '+(d.id||'-')+')';
['f-org','f-name','f-mail','f-msg'].forEach(k=>{ if($(k)) $(k).value=''; });
} else {
out.textContent = d.error || '๋ณด๋‚ด์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค. ์ž ์‹œ ํ›„ ๋‹ค์‹œ ์‹œ๋„ํ•ด ์ฃผ์‹ญ์‹œ์˜ค.';
btn.disabled=false;
}
}catch(e){
out.textContent='๋ณด๋‚ด์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค. ๋„คํŠธ์›Œํฌ๋ฅผ ํ™•์ธํ•˜์‹œ๊ฑฐ๋‚˜ ์ž ์‹œ ํ›„ ๋‹ค์‹œ ์‹œ๋„ํ•ด ์ฃผ์‹ญ์‹œ์˜ค.';
btn.disabled=false;
}
});
/* ===== 09 ยท ๋Œ€์กฐ. ์—…๊ณ„ ๊ธฐ๋ก ์œ„์— ์ง€๊ธˆ ์„ค์ • ์ฐ๊ธฐ ===== */
(function(){
var B=null, $b=function(i){return document.getElementById(i)};
var W=560,H=400, L=58,R=14,T=18,Bm=44;
var FX=function(n){return n.toLocaleString('ko-KR')};
function han(n){ if(n>=1e12) return (n/1e12).toFixed(1)+'์กฐ';
if(n>=1e8) return (n/1e8).toFixed(n>=1e9?0:1)+'์–ต';
if(n>=1e4) return Math.round(n/1e4).toLocaleString('ko-KR')+'๋งŒ';
return FX(Math.round(n)); }
fetch('board.json').then(function(r){return r.json()}).then(function(d){B=d; init();})
.catch(function(){ $b('bNote').innerHTML='<p>๋Œ€์กฐ ์ž๋ฃŒ๋ฅผ ๋ถˆ๋Ÿฌ์˜ค์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค.</p>'; });
function init(){
var gs=Object.keys(B.hw).filter(function(k){
return B.records.some(function(r){return r.g===k}); }).sort();
$b('bGpu').innerHTML=gs.map(function(k){
var n=B.records.filter(function(r){return r.g===k}).length;
return '<option value="'+k+'">'+k+' ('+n+'๊ฑด)</option>'; }).join('');
$b('bGpu').value=gs.slice().sort(function(a,b){
return B.records.filter(function(r){return r.g===b}).length
- B.records.filter(function(r){return r.g===a}).length; })[0];
$b('bQ').innerHTML=Object.keys(B.bpp).map(function(q){
return '<option value="'+q+'"'+(q==='FP8'?' selected':'')+'>'+q+'</option>'; }).join('');
var withC=B.records.filter(function(r){return r.c}).length;
$b('bMeta').textContent='ยท ๊ธฐ๋ก '+B.records.length+'๊ฑด ยท GPU '+Object.keys(B.hw).length+'์ข… ยท ๊ธฐ์ค€์ผ '+B.updated;
$b('bSrc').textContent='์ „๋ ฅ์€ ์ œ์กฐ์‚ฌ๊ฐ€ ์ ์–ด๋‘” ์ •๊ฒฉ์ด๋ผ ์‹ค์ œ ์“ฐ๋Š” ์–‘๋ณด๋‹ค ๋„‰๋„‰ํ•˜๊ฒŒ ์žกํž™๋‹ˆ๋‹ค. CPU์™€ ๋ƒ‰๊ฐ์€ ์•ˆ ๋“ค์–ด๊ฐ”์Šต๋‹ˆ๋‹ค. '+
'ํด๋ผ์šฐ๋“œ ๊ฐ’์€ '+(B.src.price_by||[]).join(' ยท ')+'๊ฐ€ '+B.src.as_of+'์— ๋‚ด๊ฑด ์ •๊ฐ€๊ณ , ์•ฝ์ •ํ•˜๋ฉด ์ด๋ณด๋‹ค ์Œ‰๋‹ˆ๋‹ค. '+
'๋™์‹œ ์‚ฌ์šฉ์ž ์ˆ˜๋Š” '+B.records.length+'๊ฑด ๊ฐ€์šด๋ฐ '+withC+'๊ฑด๋งŒ ๊ณต๊ฐœ๋ผ ์žˆ์–ด(MLPerf๋Š” ๋ฐฐ์น˜ ํฌ๊ธฐ๋ฅผ ์•ˆ ๋ฐํž™๋‹ˆ๋‹ค) '+
'๊ฐ€๋กœ์ถ•์€ ๋ชจ๋‘๊ฐ€ ๋ฐํžŒ ๋ชจ๋ธ ํฌ๊ธฐ๋กœ ์žก์•˜์Šต๋‹ˆ๋‹ค. ๋‘˜ ๋‹ค ๊ฒฌ์ ์ด ์•„๋‹ˆ๋ผ ์„œ๋กœ ๊ฒฌ์ฃผ๋Š” ์žฃ๋Œ€๋กœ ๋ด์ฃผ์‹ญ์‹œ์˜ค.';
['bGpu','bQ','bTot','bAct','bCon','bGn','bMon','bOut','bKwh'].forEach(function(id){
var e=$b(id); if(!e) return;
e.addEventListener('input', calc); e.addEventListener('change', calc); });
calc();
}
/* ๋ฌผ๋ฆฌ ์ƒํ•œ. ๋””์ฝ”๋“œ ํ•œ ์Šคํ…์€ ํ™œ์„ฑ ๊ฐ€์ค‘์น˜๋ฅผ ํ•œ ๋ฒˆ ์ฝ๋Š”๋‹ค */
function ceil(hw, actB, q, con){
if(!hw||!hw.bw||!actB) return null;
return con*(hw.bw*1e12)/(actB*1e9*(B.bpp[q]||1));
}
function calc(){
var g=$b('bGpu').value; if(!g||!B) return;
var hw=B.hw[g], q=$b('bQ').value,
tot=+$b('bTot').value||1, act=+$b('bAct').value||1,
con=+$b('bCon').value||1, mon=+$b('bMon').value||1,
out=+$b('bOut').value||1, kwh=+$b('bKwh').value||0;
var peers=B.records.filter(function(r){return r.g===g});
var cap=ceil(hw, act, q, con);
/* ๋น„์Šทํ•œ ํฌ๊ธฐ ๋ชจ๋ธ์˜ ์‹ค์ธก์— ๊ฒฌ์ค€๋‹ค */
var near=peers.filter(function(r){return r.tb && r.tb>=tot/2.5 && r.tb<=tot*2.5});
var basis=near.length>=3?near:peers;
var est=null;
if(basis.length){
var a=basis.map(function(r){return r.pg}).sort(function(x,y){return x-y});
est=a[Math.floor(a.length/2)];
}
var cut=false;
if(est&&cap&&est>cap){ est=cap; cut=true; }
draw(peers, cap, tot, est);
if(!est){
$b('bNote').innerHTML='<p>์ด GPU๋Š” ๊ธฐ๋ก์ด ๋ชจ์ž๋ผ์„œ ์ถ”์ •ํ•˜์ง€ ์•Š๊ฒ ์Šต๋‹ˆ๋‹ค. ์—†๋Š” ์ˆซ์ž๋ฅผ ์ง€์–ด๋‚ด๋Š” ๊ฒƒ๋ณด๋‹ค ๋‚ซ์Šต๋‹ˆ๋‹ค.</p>';
['kRank','kGpu','kPow','kUsd'].forEach(function(i){$b(i).textContent='-'});
return;
}
var better=peers.filter(function(r){return r.pg>est}).length;
$b('kRank').textContent='์ƒ์œ„ '+Math.max(1,Math.round((better+1)/peers.length*100))+'%';
$b('kRankSub').textContent=g+' ๊ธฐ๋ก '+peers.length+'๊ฑด ๊ฐ€์šด๋ฐ';
var needTok=mon*out, need=Math.max(1, Math.ceil(needTok/(est*3600*24*30.4)));
$b('kGpu').textContent=FX(need)+'์žฅ';
$b('kGpuSub').textContent='ํ•œ ๋‹ฌ '+han(needTok)+' ํ† ํฐ์„ ๋„˜๊ธฐ๋ ค๋ฉด';
if(hw.w){ var kW=need*hw.w/1000, mWh=kW*730;
$b('kPow').textContent=FX(Math.round(mWh*kwh))+'์›';
$b('kPowSub').textContent=FX(Math.round(mWh))+' kWh ยท '+kW.toFixed(1)+' kW';
} else { $b('kPow').textContent='-'; $b('kPowSub').textContent='์ด GPU๋Š” ์ •๊ฒฉ์ด ๊ณต๊ฐœ ์•ˆ ๋จ'; }
if(hw.usd){ var usd=need*hw.usd*730;
$b('kUsd').textContent=FX(Math.round(usd*1380/1e4))+'๋งŒ์›';
$b('kUsdSub').textContent='$'+FX(Math.round(usd))+' ยท ํ™˜์œจ 1,380์›';
} else { $b('kUsd').textContent='-'; $b('kUsdSub').textContent='๊ณต๊ฐœ๋œ ์‹œ๊ฐ„๋‹น ๋‹จ๊ฐ€๊ฐ€ ์—†์Œ'; }
var others=basis.filter(function(r){return !r.own}).length;
$b('bNote').innerHTML='<p>์ด ์„ค์ •์ด๋ฉด <strong>GPU ํ•œ ์žฅ์— ์ดˆ๋‹น '+FX(Math.round(est))+'ํ† ํฐ</strong>์ฏค ๋‚˜์˜ต๋‹ˆ๋‹ค. '+
tot+'B ์•ˆํŒŽ ๋ชจ๋ธ์„ '+g+'์—์„œ ๋Œ๋ฆฐ ๊ธฐ๋ก '+basis.length+'๊ฑด'+
(others?'(๋‚จ์ด ์žฐ ๊ฒƒ '+others+'๊ฑด ํฌํ•จ)':'')+'์˜ ํ•œ๊ฐ€์šด๋ฐ ๊ฐ’์ž…๋‹ˆ๋‹ค'+
(cut?'. ์›๋ž˜ ์ค‘์•™๊ฐ’์€ ๋ฌผ๋ฆฌ์ ์œผ๋กœ ๋ถˆ๊ฐ€๋Šฅํ•œ ์ˆ˜์ค€์ด๋ผ ์ƒํ•œ๊นŒ์ง€ ๋‚ฎ์ท„์Šต๋‹ˆ๋‹ค':'')+'. '+
'<b>์ง์ ‘ ์žฐ ๊ฒŒ ์•„๋‹ˆ๋ผ ๋‚จ์˜ ๊ธฐ๋ก์— ๊ฒฌ์ค˜ ๋ณธ ๊ฐ’</b>์ด๋ผ ๋ชจ๋ธ์ด๋‚˜ ์„œ๋ฒ„ ์„ค์ •์ด ๋‹ค๋ฅด๋ฉด ๋‹ฌ๋ผ์ง‘๋‹ˆ๋‹ค. '+
'๋„์ž… ๊ฒ€ํ† ํ•˜์‹ค ๋•Œ ์“ฐ์‹œ๋Š” ์žฅ๋น„์—์„œ ์ง์ ‘ ์žฌ ๋“œ๋ฆฝ๋‹ˆ๋‹ค.'+
(cap?' ์ฐธ๊ณ ๋กœ ์ด ์กฐํ•ฉ์ด ๋ฌผ๋ฆฌ์ ์œผ๋กœ ๋„˜์„ ์ˆ˜ ์—†๋Š” ์„ ์€ ์ดˆ๋‹น '+FX(Math.round(cap))+'ํ† ํฐ์ž…๋‹ˆ๋‹ค.':'')+'</p>';
$b('bTop').innerHTML=peers.slice().sort(function(a,b){return b.pg-a.pg}).slice(0,8)
.map(function(r,i){
return '<tr'+(r.own?' class="mine"':'')+'><td>'+(i+1)+'</td><td>'+(r.m||'-')+
'</td><td>'+(r.by||'-')+'</td><td class="n">'+(r.tb?r.tb+'B':'-')+
'</td><td class="n">'+FX(r.pg)+'</td><td><span class="gr g-'+(r.gr||'')+'">'+(r.gr||'-')+'</span></td></tr>';
}).join('');
}
function draw(peers, cap, tot, est){
var pts=peers.filter(function(r){return r.tb});
var xs=pts.map(function(r){return r.tb}).concat([tot]),
ys=pts.map(function(r){return r.pg}).concat(est?[est]:[]);
if(!xs.length) { $b('plot').innerHTML=''; return; }
var x0=Math.max(.3,Math.min.apply(null,xs)), x1=Math.max.apply(null,xs),
y0=Math.max(.5,Math.min.apply(null,ys)), y1=Math.max.apply(null,ys);
x1=Math.max(x1,x0*2); y1=Math.max(y1,y0*2);
var lx=function(v){return L+(Math.log10(Math.min(Math.max(v,x0),x1))-Math.log10(x0))/(Math.log10(x1)-Math.log10(x0))*(W-L-R)},
ly=function(v){return H-Bm-(Math.log10(Math.min(Math.max(v,y0),y1))-Math.log10(y0))/(Math.log10(y1)-Math.log10(y0))*(H-T-Bm)};
var s='<g font-family="IBM Plex Sans KR, sans-serif">', p;
for(p=Math.ceil(Math.log10(y0)); p<=Math.floor(Math.log10(y1)); p++){
var yy=ly(Math.pow(10,p)), lab=Math.pow(10,p);
s+='<line x1="'+L+'" y1="'+yy+'" x2="'+(W-R)+'" y2="'+yy+'" stroke="#DCD6C9" stroke-dasharray="2 3"/>'+
'<text x="'+(L-7)+'" y="'+(yy+4)+'" text-anchor="end" font-size="9.5" fill="#8A8F98">'+
(lab>=1000?(lab/1000)+'k':lab)+'</text>';
}
for(p=Math.ceil(Math.log10(x0)); p<=Math.floor(Math.log10(x1)); p++){
var xx=lx(Math.pow(10,p));
s+='<text x="'+xx+'" y="'+(H-Bm+16)+'" text-anchor="middle" font-size="9.5" fill="#8A8F98">'+Math.pow(10,p)+'B</text>';
}
s+='<line x1="'+L+'" y1="'+(H-Bm)+'" x2="'+(W-R)+'" y2="'+(H-Bm)+'" stroke="#C4BCAB"/>'+
'<line x1="'+L+'" y1="'+T+'" x2="'+L+'" y2="'+(H-Bm)+'" stroke="#C4BCAB"/>'+
'<text x="'+((W+L)/2)+'" y="'+(H-8)+'" text-anchor="middle" font-size="11" fill="#4A515C">๋ชจ๋ธ ํฌ๊ธฐ ยท ์ด ํŒŒ๋ผ๋ฏธํ„ฐ (๋กœ๊ทธ)</text>'+
'<text x="14" y="'+((H-Bm+T)/2)+'" text-anchor="middle" font-size="11" fill="#4A515C" transform="rotate(-90 14 '+((H-Bm+T)/2)+')">GPU ํ•œ ์žฅ๋‹น ์ดˆ๋‹น ํ† ํฐ (๋กœ๊ทธ)</text>';
if(cap){
var off=cap>y1, cy=off?T+4:ly(cap);
s+='<line x1="'+L+'" y1="'+cy+'" x2="'+(W-R)+'" y2="'+cy+'" stroke="#B0432C" stroke-width="1.6" stroke-dasharray="6 4" opacity="'+(off?'.4':'1')+'"/>'+
'<text x="'+(W-R-4)+'" y="'+(cy+(off?14:-6))+'" text-anchor="end" font-size="10" font-weight="700" fill="#B0432C">'+
'๋„˜์„ ์ˆ˜ ์—†๋Š” ์„  '+FX(Math.round(cap))+(off?' (์ถ• ๋ฐ–)':'')+'</text>';
}
pts.forEach(function(r){
s+='<circle cx="'+lx(r.tb).toFixed(1)+'" cy="'+ly(r.pg).toFixed(1)+'" r="'+(r.own?4.6:3.2)+
'" fill="'+(r.own?'#3963CF':'#B8B0A0')+'" opacity="'+(r.own?'.95':'.5')+'"><title>'+
(r.m||'')+' ยท '+(r.by||'')+' ยท '+(r.tb||'?')+'B ยท '+FX(r.pg)+' tok/s/GPU ยท '+(r.gr||'')+'</title></circle>';
});
if(est){
var px=lx(tot), py=ly(est);
s+='<circle cx="'+px+'" cy="'+py+'" r="13" fill="#2A7A4F" opacity=".15"/>'+
'<circle cx="'+px+'" cy="'+py+'" r="6" fill="#2A7A4F" stroke="#fff" stroke-width="2"/>'+
'<text x="'+(px<W-90?px+14:px-14)+'" y="'+(py-11)+'" text-anchor="'+(px<W-90?'start':'end')+
'" font-size="11.5" font-weight="700" fill="#2A7A4F">์ง€๊ธˆ ์„ค์ •</text>';
}
$b('plot').innerHTML=s+'</g>';
}
})();
</script>
</body>
</html>