AI / society.html
GiniGen AI
라우터화·CSS 분리·Studio 압축 (작업 6~7)
71f4040
Raw
History Blame Contribute Delete
10.3 kB
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>인공사회 · NationalOS — 576,000 LIVE NPC 정책 시뮬레이션 · 지니젠AI</title>
<meta name="description" content="5,200만 한국 페르소나 위 576,000 LIVE NPC 실시간 운용. 정부 정책·기업 조직·금융 상품을 시장 투입 전에 시뮬레이션. 6개월치 시뮬레이션을 3시간에.">
<meta name="keywords" content="인공사회, NationalOS, 디지털 트윈, 정책 시뮬레이션, LIVE NPC, 지니젠AI, B2G, VIDRAFT">
<meta property="og:title" content="인공사회 (NationalOS) — 지니젠AI">
<meta property="og:description" content="576,000명의 디지털 시민이 당신의 정책을 먼저 살아봅니다. 6개월 시뮬레이션을 3시간에.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://ginigen.net/society.html">
<meta property="og:image" content="https://huggingface.co/spaces/ginigen/AI/resolve/main/logo-stacked.png">
<link rel="icon" type="image/png" href="logo-stacked.png">
<link rel="apple-touch-icon" href="logo-stacked.png">
<link href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css" rel="stylesheet">
<link rel="stylesheet" href="site.css">
</head>
<body>
<!-- NAVIGATION -->
<nav class="nav-container">
<div class="nav-left">
<a href="/" class="logo" aria-label="GiniGen AI 홈">
<img src="logo.png" alt="GiniGen" class="logo-img">
<span class="logo-sub">AI</span>
</a>
<div class="tabs">
<a class="tab" href="/ax.html">AX Hospital</a>
<a class="tab active" href="/society.html">Society</a>
<a class="tab" href="https://www.ginigen.ai/ko" target="_blank" rel="noopener">Studio ↗</a>
<a class="tab" href="/#trust">Proof</a>
<a class="tab" href="/#press">Press</a>
<a class="tab" href="/#contact">Contact</a>
</div>
</div>
<!-- TODO: xray.ginigen.net 서브도메인 + SSL 적용 후 http://211.233.58.201:7906/ 로 복원 -->
<a class="powered-by live-link" href="/ax.html#ax-poc-form" aria-label="데모 신청 (PoC 폼으로 이동)">
<span class="dot live-dot"></span>
<span>데모 신청</span>
<span class="live-arrow"></span>
</a>
</nav>
<!-- PARTICLES -->
<div class="particles" id="particles"></div>
<div class="container">
<!-- ============ 인공사회 ============ -->
<div id="society" class="tab-content active">
<section class="detail-hero">
<div class="section-title">FOR GOVERNMENT · B2G</div>
<h2>한국 사회를<br><span class="accent">디지털로 먼저 살아보다</span>.</h2>
<p class="lead">
NationalOS는 인구통계·생애주기 기반으로 계층화된 5,200만 한국 페르소나 위에 576,000명의 LIVE NPC를 실시간으로 운용합니다. 정책·전환을 적용하면 6개월 후 무엇이 일어나는가 — 실행 전에 확인하세요.
</p>
</section>
<section class="society-graph">
<div class="big">576,000</div>
<div class="big-lbl">LIVE NPCs · 지금 이 순간 실시간으로 살아 움직이는 디지털 시민들</div>
<div class="society-stats">
<div class="society-stat">
<div class="v">5,200만</div>
<div class="l">인구통계·생애주기 계층화 페르소나</div>
</div>
<div class="society-stat">
<div class="v">144</div>
<div class="l">Blackwell GPU (VIDRAFT 연합)</div>
</div>
<div class="society-stat">
<div class="v">6개월 → 3h</div>
<div class="l">시뮬레이션 시간 단축</div>
</div>
<div class="society-stat">
<div class="v">KR→JP→CN→US</div>
<div class="l">확장 로드맵</div>
</div>
</div>
</section>
<section class="section">
<div class="section-title">LIVE DEMO · 3D</div>
<h2 class="section-heading">576,000 NPC, 실시간 3D 시뮬레이션.</h2>
<p class="section-sub">VIDRAFT NationalOS Live3D — 한반도 위 디지털 시민의 실시간 흐름을 브라우저에서 직접 확인.</p>
<div class="embed-container" style="min-height: 720px; padding: 12px;">
<iframe src="https://vidraft-nationalos.hf.space/live3d.html"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; xr-spatial-tracking"
allowfullscreen
loading="lazy"
style="width:100%; height:700px; border:none; border-radius:12px; background:#0E1B2A; display:block;"
title="NationalOS Live3D">
</iframe>
</div>
</section>
<section class="section">
<div class="section-title">3 USE CASES</div>
<h2 class="section-heading">정부·기업·금융 — 디지털 트윈으로 검증하기.</h2>
<div class="feat-grid">
<div class="feat">
<div class="ico">🏛️</div>
<h4>정부 정책 사전 검증</h4>
<p>광역지자체·부처 정책을 5,200만 페르소나에 적용. 시민 반응·경제 효과·세대 갈등을 사전 시뮬레이션.</p>
</div>
<div class="feat">
<div class="ico">🏢</div>
<h4>기업 조직 디지털 트윈</h4>
<p>콜센터 300명 = 300 NPC. AI 전환 시나리오 적용 후 생산성·이직률·고객만족도 변화를 6개월 후까지 미리 본다.</p>
</div>
<div class="feat">
<div class="ico">💼</div>
<h4>금융·전자상거래 (Afford-X)</h4>
<p>VIDRAFT World Model 기반. 신상품·요금제·캠페인이 시장에서 어떻게 반응할지 디지털 사회에서 먼저 테스트.</p>
</div>
</div>
</section>
<section class="section">
<div class="section-title">PHILOSOPHY</div>
<h2 class="section-heading">"FFN as Society"</h2>
<p class="section-sub">
AI는 더 이상 도구가 아니라 사회 자체의 모형이 됩니다. 우리는 한국 사회의 다층 구조 — 세대·지역·산업·가치관 — 를 인구통계·생애주기 차원의 계층 변수로 인코딩하여, "한국적 의사결정"을 시뮬레이션 가능한 형태로 코드화했습니다.
</p>
<div class="feat-grid">
<div class="feat">
<div class="ico">📊</div>
<h4>인구통계·생애주기 계층화</h4>
<p>출생 연도·성별·지역·세대를 차원으로 5,200만 페르소나 분포 재구성.</p>
</div>
<div class="feat">
<div class="ico"></div>
<h4>LIVE NPC</h4>
<p>576K NPC가 24시간 실시간으로 의사결정·소비·이동. PoC가 아닌 가동 중인 인프라.</p>
</div>
<div class="feat">
<div class="ico">🌏</div>
<h4>아시아 확장</h4>
<p>한국 검증 후 일본·중국·미국 페르소나로 확장. 글로벌 정책 시뮬레이션 표준화.</p>
</div>
</div>
</section>
<section class="section" style="text-align:center; padding-top: 40px;">
<div class="hero-cta-row" style="justify-content:center;">
<a href="/ax.html#ax-poc-form" class="btn btn-primary">
✉ B2G PoC 문의 신청
</a>
</div>
</section>
</div>
</div>
<!-- FOOTER -->
<footer class="footer">
<strong>(주) 지니젠AI</strong> · 대표 최선영 · 서울 강남구 강남대로 112길 47, 2F 424 · 사업자번호 763-88-03595<br>
통신판매업 신고 2025-Seoul Gangnam-06701 · © 2026 GiniGen AI Inc.
<div class="footer-links">
<a href="/"></a>·
<a href="/ax.html">AX 종합병원</a>·
<a href="https://www.ginigen.ai" target="_blank">GiniGen Studio</a>·
<a href="/#press">Press</a>·
<a href="/#contact">Contact</a>
</div>
</footer>
<script>
const pc = document.getElementById('particles');
const palette = ['#0AB4CC', '#A855F7', '#D946EF', '#3B82F6'];
for (let i = 0; i < 26; i++) {
const p = document.createElement('div');
p.className = 'particle';
const size = 2 + Math.random() * 4;
const c = palette[i % palette.length];
p.style.width = size + 'px';
p.style.height = size + 'px';
p.style.left = Math.random() * 100 + '%';
p.style.bottom = -10 + 'px';
p.style.background = c;
p.style.boxShadow = `0 0 12px ${c}`;
p.style.animationDelay = (Math.random() * 25) + 's';
p.style.animationDuration = (18 + Math.random() * 14) + 's';
pc.appendChild(p);
}
</script>
</body>
</html>