quantid commited on
Commit
2fad39b
·
verified ·
1 Parent(s): 0ba1fb9

10 성적 섹션: 공인 벤치마크 48개 실시간 지도 + 1위 10개 + 디지털타임스 보도 / 엠대시 30개 전량 제거(P0)

Browse files
Files changed (1) hide show
  1. index.html +133 -34
index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="utf-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1">
6
- <title>퀀트ID · 토큰 검침 — AI 원가를 재고 등급을 매깁니다</title>
7
  <meta name="description" content="AI에 돈이 얼마 나가는지는 알아도 어디로 나가는지는 모릅니다. 퀀트ID는 업무 한 건이 토큰 몇 개를 먹는지부터 재 드립니다. 토큰 원장 · 토큰 등급 · 퀀트 4형제. 망 안에서 돌아갑니다.">
8
  <meta property="og:title" content="퀀트ID · 토큰 검침">
9
  <meta property="og:description" content="버는 건 원, 쓰는 건 토큰. 그 사이 환율을 아는 회사가 없습니다. 퀀트ID가 그 환율을 잽니다.">
@@ -243,6 +243,28 @@ table.brank tr.mine td{font-weight:600}
243
  .band .bcut{margin-top:12px;padding-top:10px;border-top:1px solid #2C333F;
244
  font-size:11.5px;color:#8C93A0}
245
  @media(max-width:880px){.band .bgrid{grid-template-columns:1fr;gap:30px}}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
246
  </style>
247
  </head>
248
  <body>
@@ -275,6 +297,7 @@ table.brank tr.mine td{font-weight:600}
275
  <a href="#marks">인증 마크</a>
276
  <a href="#proof">실측</a>
277
  <a href="#board">업계 대조</a>
 
278
  <a href="#self">자가 검침</a>
279
  <a href="#contact">문의</a>
280
  </div>
@@ -295,7 +318,7 @@ table.brank tr.mine td{font-weight:600}
295
  </div>
296
  <div style="display:flex; justify-content:center">
297
  <svg viewBox="0 0 100 100" style="width:min(300px,70vw); color:var(--obsidian)" role="img"
298
- aria-label="퀀트ID 심볼 — 궤도 하나, 전자 하나, 검증된 정체 하나">
299
  <use href="#qmark"/>
300
  </svg>
301
  </div>
@@ -510,8 +533,8 @@ table.brank tr.mine td{font-weight:600}
510
  <div class="tw"><table>
511
  <thead><tr><th>항목</th><th>어디서 잰 값인가</th><th>아직 안 잰 것</th></tr></thead>
512
  <tbody>
513
- <tr><td>화면 후보 추리기</td><td>영어 화면 데이터셋</td><td><b>한국어 화면</b> — 도입 검증 때 귀사 데이터로 잽니다</td></tr>
514
- <tr><td>판정 정확도</td><td>우리 2,018문항 보드</td><td>귀사 업무 분포 — 프로파일 재생성 후 재측정</td></tr>
515
  <tr><td>가속 배수</td><td>동시 사용자 8 / 32 / 128 / 256명</td><td>그 밖의 구간, 귀사 트래픽 형상</td></tr>
516
  <tr><td>압축 등급</td><td>Q8은 사실상 그대로, Q4는 프로파일 재생성 필요</td><td>더 낮은 등급의 업무별 허용선</td></tr>
517
  <tr><td>엣지 구동</td><td>한계는 용량이 아니라 메모리 대역폭</td><td>귀사 현장 장비에서의 실제 상한</td></tr>
@@ -715,13 +738,13 @@ table.brank tr.mine td{font-weight:600}
715
 
716
  <div class="grid g4 bcards">
717
  <div class="card kpi"><div class="num">순위</div>
718
- <div class="big" id="kRank">—</div><div class="sub" id="kRankSub">GPU를 고르면 계산됩니다</div></div>
719
  <div class="card kpi"><div class="num">필요 장수</div>
720
- <div class="big" id="kGpu">—</div><div class="sub" id="kGpuSub">이 물량을 감당하려면</div></div>
721
  <div class="card kpi"><div class="num">월 전기요금</div>
722
- <div class="big" id="kPow">—</div><div class="sub" id="kPowSub">GPU만 · 정격 기준</div></div>
723
  <div class="card kpi"><div class="num">월 클라우드</div>
724
- <div class="big" id="kUsd">—</div><div class="sub" id="kUsdSub">빌려 쓴다면</div></div>
725
  </div>
726
 
727
  <div class="note" id="bNote"><p>GPU를 고르면 계산합니다.</p></div>
@@ -734,9 +757,85 @@ table.brank tr.mine td{font-weight:600}
734
  <p class="hint" id="bSrc"></p>
735
  </div></section>
736
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
737
  <!-- 자가 검침 -->
738
  <section id="self"><div class="wrap">
739
- <div class="eyebrow">10 · 무료</div>
740
  <h2 class="h2">자가 검침<span class="en">Self-Metering</span></h2>
741
  <p class="lead">숫자 세 개, 질문 네 개면 지금 등급이 나옵니다. 입력하신 건 저장하지 않습니다.</p>
742
  <div class="meter">
@@ -747,7 +846,7 @@ table.brank tr.mine td{font-weight:600}
747
  <input id="mon" type="number" value="1000000" min="1"></div>
748
  <div class="field"><label for="usr">동시 사용자 수</label>
749
  <input id="usr" type="number" value="32" min="1" max="100000"></div>
750
- <div class="field"><label for="pri">입력 100만 토큰당 단가 (원) — 선택</label>
751
  <input id="pri" type="number" placeholder="비워두면 환산하지 않습니다" min="0"></div>
752
  <p class="hint">망 안에서 직접 돌리시면 토큰 단가라는 게 없습니다. 비워두시면 토큰 개수로만 보여드립니다.</p>
753
  <div class="checks">
@@ -759,15 +858,15 @@ table.brank tr.mine td{font-weight:600}
759
  <button class="btn btn-p" id="run" style="width:100%">검침하기</button>
760
  </div>
761
  <div class="panel result" id="res">
762
- <div class="rg"><div class="letter" id="rLetter">—</div><div class="txt" id="rNote"></div></div>
763
  <div class="rows">
764
- <div class="row"><span>현재 입력 토큰 / 건</span><b id="rBefore">—</b></div>
765
- <div class="row"><span>퀀트 판정 적용 후 / 건</span><b id="rAfter">—</b></div>
766
- <div class="row"><span>압축 배수</span><b id="rRatio">—</b></div>
767
- <div class="row"><span>월 절감 토큰</span><b id="rSaved">—</b></div>
768
- <div class="row"><span>퀀트 가속 배수 <span id="rUsers" class="mono" style="color:var(--ink3)"></span></span><b id="rMult">—</b></div>
769
- <div class="row"><span>같은 업무량의 GPU 장수</span><b id="rGpu">—</b></div>
770
- <div class="row" id="rMoneyRow" style="display:none"><span>월 절감액</span><b id="rMoney">—</b></div>
771
  </div>
772
  <ul class="cav" id="rCav"></ul>
773
  </div>
@@ -776,15 +875,15 @@ table.brank tr.mine td{font-weight:600}
776
 
777
  <!-- 산업별 -->
778
  <section id="sectors"><div class="wrap">
779
- <div class="eyebrow">11 · 용처</div>
780
  <h2 class="h2">밖으로 못 내보내는 일이 많은 곳부터<span class="en">Where the work cannot leave the network</span></h2>
781
  <div class="grid g4">
782
  <div class="card"><h3>금융</h3><p>여신·수신 원장 화면 조작, 개인신용정보 구간 판정, 자동화 결정 설명 근거, 이상거래 알람 선별.</p>
783
- <div class="cut">전자금융감독규정 망분리 — 개인신용정보는 예외 불가</div></div>
784
  <div class="card"><h3>보건 · 의료</h3><p>EMR·OCS 화면 업무, 건��정보 비식별화, 동의서 조항 선별, 의무기록 검색 재순위.</p>
785
  <div class="cut">개인정보 보호법 제23조 민감정보</div></div>
786
  <div class="card"><h3>공공 · 국방</h3><p>완전 폐쇄망 문서·행정, 비공개 사유 후보 분류, 반출 전 점검, 사이버 관제 알람 선별.</p>
787
- <div class="cut">AI 기본법 제35조 — 영향평가 제품 우선 고려</div></div>
788
  <div class="card"><h3>IT · 제조</h3><p>되돌릴 수 없는 명령의 실행 직전 판정, ERP·그룹웨어 화면 업무, 비밀정보 탐지, 관제 선별.</p>
789
  <div class="cut">기존 도구·모델 교체 없이 훅으로 삽입</div></div>
790
  </div>
@@ -796,7 +895,7 @@ table.brank tr.mine td{font-weight:600}
796
 
797
  <!-- 검침 구독 -->
798
  <section id="engage"><div class="wrap">
799
- <div class="eyebrow">12 · 도입</div>
800
  <h2 class="h2">검침 구독<span class="en">Metering Subscription</span></h2>
801
  <div class="steps">
802
  <div class="step"><div class="sn">STEP 1</div><h4>자가 검침</h4><p>이 페이지에서 등급부터 보십시오. 자료 주실 것 없습니다.</p><div class="dur">바로 · 무료</div></div>
@@ -811,7 +910,7 @@ table.brank tr.mine td{font-weight:600}
811
 
812
  <!-- 기술 기반 -->
813
  <section id="tech"><div class="wrap">
814
- <div class="eyebrow">13 · 기술 기반</div>
815
  <h2 class="h2">전략적 제휴<span class="en">Strategic alliances</span></h2>
816
  <p class="lead">원천 기술은 제휴로 확보하고, 묶어서 공급하고 책임지는 건 저희가 합니다.
817
  네 가지 기술 때문에 <strong>네 군데와 따로 계약하실 일은 없습니다.</strong></p>
@@ -827,7 +926,7 @@ table.brank tr.mine td{font-weight:600}
827
 
828
  <!-- 문의 -->
829
  <section id="contact" style="border-bottom:none"><div class="wrap">
830
- <div class="eyebrow">14 · 문의</div>
831
  <h2 class="h2">장부부터 뽑아보시죠<span class="en">Start with the ledger</span></h2>
832
  <p class="lead">뭘 도입할지 정하기 전에, 지금 어디에 쓰고 계신지부터 보는 게 순서입니다.</p>
833
  <div class="panel" style="margin-top:34px; max-width:620px">
@@ -869,7 +968,7 @@ const $ = id => document.getElementById(id);
869
  const fmt = n => Math.round(n).toLocaleString('ko-KR');
870
  const GC = {A:'var(--gA)', B:'var(--gB)', C:'var(--gC)', D:'var(--gD)'};
871
 
872
- /* 실측 2점에 맞춘 보정값 — 후보 200개 4,444토큰 · 50개 1,132토큰
873
  기울기 (4444-1132)/(200-50)=22.08 tok/후보 · 절편 ≈ 28 */
874
  const TOK_PER_CAND = 22.08, TOK_BASE = 28.0, KEEP = 50;
875
  /* 동시 사용자별 실측 처리량 배수 */
@@ -930,7 +1029,7 @@ $('run').addEventListener('click', () => {
930
  $('res').classList.add('on');
931
  });
932
 
933
- /* 문의 — 수신부(quantid/QUANTID)로 보내 비공개 데이터셋에 쌓는다 */
934
  const INBOX = 'https://quantid-quantid.hf.space/api/contact';
935
  $('send').addEventListener('click', async () => {
936
  const btn=$('send'), out=$('sendMsg');
@@ -956,7 +1055,7 @@ $('send').addEventListener('click', async () => {
956
  }
957
  });
958
 
959
- /* ===== 09 · 대조 — 업계 기록 위에 지금 설정 찍기 ===== */
960
  (function(){
961
  var B=null, $b=function(i){return document.getElementById(i)};
962
  var W=560,H=400, L=58,R=14,T=18,Bm=44;
@@ -995,7 +1094,7 @@ $('send').addEventListener('click', async () => {
995
  calc();
996
  }
997
 
998
- /* 물리 상한 — 디코드 한 스텝은 활성 가중치를 한 번 읽는다 */
999
  function ceil(hw, actB, q, con){
1000
  if(!hw||!hw.bw||!actB) return null;
1001
  return con*(hw.bw*1e12)/(actB*1e9*(B.bpp[q]||1));
@@ -1026,7 +1125,7 @@ $('send').addEventListener('click', async () => {
1026
 
1027
  if(!est){
1028
  $b('bNote').innerHTML='<p>이 GPU는 기록이 모자라서 추정하지 않겠습니다. 없는 숫자를 지어내는 것보다 낫습니다.</p>';
1029
- ['kRank','kGpu','kPow','kUsd'].forEach(function(i){$b(i).textContent='—'});
1030
  return;
1031
  }
1032
 
@@ -1041,12 +1140,12 @@ $('send').addEventListener('click', async () => {
1041
  if(hw.w){ var kW=need*hw.w/1000, mWh=kW*730;
1042
  $b('kPow').textContent=FX(Math.round(mWh*kwh))+'원';
1043
  $b('kPowSub').textContent=FX(Math.round(mWh))+' kWh · '+kW.toFixed(1)+' kW';
1044
- } else { $b('kPow').textContent='—'; $b('kPowSub').textContent='이 GPU는 정격이 공개 안 됨'; }
1045
 
1046
  if(hw.usd){ var usd=need*hw.usd*730;
1047
  $b('kUsd').textContent=FX(Math.round(usd*1380/1e4))+'만원';
1048
  $b('kUsdSub').textContent='$'+FX(Math.round(usd))+' · 환율 1,380원';
1049
- } else { $b('kUsd').textContent='—'; $b('kUsdSub').textContent='공개된 시간당 단가가 없음'; }
1050
 
1051
  var others=basis.filter(function(r){return !r.own}).length;
1052
  $b('bNote').innerHTML='<p>이 설정이면 <strong>GPU 한 장에 초당 '+FX(Math.round(est))+'토큰</strong>쯤 나옵니다. '+
@@ -1059,9 +1158,9 @@ $('send').addEventListener('click', async () => {
1059
 
1060
  $b('bTop').innerHTML=peers.slice().sort(function(a,b){return b.pg-a.pg}).slice(0,8)
1061
  .map(function(r,i){
1062
- return '<tr'+(r.own?' class="mine"':'')+'><td>'+(i+1)+'</td><td>'+(r.m||'—')+
1063
- '</td><td>'+(r.by||'—')+'</td><td class="n">'+(r.tb?r.tb+'B':'—')+
1064
- '</td><td class="n">'+FX(r.pg)+'</td><td><span class="gr g-'+(r.gr||'')+'">'+(r.gr||'—')+'</span></td></tr>';
1065
  }).join('');
1066
  }
1067
 
 
3
  <head>
4
  <meta charset="utf-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <title>퀀트ID · 토큰 검침 · AI 원가를 재고 등급을 매깁니다</title>
7
  <meta name="description" content="AI에 돈이 얼마 나가는지는 알아도 어디로 나가는지는 모릅니다. 퀀트ID는 업무 한 건이 토큰 몇 개를 먹는지부터 재 드립니다. 토큰 원장 · 토큰 등급 · 퀀트 4형제. 망 안에서 돌아갑니다.">
8
  <meta property="og:title" content="퀀트ID · 토큰 검침">
9
  <meta property="og:description" content="버는 건 원, 쓰는 건 토큰. 그 사이 환율을 아는 회사가 없습니다. 퀀트ID가 그 환율을 잽니다.">
 
243
  .band .bcut{margin-top:12px;padding-top:10px;border-top:1px solid #2C333F;
244
  font-size:11.5px;color:#8C93A0}
245
  @media(max-width:880px){.band .bgrid{grid-template-columns:1fr;gap:30px}}
246
+
247
+ .bstat{margin-top:30px}
248
+ .bench2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
249
+ .bench2 svg{width:100%;height:auto;margin-top:16px}
250
+ .bench2 .card h3{font-size:18px;font-weight:700;margin:8px 0 10px;line-height:1.45}
251
+ table.bscore td.n,table.bscore th.n{text-align:right;font-family:'IBM Plex Mono',monospace}
252
+ table.bscore tbody td.n{font-weight:700;color:var(--blue-deep)}
253
+ .bcta{margin-top:24px;padding:26px 28px;background:var(--obsidian);color:var(--ivory);
254
+ display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
255
+ .bcta .bk{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;
256
+ text-transform:uppercase;color:#7E9BE0}
257
+ .bcta h3{font-size:20px;font-weight:700;margin:8px 0 6px}
258
+ .bcta p{font-size:14px;color:#B9BEC7;max-width:52ch}
259
+ .press{margin-top:22px;padding:22px 24px;border:1px solid var(--line);background:var(--surface)}
260
+ .press .pk{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;
261
+ text-transform:uppercase;color:var(--ink3);margin-bottom:8px}
262
+ .press .ptitle{display:block;font-size:18px;font-weight:700;line-height:1.5;
263
+ color:var(--ink);text-decoration:none;border-bottom:2px solid var(--blue-soft)}
264
+ .press .ptitle:hover{border-bottom-color:var(--blue)}
265
+ .press .pmeta{margin-top:8px;font-size:12.5px;color:var(--ink3)}
266
+ .press p{margin-top:10px;font-size:14px;color:var(--ink2)}
267
+ @media(max-width:900px){.bench2{grid-template-columns:1fr}}
268
  </style>
269
  </head>
270
  <body>
 
297
  <a href="#marks">인증 마크</a>
298
  <a href="#proof">실측</a>
299
  <a href="#board">업계 대조</a>
300
+ <a href="#bench">공인 성적</a>
301
  <a href="#self">자가 검침</a>
302
  <a href="#contact">문의</a>
303
  </div>
 
318
  </div>
319
  <div style="display:flex; justify-content:center">
320
  <svg viewBox="0 0 100 100" style="width:min(300px,70vw); color:var(--obsidian)" role="img"
321
+ aria-label="퀀트ID 심볼. 궤도 하나, 전자 하나, 검증된 정체 하나">
322
  <use href="#qmark"/>
323
  </svg>
324
  </div>
 
533
  <div class="tw"><table>
534
  <thead><tr><th>항목</th><th>어디서 잰 값인가</th><th>아직 안 잰 것</th></tr></thead>
535
  <tbody>
536
+ <tr><td>화면 후보 추리기</td><td>영어 화면 데이터셋</td><td><b>한국어 화면</b>. 도입 검증 때 쓰시는 데이터로 잽니다</td></tr>
537
+ <tr><td>판정 정확도</td><td>우리 2,018문항 보드</td><td>쓰시는 업무 분포. 프로파일 재생성 후 재측정</td></tr>
538
  <tr><td>가속 배수</td><td>동시 사용자 8 / 32 / 128 / 256명</td><td>그 밖의 구간, 귀사 트래픽 형상</td></tr>
539
  <tr><td>압축 등급</td><td>Q8은 사실상 그대로, Q4는 프로파일 재생성 필요</td><td>더 낮은 등급의 업무별 허용선</td></tr>
540
  <tr><td>엣지 구동</td><td>한계는 용량이 아니라 메모리 대역폭</td><td>귀사 현장 장비에서의 실제 상한</td></tr>
 
738
 
739
  <div class="grid g4 bcards">
740
  <div class="card kpi"><div class="num">순위</div>
741
+ <div class="big" id="kRank">-</div><div class="sub" id="kRankSub">GPU를 고르면 계산됩니다</div></div>
742
  <div class="card kpi"><div class="num">필요 장수</div>
743
+ <div class="big" id="kGpu">-</div><div class="sub" id="kGpuSub">이 물량을 감당하려면</div></div>
744
  <div class="card kpi"><div class="num">월 전기요금</div>
745
+ <div class="big" id="kPow">-</div><div class="sub" id="kPowSub">GPU만 · 정격 기준</div></div>
746
  <div class="card kpi"><div class="num">월 클라우드</div>
747
+ <div class="big" id="kUsd">-</div><div class="sub" id="kUsdSub">빌려 쓴다면</div></div>
748
  </div>
749
 
750
  <div class="note" id="bNote"><p>GPU를 고르면 계산합니다.</p></div>
 
757
  <p class="hint" id="bSrc"></p>
758
  </div></section>
759
 
760
+ <!-- 성적 -->
761
+ <section id="bench"><div class="wrap">
762
+ <div class="eyebrow">10 · 성적</div>
763
+ <h2 class="h2">공인 벤치마크 48개를 한 장에 모았습니다<span class="en">Official benchmarks, one map</span></h2>
764
+ <p class="lead">허깅페이스 공인 리더보드는 48개로 흩어져 있어서, 전체 판을 보려면 48군데를 따로 열어야 했습니다.
765
+ 퀀트ID가 <strong>한 장짜리 실시간 지도</strong>로 모았습니다.
766
+ 열 때마다 공개 API에서 새로 읽으니 저희가 손댈 수 있는 숫자가 아닙니다.</p>
767
+
768
+ <div class="grid g4 bstat">
769
+ <div class="card kpi"><div class="num">공인 벤치마크</div><div class="big">48개</div>
770
+ <div class="sub">리더보드가 있는 것 44개</div></div>
771
+ <div class="card kpi"><div class="num">등재 기록</div><div class="big">1,024건</div>
772
+ <div class="sub">파생 모델 포함 1,469건</div></div>
773
+ <div class="card kpi"><div class="num">모델</div><div class="big">411개</div>
774
+ <div class="sub">95개 조직이 올림</div></div>
775
+ <div class="card kpi"><div class="num">한국 비중</div><div class="big">4%</div>
776
+ <div class="sub">중국 55% · 미국 23%</div></div>
777
+ </div>
778
+
779
+ <div class="bench2">
780
+ <div class="card">
781
+ <div class="num">지도가 보여주는 것</div>
782
+ <h3>1위를 가장 많이 가진 곳은 한국 조직입니다</h3>
783
+ <p>조직별 1위 개수를 세면 <strong>FINAL-Bench(비드래프트)가 10개로 전체 1위</strong>입니다.
784
+ 알리바바 Qwen, 지푸AI, 딥시크, 문샷AI, 엔비디아가 모두 아래에 있습니다.
785
+ 퀀트ID는 이 지도를 만든 쪽이고, 성적은 전략적 제휴사인 비드래프트가 낸 것입니다.</p>
786
+ <svg viewBox="0 0 460 200" role="img" aria-label="분야별 1위 개수">
787
+ <g font-family="IBM Plex Sans KR, sans-serif" font-size="12">
788
+ <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>
789
+ <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>
790
+ <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>
791
+ <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>
792
+ <text x="0" y="136" fill="#4A515C">에이전트 · 터미널</text><rect x="118" y="125" width="48" height="14" fill="#7E9BE0"/><text x="174" y="136" fill="#2A4CA8" font-weight="700">1</text>
793
+ <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>
794
+ <line x1="118" y1="180" x2="440" y2="180" stroke="#DCD6C9"/>
795
+ <text x="0" y="195" fill="#141820" font-weight="700">합계</text><text x="118" y="195" fill="#141820" font-weight="700">1위 10개</text>
796
+ </g>
797
+ </svg>
798
+ </div>
799
+ <div class="card">
800
+ <div class="num">1위를 받은 점수</div>
801
+ <h3>채점은 각 보드가 합니다</h3>
802
+ <div class="tw"><table class="bscore">
803
+ <thead><tr><th>벤치마크</th><th class="n">점수</th></tr></thead>
804
+ <tbody>
805
+ <tr><td>AIME 2026 (수학)</td><td class="n">100</td></tr>
806
+ <tr><td>HMMT 2026 (수학)</td><td class="n">100</td></tr>
807
+ <tr><td>GPQA Diamond (과학)</td><td class="n">94.44</td></tr>
808
+ <tr><td>MMLU-Pro (지식)</td><td class="n">88.12</td></tr>
809
+ </tbody>
810
+ </table></div>
811
+ <p style="margin-top:14px">점수를 매긴 것은 저희가 아니라 각 벤치마크 운영 주체입니다.
812
+ 지도는 그 결과를 읽어 옮길 뿐이고, 링크를 따라가면 원본 보드에서 바로 확인하실 수 있습니다.</p>
813
+ <div class="cut">1위와 2위 차이는 중앙값 5.2% · 가장 붐비는 5개 보드가 전체 등재의 46%</div>
814
+ </div>
815
+ </div>
816
+
817
+ <div class="bcta">
818
+ <div>
819
+ <div class="bk">Live map</div>
820
+ <h3>지도를 직접 열어 보십시오</h3>
821
+ <p>필드별 분포, 참여 조직, 1위 현황, 아직 비어 있는 자리까지 볼 수 있습니다. 로그인 없이 열립니다.</p>
822
+ </div>
823
+ <a class="btn btn-p" href="https://huggingface.co/spaces/quantid/huggingface-official-benchmark-leaderboards" target="_blank" rel="noopener">실시간 지도 열기</a>
824
+ </div>
825
+
826
+ <div class="press">
827
+ <div class="pk">보도</div>
828
+ <a class="ptitle" href="https://www.dt.co.kr/article/12087570" target="_blank" rel="noopener">
829
+ 퀀트ID, 허깅페이스 공인 AI 벤치마크 48개 '한눈에' ... 실시간 지도 공개</a>
830
+ <div class="pmeta">디지털타임스 · 2026년 10월 6일 · 박영서 논설위원</div>
831
+ <p>흩어져 있던 공인 리더보드를 한 장으로 모은 지도를 소개하면서,
832
+ 조직별 1위 집계와 국가별 참여 비중을 함께 다뤘습니다.</p>
833
+ </div>
834
+ </div></section>
835
+
836
  <!-- 자가 검침 -->
837
  <section id="self"><div class="wrap">
838
+ <div class="eyebrow">11 · 무료</div>
839
  <h2 class="h2">자가 검침<span class="en">Self-Metering</span></h2>
840
  <p class="lead">숫자 세 개, 질문 네 개면 지금 등급이 나옵니다. 입력하신 건 저장하지 않습니다.</p>
841
  <div class="meter">
 
846
  <input id="mon" type="number" value="1000000" min="1"></div>
847
  <div class="field"><label for="usr">동시 사용자 수</label>
848
  <input id="usr" type="number" value="32" min="1" max="100000"></div>
849
+ <div class="field"><label for="pri">입력 100만 토큰당 단가 (원, 선택)</label>
850
  <input id="pri" type="number" placeholder="비워두면 환산하지 않습니다" min="0"></div>
851
  <p class="hint">망 안에서 직접 돌리시면 토큰 단가라는 게 없습니다. 비워두시면 토큰 개수로만 보여드립니다.</p>
852
  <div class="checks">
 
858
  <button class="btn btn-p" id="run" style="width:100%">검침하기</button>
859
  </div>
860
  <div class="panel result" id="res">
861
+ <div class="rg"><div class="letter" id="rLetter">-</div><div class="txt" id="rNote"></div></div>
862
  <div class="rows">
863
+ <div class="row"><span>현재 입력 토큰 / 건</span><b id="rBefore">-</b></div>
864
+ <div class="row"><span>퀀트 판정 적용 후 / 건</span><b id="rAfter">-</b></div>
865
+ <div class="row"><span>압축 배수</span><b id="rRatio">-</b></div>
866
+ <div class="row"><span>월 절감 토큰</span><b id="rSaved">-</b></div>
867
+ <div class="row"><span>퀀트 가속 배수 <span id="rUsers" class="mono" style="color:var(--ink3)"></span></span><b id="rMult">-</b></div>
868
+ <div class="row"><span>같은 업무량의 GPU 장수</span><b id="rGpu">-</b></div>
869
+ <div class="row" id="rMoneyRow" style="display:none"><span>월 절감액</span><b id="rMoney">-</b></div>
870
  </div>
871
  <ul class="cav" id="rCav"></ul>
872
  </div>
 
875
 
876
  <!-- 산업별 -->
877
  <section id="sectors"><div class="wrap">
878
+ <div class="eyebrow">12 · 용처</div>
879
  <h2 class="h2">밖으로 못 내보내는 일이 많은 곳부터<span class="en">Where the work cannot leave the network</span></h2>
880
  <div class="grid g4">
881
  <div class="card"><h3>금융</h3><p>여신·수신 원장 화면 조작, 개인신용정보 구간 판정, 자동화 결정 설명 근거, 이상거래 알람 선별.</p>
882
+ <div class="cut">전자금융감독규정 망분리. 개인신용정보는 예외 불가</div></div>
883
  <div class="card"><h3>보건 · 의료</h3><p>EMR·OCS 화면 업무, 건��정보 비식별화, 동의서 조항 선별, 의무기록 검색 재순위.</p>
884
  <div class="cut">개인정보 보호법 제23조 민감정보</div></div>
885
  <div class="card"><h3>공공 · 국방</h3><p>완전 폐쇄망 문서·행정, 비공개 사유 후보 분류, 반출 전 점검, 사이버 관제 알람 선별.</p>
886
+ <div class="cut">AI 기본법 제35조. 영향평가 제품 우선 고려</div></div>
887
  <div class="card"><h3>IT · 제조</h3><p>되돌릴 수 없는 명령의 실행 직전 판정, ERP·그룹웨어 화면 업무, 비밀정보 탐지, 관제 선별.</p>
888
  <div class="cut">기존 도구·모델 교체 없이 훅으로 삽입</div></div>
889
  </div>
 
895
 
896
  <!-- 검침 구독 -->
897
  <section id="engage"><div class="wrap">
898
+ <div class="eyebrow">13 · 도입</div>
899
  <h2 class="h2">검침 구독<span class="en">Metering Subscription</span></h2>
900
  <div class="steps">
901
  <div class="step"><div class="sn">STEP 1</div><h4>자가 검침</h4><p>이 페이지에서 등급부터 보십시오. 자료 주실 것 없습니다.</p><div class="dur">바로 · 무료</div></div>
 
910
 
911
  <!-- 기술 기반 -->
912
  <section id="tech"><div class="wrap">
913
+ <div class="eyebrow">14 · 기술 기반</div>
914
  <h2 class="h2">전략적 제휴<span class="en">Strategic alliances</span></h2>
915
  <p class="lead">원천 기술은 제휴로 확보하고, 묶어서 공급하고 책임지는 건 저희가 합니다.
916
  네 가지 기술 때문에 <strong>네 군데와 따로 계약하실 일은 없습니다.</strong></p>
 
926
 
927
  <!-- 문의 -->
928
  <section id="contact" style="border-bottom:none"><div class="wrap">
929
+ <div class="eyebrow">15 · 문의</div>
930
  <h2 class="h2">장부부터 뽑아보시죠<span class="en">Start with the ledger</span></h2>
931
  <p class="lead">뭘 도입할지 정하기 전에, 지금 어디에 쓰고 계신지부터 보는 게 순서입니다.</p>
932
  <div class="panel" style="margin-top:34px; max-width:620px">
 
968
  const fmt = n => Math.round(n).toLocaleString('ko-KR');
969
  const GC = {A:'var(--gA)', B:'var(--gB)', C:'var(--gC)', D:'var(--gD)'};
970
 
971
+ /* 실측 2점에 맞춘 보정값. 후보 200개 4,444토큰 · 50개 1,132토큰
972
  기울기 (4444-1132)/(200-50)=22.08 tok/후보 · 절편 ≈ 28 */
973
  const TOK_PER_CAND = 22.08, TOK_BASE = 28.0, KEEP = 50;
974
  /* 동시 사용자별 실측 처리량 배수 */
 
1029
  $('res').classList.add('on');
1030
  });
1031
 
1032
+ /* 문의. 수신부(quantid/QUANTID)로 보내 비공개 데이터셋에 쌓는다 */
1033
  const INBOX = 'https://quantid-quantid.hf.space/api/contact';
1034
  $('send').addEventListener('click', async () => {
1035
  const btn=$('send'), out=$('sendMsg');
 
1055
  }
1056
  });
1057
 
1058
+ /* ===== 09 · 대조. 업계 기록 위에 지금 설정 찍기 ===== */
1059
  (function(){
1060
  var B=null, $b=function(i){return document.getElementById(i)};
1061
  var W=560,H=400, L=58,R=14,T=18,Bm=44;
 
1094
  calc();
1095
  }
1096
 
1097
+ /* 물리 상한. 디코드 한 스텝은 활성 가중치를 한 번 읽는다 */
1098
  function ceil(hw, actB, q, con){
1099
  if(!hw||!hw.bw||!actB) return null;
1100
  return con*(hw.bw*1e12)/(actB*1e9*(B.bpp[q]||1));
 
1125
 
1126
  if(!est){
1127
  $b('bNote').innerHTML='<p>이 GPU는 기록이 모자라서 추정하지 않겠습니다. 없는 숫자를 지어내는 것보다 낫습니다.</p>';
1128
+ ['kRank','kGpu','kPow','kUsd'].forEach(function(i){$b(i).textContent='-'});
1129
  return;
1130
  }
1131
 
 
1140
  if(hw.w){ var kW=need*hw.w/1000, mWh=kW*730;
1141
  $b('kPow').textContent=FX(Math.round(mWh*kwh))+'원';
1142
  $b('kPowSub').textContent=FX(Math.round(mWh))+' kWh · '+kW.toFixed(1)+' kW';
1143
+ } else { $b('kPow').textContent='-'; $b('kPowSub').textContent='이 GPU는 정격이 공개 안 됨'; }
1144
 
1145
  if(hw.usd){ var usd=need*hw.usd*730;
1146
  $b('kUsd').textContent=FX(Math.round(usd*1380/1e4))+'만원';
1147
  $b('kUsdSub').textContent='$'+FX(Math.round(usd))+' · 환율 1,380원';
1148
+ } else { $b('kUsd').textContent='-'; $b('kUsdSub').textContent='공개된 시간당 단가가 없음'; }
1149
 
1150
  var others=basis.filter(function(r){return !r.own}).length;
1151
  $b('bNote').innerHTML='<p>이 설정이면 <strong>GPU 한 장에 초당 '+FX(Math.round(est))+'토큰</strong>쯤 나옵니다. '+
 
1158
 
1159
  $b('bTop').innerHTML=peers.slice().sort(function(a,b){return b.pg-a.pg}).slice(0,8)
1160
  .map(function(r,i){
1161
+ return '<tr'+(r.own?' class="mine"':'')+'><td>'+(i+1)+'</td><td>'+(r.m||'-')+
1162
+ '</td><td>'+(r.by||'-')+'</td><td class="n">'+(r.tb?r.tb+'B':'-')+
1163
+ '</td><td class="n">'+FX(r.pg)+'</td><td><span class="gr g-'+(r.gr||'')+'">'+(r.gr||'-')+'</span></td></tr>';
1164
  }).join('');
1165
  }
1166