02a892f8b8
- billing-policy.md 3분할: customer-pricing.md, partner-commission.md, billing-policy.md - 3개 프레젠테이션 HTML 슬라이드 및 PPTX 생성 (총 20장) - customer-pricing: 고객용 요금 안내 (7장, 블루 테마) - partner-commission: 영업파트너 수당 체계 (6장, 그린 테마) - billing-policy: 내부 대외비 과금정책 (7장, 레드 테마) - 전체 슬라이드 BI 로고 삽입 및 주일/경동 → (주)코드브릿지엑스 전환 - esign-storyboard.pptx 내 브랜딩 텍스트 수정 - INDEX.md 업데이트
143 lines
7.9 KiB
HTML
143 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css">
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
width: 720pt;
|
|
height: 405pt;
|
|
font-family: 'Pretendard', sans-serif;
|
|
background: #ffffff;
|
|
padding: 28pt 40pt;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- 헤더 -->
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12pt;">
|
|
<div style="display: flex; align-items: center; gap: 12pt;">
|
|
<div style="display: inline-block; padding: 4pt 10pt; background: #1a0a0a; border-radius: 4pt;">
|
|
<p style="color: #E74C3C; font-size: 8pt; font-weight: 600;">COST</p>
|
|
</div>
|
|
<h2 style="font-size: 20pt; font-weight: 700; color: #1a1a1a;">AI / 클라우드 원가 분석</h2>
|
|
</div>
|
|
<p style="font-size: 10pt; color: #999;">04</p>
|
|
</div>
|
|
|
|
<!-- 2컬럼 -->
|
|
<div style="flex: 1; display: flex; gap: 18pt;">
|
|
<!-- 좌측: 토큰 기반 과금 -->
|
|
<div style="flex: 1; display: flex; flex-direction: column;">
|
|
<div style="display: flex; align-items: center; gap: 8pt; margin-bottom: 10pt;">
|
|
<p style="font-size: 10pt; font-weight: 600; color: #666; letter-spacing: 0.03em;">토큰 기반 과금 (LLM)</p>
|
|
<div style="display: inline-block; padding: 2pt 6pt; background: #f5f5f0; border-radius: 3pt;">
|
|
<p style="font-size: 7pt; color: #999;">환율 1,400원/USD</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Gemini 카드 -->
|
|
<div style="background: #f8f9ff; border-radius: 8pt; padding: 12pt; margin-bottom: 8pt; border-left: 3pt solid #4285F4;">
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8pt;">
|
|
<p style="font-size: 10pt; font-weight: 700; color: #1a1a1a;">Google Gemini 2.0 Flash</p>
|
|
</div>
|
|
<div style="display: flex; gap: 10pt; margin-bottom: 6pt;">
|
|
<div style="flex: 1; padding: 6pt 8pt; background: #ffffff; border-radius: 4pt;">
|
|
<p style="font-size: 7pt; color: #999; margin-bottom: 2pt;">입력 /1M 토큰</p>
|
|
<p style="font-size: 9pt; font-weight: 600; color: #1a1a1a;"><span style="color: #999; font-weight: 400;">$0.10 →</span> 140원</p>
|
|
</div>
|
|
<div style="flex: 1; padding: 6pt 8pt; background: #ffffff; border-radius: 4pt;">
|
|
<p style="font-size: 7pt; color: #999; margin-bottom: 2pt;">출력 /1M 토큰</p>
|
|
<p style="font-size: 9pt; font-weight: 600; color: #1a1a1a;"><span style="color: #999; font-weight: 400;">$0.40 →</span> 560원</p>
|
|
</div>
|
|
</div>
|
|
<div style="padding: 4pt 8pt; background: #e8f5e9; border-radius: 3pt;">
|
|
<p style="font-size: 7.5pt; color: #27AE60; font-weight: 600;">초저비용 AI — 100만 토큰 처리해도 700원</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Claude 카드 -->
|
|
<div style="background: #fdf6f0; border-radius: 8pt; padding: 12pt; border-left: 3pt solid #D97706;">
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8pt;">
|
|
<p style="font-size: 10pt; font-weight: 700; color: #1a1a1a;">Anthropic Claude 3 Haiku</p>
|
|
</div>
|
|
<div style="display: flex; gap: 10pt; margin-bottom: 6pt;">
|
|
<div style="flex: 1; padding: 6pt 8pt; background: #ffffff; border-radius: 4pt;">
|
|
<p style="font-size: 7pt; color: #999; margin-bottom: 2pt;">입력 /1M 토큰</p>
|
|
<p style="font-size: 9pt; font-weight: 600; color: #1a1a1a;"><span style="color: #999; font-weight: 400;">$0.25 →</span> 350원</p>
|
|
</div>
|
|
<div style="flex: 1; padding: 6pt 8pt; background: #ffffff; border-radius: 4pt;">
|
|
<p style="font-size: 7pt; color: #999; margin-bottom: 2pt;">출력 /1M 토큰</p>
|
|
<p style="font-size: 9pt; font-weight: 600; color: #1a1a1a;"><span style="color: #999; font-weight: 400;">$1.25 →</span> 1,750원</p>
|
|
</div>
|
|
</div>
|
|
<div style="padding: 4pt 8pt; background: #fff8e1; border-radius: 3pt;">
|
|
<p style="font-size: 7.5pt; color: #D97706; font-weight: 600;">고품질 AI — 100만 토큰에도 약 2,100원</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 우측: 시간/작업 기반 과금 -->
|
|
<div style="flex: 1; display: flex; flex-direction: column;">
|
|
<p style="font-size: 10pt; font-weight: 600; color: #666; margin-bottom: 10pt; letter-spacing: 0.03em;">시간/작업 기반 과금</p>
|
|
|
|
<!-- Google STT -->
|
|
<div style="display: flex; padding: 10pt 12pt; background: #fafafa; border-radius: 6pt; margin-bottom: 6pt; border-left: 3pt solid #E74C3C;">
|
|
<div style="flex: 1;">
|
|
<p style="font-size: 9.5pt; font-weight: 600; color: #1a1a1a; margin-bottom: 3pt;">Google STT</p>
|
|
<p style="font-size: 8pt; color: #999;">$0.009 / 15초</p>
|
|
</div>
|
|
<div style="text-align: right;">
|
|
<p style="font-size: 9.5pt; font-weight: 700; color: #E74C3C;">~50원<span style="font-size: 8pt; font-weight: 400; color: #999;">/분</span></p>
|
|
<p style="font-size: 7.5pt; color: #666; margin-top: 2pt;">1시간 녹음 처리 = 3,000원</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Google GCS -->
|
|
<div style="display: flex; padding: 10pt 12pt; background: #f0faf4; border-radius: 6pt; margin-bottom: 6pt; border-left: 3pt solid #27AE60;">
|
|
<div style="flex: 1;">
|
|
<p style="font-size: 9.5pt; font-weight: 600; color: #1a1a1a; margin-bottom: 3pt;">Google GCS</p>
|
|
<p style="font-size: 8pt; color: #999;">$0.005 / 1,000건</p>
|
|
</div>
|
|
<div style="text-align: right;">
|
|
<p style="font-size: 9.5pt; font-weight: 700; color: #27AE60;">7원<span style="font-size: 8pt; font-weight: 400; color: #999;">/1,000건</span></p>
|
|
<p style="font-size: 7.5pt; color: #27AE60; font-weight: 500; margin-top: 2pt;">사실상 무료 수준</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Google FCM -->
|
|
<div style="display: flex; padding: 10pt 12pt; background: #f0faf4; border-radius: 6pt; margin-bottom: 10pt; border-left: 3pt solid #27AE60;">
|
|
<div style="flex: 1;">
|
|
<p style="font-size: 9.5pt; font-weight: 600; color: #1a1a1a; margin-bottom: 3pt;">Google FCM (푸시알림)</p>
|
|
<p style="font-size: 8pt; color: #999;">무제한</p>
|
|
</div>
|
|
<div style="text-align: right;">
|
|
<p style="font-size: 9.5pt; font-weight: 700; color: #27AE60;">무료</p>
|
|
<p style="font-size: 7.5pt; color: #27AE60; font-weight: 500; margin-top: 2pt;">완전 무료</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 요약 박스 -->
|
|
<div style="flex: 1; background: #f5f5f0; border-radius: 8pt; padding: 10pt 12pt; display: flex; flex-direction: column; justify-content: center;">
|
|
<p style="font-size: 8pt; font-weight: 700; color: #1a1a1a; margin-bottom: 4pt;">핵심 인사이트</p>
|
|
<p style="font-size: 8pt; color: #666; line-height: 1.6;">LLM 토큰 비용은 건당 1원 미만 수준. 클라우드 인프라 비용도 무시 가능한 수준으로, AI 기능이 수익 마진에 미치는 영향이 극히 작음.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 하단 바 -->
|
|
<div style="display: flex; justify-content: space-between; align-items: center; padding: 7pt 12pt; background: #1a0a0a; border-radius: 4pt; margin-top: 8pt;">
|
|
<p style="font-size: 8pt; color: rgba(255,255,255,0.5);">ai_pricing_configs 테이블에서 동적 관리</p>
|
|
<p style="font-size: 8pt; color: rgba(255,255,255,0.5);">캐시 TTL 1시간</p>
|
|
</div>
|
|
|
|
<!-- 푸터 -->
|
|
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 7pt; margin-top: 6pt;">
|
|
<p style="font-size: 8pt; color: #999;">SAM 내부 과금정책 | CONFIDENTIAL</p>
|
|
<p style="font-size: 8pt; color: #999;">04</p>
|
|
</div>
|
|
</body>
|
|
</html>
|