docs: [과금정책] 3분할 문서 완성 및 브랜딩 정리
- 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 업데이트
This commit is contained in:
190
rules/billing-policy.md
Normal file
190
rules/billing-policy.md
Normal file
@@ -0,0 +1,190 @@
|
||||
# SAM 과금정책 — 내부용 (CONFIDENTIAL)
|
||||
|
||||
> **작성일**: 2026-02-21
|
||||
> **상태**: 설계 확정
|
||||
> **열람 범위**: 내부 개발팀/관리층 전용 — 대외 공유 금지
|
||||
|
||||
---
|
||||
|
||||
## 문서 분리 안내
|
||||
|
||||
과금정책이 대상 독자별 3개 문서로 분리되었다.
|
||||
|
||||
| 문서 | 대상 | 내용 |
|
||||
|------|------|------|
|
||||
| [고객 요금 안내](customer-pricing.md) | 고객 | 서비스 가격표, 과금 기준 |
|
||||
| [영업파트너 수당 체계](partner-commission.md) | 영업파트너 | 수당률, 정산 프로세스 |
|
||||
| **본 문서** (billing-policy.md) | 내부 개발팀/관리층 | 본사 원가, 마진율, 코드 참조 |
|
||||
|
||||
---
|
||||
|
||||
## 1. 개요
|
||||
|
||||
### 1.1 목적
|
||||
|
||||
SAM 프로젝트의 과금정책 중 **본사 지출 원가**, **마진 구조**, **코드 참조**를 정리한다.
|
||||
고객 공개용 요금과 영업파트너 수당 체계는 별도 문서로 분리되었다.
|
||||
|
||||
### 1.2 적용범위
|
||||
|
||||
- 외부 서비스 이용 비용 (바로빌, Google, Anthropic)
|
||||
- 마진 구조 및 가격 책정 배경
|
||||
- 코드 참조 (모델, 서비스, DB 테이블)
|
||||
|
||||
### 1.3 용어 정의
|
||||
|
||||
| 용어 | 설명 |
|
||||
|------|------|
|
||||
| **개발비** | 서비스 도입 시 1회 납부하는 초기 비용 |
|
||||
| **구독료** | 서비스 유지를 위한 월 정기 비용 |
|
||||
| **토큰** | AI가 언어를 처리하는 최소 단위 (한글 ~1.5자 = 1토큰) |
|
||||
| **MRR** | Monthly Recurring Revenue (월간 반복 매출) |
|
||||
|
||||
---
|
||||
|
||||
## 2. 본사 지출 과금정책 (Company → Service Provider)
|
||||
|
||||
본사가 외부 서비스 제공자에게 납입하는 비용이다.
|
||||
|
||||
### 2.1 바로빌 API 비용
|
||||
|
||||
#### 월정액 서비스
|
||||
|
||||
| 서비스 | 월정액 | 비고 |
|
||||
|--------|--------|------|
|
||||
| 계좌조회 | 10,000원 | 고객 부담 |
|
||||
| 카드내역 | 10,000원 | 고객 부담 |
|
||||
| 홈택스 매입 | 33,000원 (VAT 포함) | 코드브릿지엑스 지원 → 본사 부담 (무료) |
|
||||
| 홈택스 매출 | 33,000원 (VAT 포함) | 코드브릿지엑스 지원 → 본사 부담 (무료) |
|
||||
|
||||
> **참고**: 계좌조회/카드내역 월정액은 고객에게 전가한다. 홈택스는 본사가 흡수한다.
|
||||
|
||||
#### 건별 과금
|
||||
|
||||
| 서비스 | 단가 | 비고 |
|
||||
|--------|------|------|
|
||||
| 전자세금계산서 발행 | 100원/건 | 원가 기준 |
|
||||
|
||||
### 2.2 AI/클라우드 서비스 비용
|
||||
|
||||
#### 토큰 기반 과금 (LLM)
|
||||
|
||||
| 제공자 | 모델 | 입력 단가 (USD/1M) | 출력 단가 (USD/1M) | 입력 (KRW/1M) | 출력 (KRW/1M) |
|
||||
|--------|------|------------------:|------------------:|--------------:|--------------:|
|
||||
| Google | Gemini 2.0 Flash | $0.10 | $0.40 | 140원 | 560원 |
|
||||
| Anthropic | Claude 3 Haiku | $0.25 | $1.25 | 350원 | 1,750원 |
|
||||
|
||||
#### 시간/작업 기반 과금
|
||||
|
||||
| 서비스 | 단가 (USD) | 단위 | KRW 환산 |
|
||||
|--------|----------:|------|----------:|
|
||||
| Google STT | $0.009 | 15초당 | 12.6원/15초 (약 50원/분) |
|
||||
| Google GCS | $0.005 | 1,000건당 | 7원/1,000건 |
|
||||
| Google FCM | 무료 | - | - |
|
||||
|
||||
#### 환율 기준
|
||||
|
||||
- 기본 환율: **1,400원/USD**
|
||||
- `ai_pricing_configs` 테이블에서 동적 관리
|
||||
- 캐시 TTL: 1시간
|
||||
|
||||
### 2.3 본사 지출 월간 예상 (테넌트 1개 기준)
|
||||
|
||||
| 항목 | 최소 | 최대 | 비고 |
|
||||
|------|-----:|-----:|------|
|
||||
| 바로빌 홈택스 | 0원 | 0원 | 코드브릿지엑스 지원 |
|
||||
| 세금계산서 원가 | ~5,000원 | ~10,000원 | 50~100건 기준 |
|
||||
| AI 토큰 (Gemini) | ~100원 | ~5,000원 | 사용량 비례 |
|
||||
| GCS/STT | ~50원 | ~2,000원 | 사용량 비례 |
|
||||
|
||||
---
|
||||
|
||||
## 3. 고객 안내용 과금정책
|
||||
|
||||
> 고객 요금 상세는 **[고객 요금 안내](customer-pricing.md)** 문서를 참조한다.
|
||||
|
||||
---
|
||||
|
||||
## 4. 내부 정산 정책
|
||||
|
||||
### 4.1 영업 수당 체계
|
||||
|
||||
> 수당률 및 정산 프로세스는 **[영업파트너 수당 체계](partner-commission.md)** 문서를 참조한다.
|
||||
|
||||
### 4.2 마진 구조
|
||||
|
||||
- **회사 마진**: 개발비의 약 **67~75%** (가입 유형에 따라 변동)
|
||||
- 개인 가입: 개발비의 약 72~75% (수당 25~28% 차감 후)
|
||||
- 단체 가입: 개발비의 약 67% (수당 33% 차감 후)
|
||||
|
||||
### 4.3 가격 책정 배경
|
||||
|
||||
- 내부 총 개발비 산정: **약 7,600만원**
|
||||
- 구성: 개발비 2,000만원 + 장기 구독(약 7년) 및 금융 비용(4.6%)
|
||||
- 중소기업 초기 투자 부담 분산 구조
|
||||
|
||||
---
|
||||
|
||||
## 5. 코드 참조 (개발자용)
|
||||
|
||||
### 5.1 바로빌 과금
|
||||
|
||||
| 파일 | 내용 |
|
||||
|------|------|
|
||||
| `mng/app/Models/Barobill/BarobillSubscription.php` | `DEFAULT_MONTHLY_FEES` 월정액 상수 |
|
||||
| `mng/app/Models/Barobill/BarobillBillingRecord.php` | `USAGE_UNIT_PRICES` 건별 단가 상수 |
|
||||
| `mng/app/Models/Barobill/BarobillPricingPolicy.php` | 과금 정책 모델 + `calculateBilling()` |
|
||||
| `mng/app/Services/Barobill/BarobillBillingService.php` | 월정액/건별 과금 처리 서비스 |
|
||||
| `mng/app/Services/Barobill/BarobillUsageService.php` | 사용량 집계 및 과금 계산 |
|
||||
| `mng/database/seeders/BarobillPricingPolicySeeder.php` | 과금 정책 시더 (5개 정책) |
|
||||
|
||||
### 5.2 AI 가격/토큰
|
||||
|
||||
| 파일 | 내용 |
|
||||
|------|------|
|
||||
| `api/app/Models/Tenants/AiPricingConfig.php` | AI 단가 모델 + `getActivePricing()` |
|
||||
| `api/app/Models/Tenants/AiTokenUsage.php` | 토큰 사용량 기록 모델 |
|
||||
| `api/app/Services/AiReportService.php` | 토큰 비용 계산 로직 (`saveTokenUsage()`) |
|
||||
| `api/database/migrations/2026_02_09_*_ai_pricing_configs.php` | AI 단가 테이블 + 시드 데이터 |
|
||||
| `api/database/migrations/2026_02_07_*_ai_token_usages.php` | 토큰 사용량 테이블 |
|
||||
|
||||
### 5.3 정산 관련
|
||||
|
||||
| 파일 | 내용 |
|
||||
|------|------|
|
||||
| `mng` 또는 `api` 정산 컨트롤러/서비스 | 영업수수료, 구독료, 컨설팅비 정산 |
|
||||
|
||||
### 5.4 DB 테이블 참조
|
||||
|
||||
| 테이블 | 설명 |
|
||||
|--------|------|
|
||||
| `barobill_subscriptions` | 바로빌 월정액 구독 현황 |
|
||||
| `barobill_billing_records` | 바로빌 월별 과금 내역 |
|
||||
| `barobill_pricing_policies` | 바로빌 과금 정책 (무료 제공량, 추가 단가) |
|
||||
| `ai_pricing_configs` | AI 제공자별 단가 설정 |
|
||||
| `ai_token_usages` | AI 토큰 사용량 기록 |
|
||||
| `ai_voice_recordings` | AI 음성 녹음 (STT 비용 발생) |
|
||||
| `sales_commissions` | 영업수수료 정산 |
|
||||
|
||||
---
|
||||
|
||||
## 6. 관련 문서
|
||||
|
||||
- [고객 요금 안내](customer-pricing.md) - 서비스 가격표 (고객 공개용)
|
||||
- [영업파트너 수당 체계](partner-commission.md) - 수당률 및 정산 (파트너용)
|
||||
- [단가 정책 (품목)](pricing-policy.md) - 품목 단가/원가 계산
|
||||
- [영업수수료정산](../features/settlement/sales-commissions.md)
|
||||
- [구독료정산](../features/settlement/subscriptions.md)
|
||||
- [컨설팅비용정산](../features/settlement/consulting-fees.md)
|
||||
- [고객사정산](../features/settlement/customer-settlements.md)
|
||||
- `sales/price/수당지급체계.md` - 수당 지급 체계 상세
|
||||
- `sales/policy/SAM_영업정책문서.md` - 영업 정책 상세
|
||||
- `sales/price/ref/토큰정책.md` - AI 토큰 고객 안내 가이드
|
||||
|
||||
---
|
||||
|
||||
> **공통 안내**: 본 문서에 명시된 모든 개발비 및 구독료는 **부가가치세(VAT) 별도** 금액이다.
|
||||
|
||||
---
|
||||
|
||||
**최종 업데이트**: 2026-02-21
|
||||
BIN
rules/billing-policy.pptx
Normal file
BIN
rules/billing-policy.pptx
Normal file
Binary file not shown.
116
rules/customer-pricing.md
Normal file
116
rules/customer-pricing.md
Normal file
@@ -0,0 +1,116 @@
|
||||
# SAM 서비스 요금 안내
|
||||
|
||||
> **작성일**: 2026-02-21
|
||||
> **상태**: 설계 확정
|
||||
|
||||
---
|
||||
|
||||
## 1. 개요
|
||||
|
||||
### 1.1 목적
|
||||
|
||||
SAM 서비스 도입 시 고객에게 안내하는 요금 체계를 정리한다.
|
||||
|
||||
### 1.2 용어 정의
|
||||
|
||||
| 용어 | 설명 |
|
||||
|------|------|
|
||||
| **개발비** | 서비스 도입 시 1회 납부하는 초기 비용 |
|
||||
| **구독료** | 서비스 유지를 위한 월 정기 비용 |
|
||||
| **토큰** | AI가 언어를 처리하는 최소 단위 (한글 ~1.5자 = 1토큰) |
|
||||
|
||||
---
|
||||
|
||||
## 2. 기본 서비스 요금
|
||||
|
||||
### 2.1 제조업 기본 패키지
|
||||
|
||||
- **포함**: 품목관리 → 견적 → 수주 → 생산 → 출하 (ERP 인사/회계 무료 포함)
|
||||
- **개발비**: 2,000만원 (VAT 별도)
|
||||
- **구독료**: 50만원/월 (VAT 별도)
|
||||
|
||||
### 2.2 개별 모듈
|
||||
|
||||
| 모듈명 | 개발비 (VAT 별도) | 구독료/월 (VAT 별도) |
|
||||
|--------|------------------:|-----------------:|
|
||||
| QR코드 관리 | 1,020만원 | 5만원 |
|
||||
| 사진/출하 관리 | 1,920만원 | 10만원 |
|
||||
| 검사/토큰 적용 | 1,020만원 | 5만원 |
|
||||
| 이카운트 연동 | 1,920만원 | 10만원 |
|
||||
|
||||
### 2.3 통합 패키지
|
||||
|
||||
| 패키지명 | 개발비 (VAT 별도) | 구독료/월 (VAT 별도) |
|
||||
|---------|------------------:|-----------------:|
|
||||
| 공사관리 패키지 | 4,000만원 | 20만원 |
|
||||
| 공정/정부지원사업 | 8,000만원 | 40만원 |
|
||||
|
||||
---
|
||||
|
||||
## 3. 추가 옵션 요금
|
||||
|
||||
| 옵션명 | 개발비 추가 (VAT 별도) | 구독료 추가/월 (VAT 별도) |
|
||||
|--------|---------------------:|----------------------:|
|
||||
| 생산공정 1개 추가 | 500만원 | 10만원 |
|
||||
| 품질관리 (인정검사) | 2,000만원 | 50만원 |
|
||||
| 사진 등록 | - | 10만원 |
|
||||
| 챗봇/녹음/업무일지 | - | 각 20만원 |
|
||||
| 연구소 연구노트 | - | 5만원 |
|
||||
| 장비점검, 사무소 정비 | - | 5만원 |
|
||||
|
||||
> **참고**: 품질관리(인정검사)에는 '장비점검, 사무소 정비' 기능이 기본 포함된다.
|
||||
|
||||
---
|
||||
|
||||
## 4. 사용량 기반 추가 과금
|
||||
|
||||
기본 제공 한도 초과 시 실비 과금한다.
|
||||
|
||||
| 항목 | 기본 제공 | 추가 과금 기준 |
|
||||
|------|----------|--------------|
|
||||
| 파일 저장 공간 | 100GB | 100GB당 **10만원/월** |
|
||||
| AI 토큰 | 월 100만 토큰 | 1,000토큰 단위 실비 과금 |
|
||||
|
||||
### AI 토큰 사용량 체감 (100만 토큰 기준)
|
||||
|
||||
| 활용 시나리오 | 예상 처리량 |
|
||||
|-------------|-----------|
|
||||
| 음성 회의 요약 | 약 520분 (8.6시간) |
|
||||
| 문서 자료 정리 (A4) | 약 300~400매 |
|
||||
| 이메일/노트 분류 | 약 1,500~2,000건 |
|
||||
|
||||
- 미사용 잔여 토큰은 이월되지 않는다 (매월 1일 갱신)
|
||||
- 기본 제공량 80%, 100% 소진 시 자동 알림 발송
|
||||
|
||||
---
|
||||
|
||||
## 5. 바로빌 부가 서비스 요금
|
||||
|
||||
고객이 선택적으로 이용하는 바로빌 연동 서비스이다.
|
||||
|
||||
| 서비스 | 과금 방식 | 기본 제공 | 추가 과금 | 부담 주체 |
|
||||
|--------|---------|---------|---------|----------|
|
||||
| 계좌조회 | 월정액 10,000원 | 1계좌 | 추가 1계좌당 10,000원 | 고객 |
|
||||
| 카드내역 | 월정액 10,000원 | 5장 | 추가 1장당 5,000원 | 고객 |
|
||||
| 홈택스 매입/매출 | 월 33,000원 × 2 | - | - | 본사 (무료) |
|
||||
| 세금계산서 발행 | 건별 | 100건 | 추가 50건당 5,000원 | 고객 |
|
||||
|
||||
> **과금 계산 예시**:
|
||||
> - 법인카드 8장 등록 → (8-5) × 5,000 = 15,000원 추가
|
||||
> - 세금계산서 151건 → ceil((151-100)/50) × 5,000 = 10,000원 추가
|
||||
|
||||
---
|
||||
|
||||
## 6. 관련 문서
|
||||
|
||||
- [내부 과금정책](billing-policy.md) - 본사 지출 원가 및 코드 참조 (내부용)
|
||||
- [영업파트너 수당 체계](partner-commission.md) - 수당률 및 정산 프로세스 (파트너용)
|
||||
- [단가 정책 (품목)](pricing-policy.md) - 품목 단가/원가 계산
|
||||
|
||||
---
|
||||
|
||||
> **공통 안내**: 본 문서에 명시된 모든 개발비 및 구독료는 **부가가치세(VAT) 별도** 금액이다.
|
||||
|
||||
---
|
||||
|
||||
**최종 업데이트**: 2026-02-21
|
||||
BIN
rules/customer-pricing.pptx
Normal file
BIN
rules/customer-pricing.pptx
Normal file
Binary file not shown.
114
rules/partner-commission.md
Normal file
114
rules/partner-commission.md
Normal file
@@ -0,0 +1,114 @@
|
||||
# SAM 영업파트너 수당 체계
|
||||
|
||||
> **작성일**: 2026-02-21
|
||||
> **상태**: 설계 확정
|
||||
|
||||
---
|
||||
|
||||
## 1. 개요
|
||||
|
||||
### 1.1 목적
|
||||
|
||||
영업파트너가 알아야 할 수당 체계 및 정산 프로세스를 안내한다.
|
||||
|
||||
### 1.2 기본 원칙
|
||||
|
||||
- 수당은 **개발비에 대해서만** 지급한다
|
||||
- 구독료는 플랫폼 유지보수 및 클라우드 인프라 비용으로 활용되며 수당 대상이 아니다
|
||||
- 기준금액은 개발비의 50%이며, 2단계(1차/2차) 분할 지급한다
|
||||
|
||||
---
|
||||
|
||||
## 2. 가입 유형별 수당률
|
||||
|
||||
| 가입 유형 | 파트너/단체 수당 | 매니저 수당 | 협업지원금(유치자) | **본사 총 지급률** |
|
||||
|-----------|:--------------:|:----------:|:-----------------:|:----------------:|
|
||||
| **개인 가입** | 20% | 5% | 3% | **28%** |
|
||||
| **단체 가입** | 30% | 0% | 3% | **33%** |
|
||||
|
||||
- **협업지원금**: 유치자(parent)가 자신이 유치한 하위 파트너의 매출에서 3%를 수령하는 내부 제도
|
||||
- 1단계까지만 적용 (유치자 → 하위 파트너, 그 이상 상위로는 올라가지 않음)
|
||||
- 단체 가입 시 매니저 수당은 0%
|
||||
- 단체 가입 시 수수료율은 개발비의 33% (VAT 별도)
|
||||
|
||||
---
|
||||
|
||||
## 3. 수당 산정 예시
|
||||
|
||||
### 3.1 기준금액 100만원 기준
|
||||
|
||||
| 가입 유형 | 파트너/단체 | 매니저 | 협업지원금 | 본사 총 지급 |
|
||||
|-----------|----------:|-------:|----------:|------------:|
|
||||
| 개인 (유치자 있음) | 200,000원 | 50,000원 | 30,000원 | **280,000원 (28%)** |
|
||||
| 개인 (유치자 없음) | 200,000원 | 50,000원 | 0원 | 250,000원 (25%) |
|
||||
| 단체 | 300,000원 | 0원 | 30,000원 | **330,000원 (33%)** |
|
||||
|
||||
### 3.2 제조업 기본 패키지 (개발비 2,000만원) 기준
|
||||
|
||||
**개인 가입:**
|
||||
|
||||
| 항목 | 금액 |
|
||||
|------|-----:|
|
||||
| 판매자(파트너) 수당 | 400만원 (20%) |
|
||||
| 매니저 수당 | 100만원 (5%) |
|
||||
| 협업지원금(유치자) | 60만원 (3%) |
|
||||
|
||||
**단체 가입:**
|
||||
|
||||
| 항목 | 금액 |
|
||||
|------|-----:|
|
||||
| 단체 수당 | 600만원 (30%) |
|
||||
| 매니저 수당 | 0원 (0%) |
|
||||
| 협업지원금(유치자) | 60만원 (3%) |
|
||||
|
||||
---
|
||||
|
||||
## 4. 수당 지급 프로세스
|
||||
|
||||
```
|
||||
┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐
|
||||
│ 1. 계약 및 입금 │ → │ 2. 수당 확정 │ → │ 3. 지급 │
|
||||
│ │ │ │ │ │
|
||||
│ 개발비 전액 │ │ 매월 정산일에 │ │ 파트너 등록 │
|
||||
│ 완납 확인 │ │ 건별 수당 확정 │ │ 계좌로 지급 │
|
||||
└─────────────────┘ └─────────────────┘ └─────────────────┘
|
||||
```
|
||||
|
||||
- **지급 시점**: 개발비 입금 완료 확인 후 익월 정산일
|
||||
|
||||
---
|
||||
|
||||
## 5. 추가 옵션별 수당 참고
|
||||
|
||||
개발비가 있는 옵션만 수당 대상이다. 서비스 요금 상세는 [고객 요금 안내](customer-pricing.md)를 참조한다.
|
||||
|
||||
| 옵션명 | 개발비 (VAT 별도) | 판매자 수당 (20%) |
|
||||
|--------|------------------:|------------------:|
|
||||
| 생산공정 1개 추가 | 500만원 | 100만원 |
|
||||
| 품질관리 (인정검사) | 2,000만원 | 400만원 |
|
||||
|
||||
> **참고**: 구독료만 있는 옵션(사진 등록, 챗봇/녹음/업무일지 등)은 수당 대상이 아니다.
|
||||
|
||||
---
|
||||
|
||||
## 6. 기타 정책
|
||||
|
||||
- **계약 유지**: 장기 구독을 전제로 한 초기 비용 할인 정책이므로, 중도 해지 시 별도의 위약금 규정이 적용될 수 있다
|
||||
- **구독료**: 플랫폼 유지보수 및 클라우드 인프라 비용으로 활용되며, 수당 지급 대상이 아니다
|
||||
|
||||
---
|
||||
|
||||
## 7. 관련 문서
|
||||
|
||||
- [고객 요금 안내](customer-pricing.md) - 서비스 요금 상세 (고객용)
|
||||
- [내부 과금정책](billing-policy.md) - 본사 지출 원가 및 코드 참조 (내부용)
|
||||
- `sales/price/수당지급체계.md` - 수당 지급 체계 원본
|
||||
- `sales/policy/SAM_영업정책문서.md` - 영업 정책 상세
|
||||
|
||||
---
|
||||
|
||||
> **공통 안내**: 본 문서에 명시된 모든 개발비 및 구독료는 **부가가치세(VAT) 별도** 금액이다.
|
||||
|
||||
---
|
||||
|
||||
**최종 업데이트**: 2026-02-21
|
||||
BIN
rules/partner-commission.pptx
Normal file
BIN
rules/partner-commission.pptx
Normal file
Binary file not shown.
73
rules/slides/billing-policy/slide-01.html
Normal file
73
rules/slides/billing-policy/slide-01.html
Normal file
@@ -0,0 +1,73 @@
|
||||
<!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: #1a0a0a;
|
||||
padding: 32pt 40pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 상단 로고 + 배지 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<div style="display: flex; align-items: center; gap: 10pt;">
|
||||
<img src="/home/aweso/sam/docs/assets/bi/sam_bi_red.png" style="width: 28pt; height: 28pt; border-radius: 4pt;">
|
||||
<p style="font-size: 14pt; font-weight: 700; color: #ffffff;">SAM</p>
|
||||
</div>
|
||||
<div style="display: inline-block; padding: 5pt 16pt; background: #C0392B; border-radius: 16pt;">
|
||||
<p style="font-size: 9pt; font-weight: 700; color: #ffffff; letter-spacing: 0.08em;">CONFIDENTIAL</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 메인 타이틀 -->
|
||||
<div>
|
||||
<p style="font-size: 11pt; font-weight: 600; color: #E74C3C; letter-spacing: 0.06em; margin-bottom: 10pt;">INTERNAL USE ONLY</p>
|
||||
<h1 style="font-size: 44pt; font-weight: 800; color: #ffffff; letter-spacing: -0.02em; line-height: 1.15;">SAM 과금정책</h1>
|
||||
<p style="font-size: 14pt; color: rgba(255,255,255,0.4); margin-top: 12pt; line-height: 1.5;">본사 지출 원가 · 마진 구조 · 코드 참조</p>
|
||||
</div>
|
||||
|
||||
<!-- 3개 핵심 수치 카드 -->
|
||||
<div style="display: flex; gap: 14pt; margin-bottom: 14pt;">
|
||||
<div style="flex: 1; padding: 14pt 16pt; background: rgba(255,255,255,0.06); border-radius: 8pt; border-left: 3pt solid #E74C3C;">
|
||||
<p style="font-size: 7.5pt; color: rgba(255,255,255,0.35); letter-spacing: 0.04em; margin-bottom: 4pt;">COST PER TENANT</p>
|
||||
<p style="font-size: 18pt; font-weight: 700; color: #ffffff;">~1<span style="font-size: 11pt; font-weight: 500;">만원</span><span style="font-size: 10pt; font-weight: 400; color: rgba(255,255,255,0.4);">/월</span></p>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.35); margin-top: 3pt;">테넌트당 월 원가</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 14pt 16pt; background: rgba(255,255,255,0.06); border-radius: 8pt; border-left: 3pt solid #27AE60;">
|
||||
<p style="font-size: 7.5pt; color: rgba(255,255,255,0.35); letter-spacing: 0.04em; margin-bottom: 4pt;">OPERATING MARGIN</p>
|
||||
<p style="font-size: 18pt; font-weight: 700; color: #27AE60;">67~75%</p>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.35); margin-top: 3pt;">영업이익률</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 14pt 16pt; background: rgba(255,255,255,0.06); border-radius: 8pt; border-left: 3pt solid #E74C3C;">
|
||||
<p style="font-size: 7.5pt; color: rgba(255,255,255,0.35); letter-spacing: 0.04em; margin-bottom: 4pt;">SCALE ADVANTAGE</p>
|
||||
<p style="font-size: 18pt; font-weight: 700; color: #ffffff;">MC → 0</p>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.35); margin-top: 3pt;">스케일 시 한계비용</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 하단 메타 -->
|
||||
<div style="display: flex; gap: 48pt;">
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.25); margin-bottom: 3pt;">SCOPE</p>
|
||||
<p style="font-size: 10pt; font-weight: 500; color: rgba(255,255,255,0.55);">내부 개발팀 / 관리층</p>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.25); margin-bottom: 3pt;">DATE</p>
|
||||
<p style="font-size: 10pt; font-weight: 500; color: rgba(255,255,255,0.55);">2026. 02</p>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.25); margin-bottom: 3pt;">WARNING</p>
|
||||
<p style="font-size: 10pt; font-weight: 600; color: #E74C3C;">대외 공유 금지</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
91
rules/slides/billing-policy/slide-02.html
Normal file
91
rules/slides/billing-policy/slide-02.html
Normal file
@@ -0,0 +1,91 @@
|
||||
<!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: #f5f5f0;
|
||||
padding: 30pt 40pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 헤더 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 18pt;">
|
||||
<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;">OVERVIEW</p>
|
||||
</div>
|
||||
<h2 style="font-size: 22pt; font-weight: 700; color: #1a0a0a;">과금정책 3분할 체계</h2>
|
||||
</div>
|
||||
<div style="display: inline-block; padding: 3pt 10pt; background: #C0392B; border-radius: 10pt;">
|
||||
<p style="color: #fff; font-size: 7pt; font-weight: 600;">CONFIDENTIAL</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3개 카드 -->
|
||||
<div style="flex: 1; display: flex; gap: 14pt; margin-bottom: 12pt;">
|
||||
<!-- 고객용 -->
|
||||
<div style="flex: 1; display: flex; flex-direction: column; background: #ffffff; border-radius: 10pt; padding: 18pt; border-top: 3pt solid #2E86AB;">
|
||||
<div style="display: inline-block; padding: 3pt 8pt; background: #2E86AB; border-radius: 3pt; margin-bottom: 10pt; align-self: flex-start;">
|
||||
<p style="color: #fff; font-size: 7pt; font-weight: 600;">FOR CUSTOMER</p>
|
||||
</div>
|
||||
<h3 style="font-size: 14pt; font-weight: 700; color: #1a1a1a; margin-bottom: 6pt;">고객용</h3>
|
||||
<div style="display: flex; align-items: center; gap: 4pt; margin-bottom: 10pt; padding: 5pt 8pt; background: #f0f7ff; border-radius: 4pt;">
|
||||
<p style="font-size: 8pt; color: #2E86AB; font-weight: 500;">customer-pricing.md</p>
|
||||
</div>
|
||||
<p style="font-size: 9pt; color: #666; line-height: 1.6; margin-bottom: 8pt;">서비스 가격표, 과금 기준</p>
|
||||
<div style="margin-top: auto; padding-top: 8pt; border-top: 1pt solid #eee;">
|
||||
<p style="font-size: 8pt; color: #999;">고객에게 직접 전달 가능</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 파트너용 -->
|
||||
<div style="flex: 1; display: flex; flex-direction: column; background: #ffffff; border-radius: 10pt; padding: 18pt; border-top: 3pt solid #27AE60;">
|
||||
<div style="display: inline-block; padding: 3pt 8pt; background: #27AE60; border-radius: 3pt; margin-bottom: 10pt; align-self: flex-start;">
|
||||
<p style="color: #fff; font-size: 7pt; font-weight: 600;">FOR PARTNER</p>
|
||||
</div>
|
||||
<h3 style="font-size: 14pt; font-weight: 700; color: #1a1a1a; margin-bottom: 6pt;">파트너용</h3>
|
||||
<div style="display: flex; align-items: center; gap: 4pt; margin-bottom: 10pt; padding: 5pt 8pt; background: #f0faf4; border-radius: 4pt;">
|
||||
<p style="font-size: 8pt; color: #27AE60; font-weight: 500;">partner-commission.md</p>
|
||||
</div>
|
||||
<p style="font-size: 9pt; color: #666; line-height: 1.6; margin-bottom: 8pt;">수당률, 정산 프로세스</p>
|
||||
<div style="margin-top: auto; padding-top: 8pt; border-top: 1pt solid #eee;">
|
||||
<p style="font-size: 8pt; color: #999;">영업파트너 제공용</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 내부용 -->
|
||||
<div style="flex: 1; display: flex; flex-direction: column; background: #1a0a0a; border-radius: 10pt; padding: 18pt; border-top: 3pt solid #C0392B;">
|
||||
<div style="display: inline-block; padding: 3pt 8pt; background: #C0392B; border-radius: 3pt; margin-bottom: 10pt; align-self: flex-start;">
|
||||
<p style="color: #fff; font-size: 7pt; font-weight: 600;">INTERNAL ONLY</p>
|
||||
</div>
|
||||
<h3 style="font-size: 14pt; font-weight: 700; color: #ffffff; margin-bottom: 6pt;">내부용 (본 문서)</h3>
|
||||
<div style="display: flex; align-items: center; gap: 4pt; margin-bottom: 10pt; padding: 5pt 8pt; background: rgba(255,255,255,0.06); border-radius: 4pt;">
|
||||
<p style="font-size: 8pt; color: #E74C3C; font-weight: 500;">billing-policy.md</p>
|
||||
</div>
|
||||
<p style="font-size: 9pt; color: rgba(255,255,255,0.5); line-height: 1.6; margin-bottom: 8pt;">원가, 마진, 코드참조</p>
|
||||
<div style="margin-top: auto; padding-top: 8pt; border-top: 1pt solid rgba(255,255,255,0.1);">
|
||||
<p style="font-size: 8pt; color: #E74C3C; font-weight: 600;">대외 공유 금지</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 경고 -->
|
||||
<div style="padding: 10pt 16pt; background: #fdedef; border-left: 3pt solid #C0392B; border-radius: 0 6pt 6pt 0; margin-bottom: 10pt;">
|
||||
<p style="font-size: 9.5pt; font-weight: 600; color: #C0392B;">본 문서는 내부 개발팀/관리층 전용입니다. 고객 및 파트너에게 공유하지 마세요.</p>
|
||||
</div>
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 8pt; border-top: 1pt solid #e5e5e0;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 내부 과금정책 | CONFIDENTIAL</p>
|
||||
<p style="font-size: 8pt; color: #999;">02</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
109
rules/slides/billing-policy/slide-03.html
Normal file
109
rules/slides/billing-policy/slide-03.html
Normal file
@@ -0,0 +1,109 @@
|
||||
<!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: 14pt;">
|
||||
<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;">바로빌 API 원가 분석</h2>
|
||||
</div>
|
||||
<p style="font-size: 10pt; color: #999;">03</p>
|
||||
</div>
|
||||
|
||||
<!-- 2컬럼 -->
|
||||
<div style="flex: 1; display: flex; gap: 18pt;">
|
||||
<!-- 좌측: 월정액 서비스 -->
|
||||
<div style="flex: 1.2; display: flex; flex-direction: column;">
|
||||
<p style="font-size: 10pt; font-weight: 600; color: #666; margin-bottom: 8pt; letter-spacing: 0.03em;">월정액 서비스</p>
|
||||
<!-- 헤더 행 -->
|
||||
<div style="display: flex; background: #1a0a0a; border-radius: 4pt 4pt 0 0; padding: 7pt 10pt;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; font-weight: 600; color: #E74C3C;">서비스</p></div>
|
||||
<div style="flex: 0.8; text-align: right;"><p style="font-size: 8.5pt; font-weight: 600; color: #fff;">월정액</p></div>
|
||||
<div style="flex: 1.6; text-align: right;"><p style="font-size: 8.5pt; font-weight: 600; color: #fff;">처리 방식</p></div>
|
||||
</div>
|
||||
<!-- 계좌조회 -->
|
||||
<div style="display: flex; padding: 7pt 10pt; background: #fafafa;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; color: #1a1a1a;">계좌조회</p></div>
|
||||
<div style="flex: 0.8; text-align: right;"><p style="font-size: 8.5pt; color: #1a1a1a;">10,000원</p></div>
|
||||
<div style="flex: 1.6; text-align: right;"><p style="font-size: 8.5pt; color: #666;">고객 부담 (전가)</p></div>
|
||||
</div>
|
||||
<!-- 카드내역 -->
|
||||
<div style="display: flex; padding: 7pt 10pt; background: #fff;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; color: #1a1a1a;">카드내역</p></div>
|
||||
<div style="flex: 0.8; text-align: right;"><p style="font-size: 8.5pt; color: #1a1a1a;">10,000원</p></div>
|
||||
<div style="flex: 1.6; text-align: right;"><p style="font-size: 8.5pt; color: #666;">고객 부담 (전가)</p></div>
|
||||
</div>
|
||||
<!-- 홈택스 매입 -->
|
||||
<div style="display: flex; padding: 7pt 10pt; background: #f0faf4;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; color: #1a1a1a;">홈택스 매입</p></div>
|
||||
<div style="flex: 0.8; text-align: right;"><p style="font-size: 8.5pt; color: #1a1a1a;">33,000원</p></div>
|
||||
<div style="flex: 1.6; text-align: right;"><p style="font-size: 8.5pt; font-weight: 600; color: #27AE60;">본사 흡수 (코드브릿지엑스 → 무료)</p></div>
|
||||
</div>
|
||||
<!-- 홈택스 매출 -->
|
||||
<div style="display: flex; padding: 7pt 10pt; background: #f0faf4; border-radius: 0 0 4pt 4pt;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; color: #1a1a1a;">홈택스 매출</p></div>
|
||||
<div style="flex: 0.8; text-align: right;"><p style="font-size: 8.5pt; color: #1a1a1a;">33,000원</p></div>
|
||||
<div style="flex: 1.6; text-align: right;"><p style="font-size: 8.5pt; font-weight: 600; color: #27AE60;">본사 흡수 (무료)</p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 우측 -->
|
||||
<div style="flex: 1; display: flex; flex-direction: column; gap: 12pt;">
|
||||
<!-- 건별 과금 -->
|
||||
<div>
|
||||
<p style="font-size: 10pt; font-weight: 600; color: #666; margin-bottom: 8pt; letter-spacing: 0.03em;">건별 과금</p>
|
||||
<!-- 헤더 -->
|
||||
<div style="display: flex; background: #1a0a0a; border-radius: 4pt 4pt 0 0; padding: 7pt 10pt;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; font-weight: 600; color: #E74C3C;">서비스</p></div>
|
||||
<div style="flex: 1; text-align: right;"><p style="font-size: 8.5pt; font-weight: 600; color: #fff;">원가</p></div>
|
||||
</div>
|
||||
<div style="display: flex; padding: 7pt 10pt; background: #fafafa; border-radius: 0 0 4pt 4pt;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; color: #1a1a1a;">세금계산서 발행</p></div>
|
||||
<div style="flex: 1; text-align: right;"><p style="font-size: 8.5pt; font-weight: 600; color: #E74C3C;">100원/건</p></div>
|
||||
</div>
|
||||
<!-- 마진 계산 -->
|
||||
<div style="padding: 8pt 10pt; background: #fff8f0; border-radius: 4pt; margin-top: 6pt; border-left: 2pt solid #E74C3C;">
|
||||
<p style="font-size: 8pt; color: #1a1a1a; font-weight: 500;">고객 과금: 5,000원/50건</p>
|
||||
<p style="font-size: 8pt; color: #E74C3C; font-weight: 600;">마진: 4,900원 (98%)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 참고 박스 -->
|
||||
<div style="flex: 1; background: #f5f5f0; border-radius: 8pt; padding: 12pt; display: flex; flex-direction: column; gap: 6pt;">
|
||||
<p style="font-size: 9pt; font-weight: 700; color: #1a1a1a; margin-bottom: 2pt;">핵심 요약</p>
|
||||
<div style="display: flex; align-items: flex-start; gap: 6pt;">
|
||||
<div style="width: 3pt; height: 3pt; background: #27AE60; border-radius: 50%; flex-shrink: 0; margin-top: 4pt;"></div>
|
||||
<p style="font-size: 8pt; color: #666; line-height: 1.6;">계좌/카드 → 고객 전가, 홈택스 → 코드브릿지엑스 지원으로 본사 원가 0원</p>
|
||||
</div>
|
||||
<div style="display: flex; align-items: flex-start; gap: 6pt;">
|
||||
<div style="width: 3pt; height: 3pt; background: #E74C3C; border-radius: 50%; flex-shrink: 0; margin-top: 4pt;"></div>
|
||||
<p style="font-size: 8pt; color: #666; line-height: 1.6;">본사 실질 부담: 세금계산서 원가만 (5,000~10,000원/월)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 8pt; border-top: 1pt solid #eee; margin-top: 8pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 내부 과금정책 | CONFIDENTIAL</p>
|
||||
<p style="font-size: 8pt; color: #999;">03</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
142
rules/slides/billing-policy/slide-04.html
Normal file
142
rules/slides/billing-policy/slide-04.html
Normal file
@@ -0,0 +1,142 @@
|
||||
<!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>
|
||||
115
rules/slides/billing-policy/slide-05.html
Normal file
115
rules/slides/billing-policy/slide-05.html
Normal file
@@ -0,0 +1,115 @@
|
||||
<!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: #f5f5f0;
|
||||
padding: 22pt 40pt 14pt;
|
||||
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;">MARGIN</p>
|
||||
</div>
|
||||
<h2 style="font-size: 20pt; font-weight: 700; color: #1a1a1a;">마진 구조 + 가격 책정 배경</h2>
|
||||
</div>
|
||||
<p style="font-size: 10pt; color: #999;">05</p>
|
||||
</div>
|
||||
|
||||
<!-- 2컬럼 카드 -->
|
||||
<div style="flex: 1; display: flex; gap: 16pt;">
|
||||
<!-- 좌측: 마진 구조 (다크) -->
|
||||
<div style="flex: 1; background: #1a0a0a; border-radius: 10pt; padding: 14pt; display: flex; flex-direction: column; justify-content: space-between;">
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: #E74C3C; font-weight: 600; letter-spacing: 0.06em; margin-bottom: 6pt;">MARGIN STRUCTURE</p>
|
||||
<p style="font-size: 11pt; font-weight: 500; color: rgba(255,255,255,0.5); margin-bottom: 2pt;">회사 영업이익률</p>
|
||||
<p style="font-size: 38pt; font-weight: 800; color: #ffffff; letter-spacing: -0.02em;">67~75%</p>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 6pt; margin-top: 12pt;">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 8pt 10pt; background: rgba(255,255,255,0.06); border-radius: 4pt;">
|
||||
<p style="font-size: 9pt; color: rgba(255,255,255,0.5);">개인 가입</p>
|
||||
<p style="font-size: 9pt; font-weight: 600; color: #ffffff;">72~75%<span style="font-size: 8pt; font-weight: 400; color: rgba(255,255,255,0.35);"> (수당 25~28%)</span></p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 8pt 10pt; background: rgba(255,255,255,0.06); border-radius: 4pt;">
|
||||
<p style="font-size: 9pt; color: rgba(255,255,255,0.5);">단체 가입</p>
|
||||
<p style="font-size: 9pt; font-weight: 600; color: #ffffff;">~67%<span style="font-size: 8pt; font-weight: 400; color: rgba(255,255,255,0.35);"> (수당 33%)</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 6pt 10pt; background: rgba(39,174,96,0.12); border-radius: 4pt; margin-top: 10pt;">
|
||||
<p style="font-size: 8pt; color: #27AE60; font-weight: 600;">SaaS 업계 평균 마진 60% 대비 높은 수익성</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 우측: 가격 책정 배경 -->
|
||||
<div style="flex: 1; background: #ffffff; border-radius: 10pt; padding: 14pt; border: 1pt solid #e5e5e0; display: flex; flex-direction: column; justify-content: space-between;">
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: #666; font-weight: 600; letter-spacing: 0.06em; margin-bottom: 6pt;">PRICE BACKGROUND</p>
|
||||
<p style="font-size: 11pt; font-weight: 500; color: #666; margin-bottom: 2pt;">내부 총 개발비 산정</p>
|
||||
<p style="font-size: 38pt; font-weight: 800; color: #1a1a1a; letter-spacing: -0.02em;">7,600<span style="font-size: 18pt; font-weight: 500;">만원</span></p>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 5pt; margin-top: 12pt;">
|
||||
<div style="display: flex; align-items: center; gap: 6pt; padding: 6pt 10pt; background: #fafafa; border-radius: 4pt;">
|
||||
<div style="width: 3pt; height: 3pt; background: #1a1a1a; border-radius: 50%; flex-shrink: 0;"></div>
|
||||
<p style="font-size: 8.5pt; color: #666;">개발비 2,000만원 + 장기 구독 약 7년</p>
|
||||
</div>
|
||||
<div style="display: flex; align-items: center; gap: 6pt; padding: 6pt 10pt; background: #fafafa; border-radius: 4pt;">
|
||||
<div style="width: 3pt; height: 3pt; background: #1a1a1a; border-radius: 50%; flex-shrink: 0;"></div>
|
||||
<p style="font-size: 8.5pt; color: #666;">금융 비용 4.6% 포함</p>
|
||||
</div>
|
||||
<div style="display: flex; align-items: center; gap: 6pt; padding: 6pt 10pt; background: #fafafa; border-radius: 4pt;">
|
||||
<div style="width: 3pt; height: 3pt; background: #1a1a1a; border-radius: 50%; flex-shrink: 0;"></div>
|
||||
<p style="font-size: 8.5pt; color: #666;">중소기업 초기 투자 부담 분산 구조</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 월간 예상 바 -->
|
||||
<div style="margin-top: 8pt; background: #ffffff; border-radius: 6pt; padding: 8pt 16pt; border: 1pt solid #e5e5e0;">
|
||||
<p style="font-size: 8pt; font-weight: 700; color: #666; margin-bottom: 4pt;">본사 지출 월간 예상 (테넌트 1개)</p>
|
||||
<div style="display: flex; gap: 12pt; align-items: center;">
|
||||
<div style="flex: 1; padding: 6pt 8pt; background: #f0faf4; border-radius: 4pt; text-align: center;">
|
||||
<p style="font-size: 7pt; color: #999; margin-bottom: 2pt;">바로빌 홈택스</p>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #27AE60;">0원</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 6pt 8pt; background: #fafafa; border-radius: 4pt; text-align: center;">
|
||||
<p style="font-size: 7pt; color: #999; margin-bottom: 2pt;">세금계산서</p>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #1a1a1a;">5,000~10,000원</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 6pt 8pt; background: #fafafa; border-radius: 4pt; text-align: center;">
|
||||
<p style="font-size: 7pt; color: #999; margin-bottom: 2pt;">AI 토큰</p>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #1a1a1a;">100~5,000원</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 6pt 8pt; background: #fafafa; border-radius: 4pt; text-align: center;">
|
||||
<p style="font-size: 7pt; color: #999; margin-bottom: 2pt;">GCS/STT</p>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #1a1a1a;">50~2,000원</p>
|
||||
</div>
|
||||
<div style="width: 1pt; height: 28pt; background: #e5e5e0;"></div>
|
||||
<div style="padding: 6pt 10pt; background: #1a0a0a; border-radius: 4pt; text-align: center;">
|
||||
<p style="font-size: 7pt; color: rgba(255,255,255,0.5); margin-bottom: 2pt;">합계 최대</p>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #E74C3C;">~17,000원<span style="font-size: 7pt; font-weight: 400; color: rgba(255,255,255,0.4);">/월</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 6pt; padding: 4pt 8pt; background: #fdedef; border-radius: 3pt; text-align: center;">
|
||||
<p style="font-size: 8pt; color: #C0392B; font-weight: 600;">구독료 50만원 대비 원가율 3.4% — 스케일 시 한계비용 0에 수렴</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 5pt; margin-top: 4pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 내부 과금정책 | CONFIDENTIAL</p>
|
||||
<p style="font-size: 8pt; color: #999;">05</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
116
rules/slides/billing-policy/slide-06.html
Normal file
116
rules/slides/billing-policy/slide-06.html
Normal file
@@ -0,0 +1,116 @@
|
||||
<!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;">CODE REF</p>
|
||||
</div>
|
||||
<h2 style="font-size: 20pt; font-weight: 700; color: #1a1a1a;">코드 참조 — 소스 파일</h2>
|
||||
</div>
|
||||
<p style="font-size: 10pt; color: #999;">06</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: 6pt; margin-bottom: 8pt;">
|
||||
<div style="width: 10pt; height: 10pt; background: #E74C3C; border-radius: 2pt;"></div>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #1a1a1a;">바로빌 과금</p>
|
||||
<div style="display: inline-block; padding: 2pt 6pt; background: #fdedef; border-radius: 3pt;">
|
||||
<p style="font-size: 7pt; color: #C0392B;">6개 파일</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; flex-direction: column; gap: 4pt;">
|
||||
<div style="padding: 7pt 10pt; background: #fafafa; border-radius: 4pt; border-left: 2pt solid #E74C3C;">
|
||||
<p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">BarobillSubscription.php</p>
|
||||
<p style="font-size: 7pt; color: #888;">DEFAULT_MONTHLY_FEES 상수</p>
|
||||
</div>
|
||||
<div style="padding: 7pt 10pt; background: #fafafa; border-radius: 4pt; border-left: 2pt solid #E74C3C;">
|
||||
<p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">BarobillBillingRecord.php</p>
|
||||
<p style="font-size: 7pt; color: #888;">USAGE_UNIT_PRICES 상수</p>
|
||||
</div>
|
||||
<div style="padding: 7pt 10pt; background: #fafafa; border-radius: 4pt; border-left: 2pt solid #E74C3C;">
|
||||
<p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">BarobillPricingPolicy.php</p>
|
||||
<p style="font-size: 7pt; color: #888;">calculateBilling() 메서드</p>
|
||||
</div>
|
||||
<div style="padding: 7pt 10pt; background: #fafafa; border-radius: 4pt; border-left: 2pt solid #E74C3C;">
|
||||
<p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">BarobillBillingService.php</p>
|
||||
<p style="font-size: 7pt; color: #888;">월정액/건별 과금 처리</p>
|
||||
</div>
|
||||
<div style="padding: 7pt 10pt; background: #fafafa; border-radius: 4pt; border-left: 2pt solid #E74C3C;">
|
||||
<p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">BarobillUsageService.php</p>
|
||||
<p style="font-size: 7pt; color: #888;">사용량 집계</p>
|
||||
</div>
|
||||
<div style="padding: 7pt 10pt; background: #fafafa; border-radius: 4pt; border-left: 2pt solid #E74C3C;">
|
||||
<p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">BarobillPricingPolicySeeder.php</p>
|
||||
<p style="font-size: 7pt; color: #888;">5개 정책 시더</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 우측: AI 가격/토큰 -->
|
||||
<div style="flex: 1; display: flex; flex-direction: column;">
|
||||
<div style="display: flex; align-items: center; gap: 6pt; margin-bottom: 8pt;">
|
||||
<div style="width: 10pt; height: 10pt; background: #1a0a0a; border-radius: 2pt;"></div>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #1a1a1a;">AI 가격/토큰</p>
|
||||
<div style="display: inline-block; padding: 2pt 6pt; background: #f5f5f0; border-radius: 3pt;">
|
||||
<p style="font-size: 7pt; color: #999;">5개 파일</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; flex-direction: column; gap: 4pt;">
|
||||
<div style="padding: 7pt 10pt; background: #fafafa; border-radius: 4pt; border-left: 2pt solid #1a0a0a;">
|
||||
<p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">AiPricingConfig.php</p>
|
||||
<p style="font-size: 7pt; color: #888;">getActivePricing()</p>
|
||||
</div>
|
||||
<div style="padding: 7pt 10pt; background: #fafafa; border-radius: 4pt; border-left: 2pt solid #1a0a0a;">
|
||||
<p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">AiTokenUsage.php</p>
|
||||
<p style="font-size: 7pt; color: #888;">토큰 사용량 기록</p>
|
||||
</div>
|
||||
<div style="padding: 7pt 10pt; background: #fafafa; border-radius: 4pt; border-left: 2pt solid #1a0a0a;">
|
||||
<p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">AiReportService.php</p>
|
||||
<p style="font-size: 7pt; color: #888;">saveTokenUsage()</p>
|
||||
</div>
|
||||
<div style="padding: 7pt 10pt; background: #fafafa; border-radius: 4pt; border-left: 2pt solid #1a0a0a;">
|
||||
<p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">ai_pricing_configs 마이그레이션</p>
|
||||
<p style="font-size: 7pt; color: #888;">AI 단가 테이블</p>
|
||||
</div>
|
||||
<div style="padding: 7pt 10pt; background: #fafafa; border-radius: 4pt; border-left: 2pt solid #1a0a0a;">
|
||||
<p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">ai_token_usages 마이그레이션</p>
|
||||
<p style="font-size: 7pt; color: #888;">토큰 사용량 테이블</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 공간 활용: 참고 -->
|
||||
<div style="margin-top: auto; padding: 8pt 10pt; background: #f5f5f0; border-radius: 6pt;">
|
||||
<p style="font-size: 7.5pt; color: #666; line-height: 1.5;">모든 과금 상수와 정책은 소스 코드에 정의되며, DB 시더/마이그레이션으로 초기 데이터가 관리됩니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 8pt; border-top: 1pt solid #eee; margin-top: 8pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 내부 과금정책 | CONFIDENTIAL</p>
|
||||
<p style="font-size: 8pt; color: #999;">06</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
128
rules/slides/billing-policy/slide-07.html
Normal file
128
rules/slides/billing-policy/slide-07.html
Normal file
@@ -0,0 +1,128 @@
|
||||
<!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: 26pt 40pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 헤더 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 14pt;">
|
||||
<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;">CODE REF</p>
|
||||
</div>
|
||||
<h2 style="font-size: 20pt; font-weight: 700; color: #1a1a1a;">코드 참조 — DB 테이블</h2>
|
||||
</div>
|
||||
<p style="font-size: 10pt; color: #999;">07</p>
|
||||
</div>
|
||||
|
||||
<!-- DB 테이블 리스트 (div+flexbox) -->
|
||||
<div style="flex: 1; display: flex; flex-direction: column; gap: 5pt;">
|
||||
<!-- 헤더 행 -->
|
||||
<div style="display: flex; padding: 8pt 14pt; background: #1a0a0a; border-radius: 4pt;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 9pt; font-weight: 600; color: #E74C3C;">테이블</p></div>
|
||||
<div style="flex: 0.4; text-align: center;"><p style="font-size: 9pt; font-weight: 600; color: rgba(255,255,255,0.5);">카테고리</p></div>
|
||||
<div style="flex: 1.4;"><p style="font-size: 9pt; font-weight: 600; color: #ffffff;">설명</p></div>
|
||||
</div>
|
||||
|
||||
<!-- barobill_subscriptions -->
|
||||
<div style="display: flex; padding: 8pt 14pt; background: #fafafa; border-radius: 4pt; border-left: 3pt solid #E74C3C;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">barobill_subscriptions</p></div>
|
||||
<div style="flex: 0.4; text-align: center;">
|
||||
<div style="display: inline-block; padding: 1pt 6pt; background: #fdedef; border-radius: 2pt;">
|
||||
<p style="font-size: 6.5pt; color: #C0392B; font-weight: 600;">바로빌</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="flex: 1.4;"><p style="font-size: 8.5pt; color: #666;">바로빌 월정액 구독 현황</p></div>
|
||||
</div>
|
||||
|
||||
<!-- barobill_billing_records -->
|
||||
<div style="display: flex; padding: 8pt 14pt; background: #fff; border-radius: 4pt; border-left: 3pt solid #E74C3C;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">barobill_billing_records</p></div>
|
||||
<div style="flex: 0.4; text-align: center;">
|
||||
<div style="display: inline-block; padding: 1pt 6pt; background: #fdedef; border-radius: 2pt;">
|
||||
<p style="font-size: 6.5pt; color: #C0392B; font-weight: 600;">바로빌</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="flex: 1.4;"><p style="font-size: 8.5pt; color: #666;">바로빌 월별 과금 내역</p></div>
|
||||
</div>
|
||||
|
||||
<!-- barobill_pricing_policies -->
|
||||
<div style="display: flex; padding: 8pt 14pt; background: #fafafa; border-radius: 4pt; border-left: 3pt solid #E74C3C;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">barobill_pricing_policies</p></div>
|
||||
<div style="flex: 0.4; text-align: center;">
|
||||
<div style="display: inline-block; padding: 1pt 6pt; background: #fdedef; border-radius: 2pt;">
|
||||
<p style="font-size: 6.5pt; color: #C0392B; font-weight: 600;">바로빌</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="flex: 1.4;"><p style="font-size: 8.5pt; color: #666;">과금 정책 (무료 제공량, 추가 단가)</p></div>
|
||||
</div>
|
||||
|
||||
<!-- ai_pricing_configs -->
|
||||
<div style="display: flex; padding: 8pt 14pt; background: #fff; border-radius: 4pt; border-left: 3pt solid #1a0a0a;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">ai_pricing_configs</p></div>
|
||||
<div style="flex: 0.4; text-align: center;">
|
||||
<div style="display: inline-block; padding: 1pt 6pt; background: #f5f5f0; border-radius: 2pt;">
|
||||
<p style="font-size: 6.5pt; color: #666; font-weight: 600;">AI</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="flex: 1.4;"><p style="font-size: 8.5pt; color: #666;">AI 제공자별 단가 설정</p></div>
|
||||
</div>
|
||||
|
||||
<!-- ai_token_usages -->
|
||||
<div style="display: flex; padding: 8pt 14pt; background: #fafafa; border-radius: 4pt; border-left: 3pt solid #1a0a0a;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">ai_token_usages</p></div>
|
||||
<div style="flex: 0.4; text-align: center;">
|
||||
<div style="display: inline-block; padding: 1pt 6pt; background: #f5f5f0; border-radius: 2pt;">
|
||||
<p style="font-size: 6.5pt; color: #666; font-weight: 600;">AI</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="flex: 1.4;"><p style="font-size: 8.5pt; color: #666;">AI 토큰 사용량 기록</p></div>
|
||||
</div>
|
||||
|
||||
<!-- ai_voice_recordings -->
|
||||
<div style="display: flex; padding: 8pt 14pt; background: #fff; border-radius: 4pt; border-left: 3pt solid #1a0a0a;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">ai_voice_recordings</p></div>
|
||||
<div style="flex: 0.4; text-align: center;">
|
||||
<div style="display: inline-block; padding: 1pt 6pt; background: #f5f5f0; border-radius: 2pt;">
|
||||
<p style="font-size: 6.5pt; color: #666; font-weight: 600;">AI</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="flex: 1.4;"><p style="font-size: 8.5pt; color: #666;">AI 음성 녹음 (STT 비용 발생)</p></div>
|
||||
</div>
|
||||
|
||||
<!-- sales_commissions -->
|
||||
<div style="display: flex; padding: 8pt 14pt; background: #fafafa; border-radius: 4pt; border-left: 3pt solid #D97706;">
|
||||
<div style="flex: 1.2;"><p style="font-size: 8.5pt; font-weight: 600; color: #1a1a1a;">sales_commissions</p></div>
|
||||
<div style="flex: 0.4; text-align: center;">
|
||||
<div style="display: inline-block; padding: 1pt 6pt; background: #fff8e1; border-radius: 2pt;">
|
||||
<p style="font-size: 6.5pt; color: #D97706; font-weight: 600;">영업</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="flex: 1.4;"><p style="font-size: 8.5pt; color: #666;">영업수수료 정산</p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 하단 참고 -->
|
||||
<div style="padding: 8pt 14pt; background: #f5f5f0; border-radius: 6pt; margin-top: 8pt;">
|
||||
<p style="font-size: 8pt; color: #666; line-height: 1.5;">모든 테이블은 tenant_id 기반 Multi-tenant 구조이며, API 프로젝트(/home/aweso/sam/api)에서 마이그레이션을 관리합니다.</p>
|
||||
</div>
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 8pt; border-top: 1pt solid #eee; margin-top: 8pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 내부 과금정책 | CONFIDENTIAL</p>
|
||||
<p style="font-size: 8pt; color: #999;">07</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -20,10 +20,8 @@
|
||||
<!-- 상단: 로고 + 뱃지 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<div style="display: flex; align-items: center; gap: 10pt;">
|
||||
<div style="width: 24pt; height: 24pt; background: #2E86AB; border-radius: 5pt; display: flex; align-items: center; justify-content: center;">
|
||||
<p style="color: #fff; font-size: 14pt; font-weight: 700;">S</p>
|
||||
</div>
|
||||
<p style="font-size: 13pt; font-weight: 600; color: #ffffff;">SAM</p>
|
||||
<img src="/home/aweso/sam/docs/assets/bi/sam_bi_blue.png" style="width: 28pt; height: 28pt;">
|
||||
<p style="font-size: 14pt; font-weight: 700; color: #ffffff;">SAM</p>
|
||||
</div>
|
||||
<div style="display: inline-block; padding: 5pt 14pt; border: 1px solid rgba(255,255,255,0.3); border-radius: 16pt;">
|
||||
<p style="font-size: 9pt; font-weight: 500; color: rgba(255,255,255,0.7); letter-spacing: 0.05em;">SERVICE PRICING 2026</p>
|
||||
@@ -57,7 +55,7 @@
|
||||
<div style="display: flex; gap: 48pt; align-items: flex-end;">
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt; letter-spacing: 0.04em;">COMPANY</p>
|
||||
<p style="font-size: 11pt; font-weight: 500; color: rgba(255,255,255,0.8);">주일 / 경동</p>
|
||||
<p style="font-size: 11pt; font-weight: 500; color: rgba(255,255,255,0.8);">(주)코드브릿지엑스</p>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt; letter-spacing: 0.04em;">DATE</p>
|
||||
|
||||
@@ -74,7 +74,7 @@
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 10pt; border-top: 1pt solid #e2e8f0; margin-top: 10pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 서비스 요금 안내 | 주일/경동</p>
|
||||
<p style="font-size: 8pt; color: #999;">SAM 서비스 요금 안내 | (주)코드브릿지엑스</p>
|
||||
<p style="font-size: 8pt; color: #999;">02 / 07</p>
|
||||
<p style="font-size: 8pt; color: #E86F2C; font-weight: 500;">모든 금액 VAT 별도</p>
|
||||
</div>
|
||||
|
||||
@@ -124,7 +124,7 @@
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 8pt; border-top: 1pt solid #e2e8f0; margin-top: 8pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 서비스 요금 안내 | 주일/경동</p>
|
||||
<p style="font-size: 8pt; color: #999;">SAM 서비스 요금 안내 | (주)코드브릿지엑스</p>
|
||||
<p style="font-size: 8pt; color: #E86F2C; font-weight: 500;">모든 금액 VAT 별도</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@@ -156,7 +156,7 @@
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 8pt; border-top: 1pt solid #e2e8f0; margin-top: 8pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 서비스 요금 안내 | 주일/경동</p>
|
||||
<p style="font-size: 8pt; color: #999;">SAM 서비스 요금 안내 | (주)코드브릿지엑스</p>
|
||||
<p style="font-size: 8pt; color: #E86F2C; font-weight: 500;">모든 금액 VAT 별도</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@@ -117,7 +117,7 @@
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 8pt; border-top: 1pt solid #e2e8f0; margin-top: 8pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 서비스 요금 안내 | 주일/경동</p>
|
||||
<p style="font-size: 8pt; color: #999;">SAM 서비스 요금 안내 | (주)코드브릿지엑스</p>
|
||||
<p style="font-size: 8pt; color: #E86F2C; font-weight: 500;">모든 금액 VAT 별도</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@@ -110,7 +110,7 @@
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 8pt; border-top: 1pt solid #e2e8f0; margin-top: 8pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 서비스 요금 안내 | 주일/경동</p>
|
||||
<p style="font-size: 8pt; color: #999;">SAM 서비스 요금 안내 | (주)코드브릿지엑스</p>
|
||||
<p style="font-size: 8pt; color: #E86F2C; font-weight: 500;">모든 금액 VAT 별도</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@@ -19,10 +19,8 @@
|
||||
<body>
|
||||
<!-- 로고 -->
|
||||
<div style="display: flex; align-items: center; gap: 10pt;">
|
||||
<div style="width: 24pt; height: 24pt; background: #2E86AB; border-radius: 5pt; display: flex; align-items: center; justify-content: center;">
|
||||
<p style="color: #fff; font-size: 14pt; font-weight: 700;">S</p>
|
||||
</div>
|
||||
<p style="font-size: 13pt; font-weight: 600; color: #ffffff;">SAM</p>
|
||||
<img src="/home/aweso/sam/docs/assets/bi/sam_bi_blue.png" style="width: 28pt; height: 28pt;">
|
||||
<p style="font-size: 14pt; font-weight: 700; color: #ffffff;">SAM</p>
|
||||
</div>
|
||||
|
||||
<!-- 메인 메시지 -->
|
||||
@@ -46,7 +44,7 @@
|
||||
<div style="display: flex; gap: 48pt; align-items: flex-end;">
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt; letter-spacing: 0.04em;">COMPANY</p>
|
||||
<p style="font-size: 11pt; font-weight: 500; color: rgba(255,255,255,0.8);">주일 / 경동</p>
|
||||
<p style="font-size: 11pt; font-weight: 500; color: rgba(255,255,255,0.8);">(주)코드브릿지엑스</p>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt; letter-spacing: 0.04em;">SYSTEM</p>
|
||||
|
||||
72
rules/slides/partner-commission/slide-01.html
Normal file
72
rules/slides/partner-commission/slide-01.html
Normal file
@@ -0,0 +1,72 @@
|
||||
<!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: #0d2818;
|
||||
padding: 36pt 44pt 28pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 상단 로고 + 배지 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<div style="display: flex; align-items: center; gap: 10pt;">
|
||||
<img src="/home/aweso/sam/docs/assets/bi/sam_bi_green.png" style="width: 28pt; height: 28pt; border-radius: 5pt;">
|
||||
<p style="font-size: 14pt; font-weight: 700; color: #ffffff; letter-spacing: 0.05em;">SAM</p>
|
||||
</div>
|
||||
<div style="display: inline-block; padding: 5pt 16pt; border: 1pt solid rgba(255,255,255,0.2); border-radius: 20pt;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: rgba(255,255,255,0.5); letter-spacing: 0.08em;">PARTNER COMMISSION GUIDE</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 메인 타이틀 영역 -->
|
||||
<div>
|
||||
<p style="font-size: 11pt; font-weight: 600; color: #27AE60; letter-spacing: 0.06em; margin-bottom: 10pt;">SALES PARTNER COMMISSION</p>
|
||||
<h1 style="font-size: 40pt; font-weight: 800; color: #ffffff; letter-spacing: -0.02em; line-height: 1.2;">SAM 영업파트너<br>수당 체계</h1>
|
||||
<p style="font-size: 12pt; color: rgba(255,255,255,0.45); margin-top: 8pt; line-height: 1.5;">Smart Automation Management</p>
|
||||
<p style="font-size: 13pt; font-weight: 500; color: rgba(255,255,255,0.7); margin-top: 10pt; line-height: 1.5;">업계 최고 수준 수당률, 함께 성장하는 파트너십</p>
|
||||
</div>
|
||||
|
||||
<!-- 핵심 수치 3개 카드 -->
|
||||
<div style="display: flex; gap: 12pt;">
|
||||
<div style="flex: 1; background: rgba(39,174,96,0.15); border: 1pt solid rgba(39,174,96,0.3); border-radius: 10pt; padding: 14pt 16pt;">
|
||||
<p style="font-size: 22pt; font-weight: 800; color: #27AE60; margin-bottom: 4pt;">33%</p>
|
||||
<p style="font-size: 9pt; color: rgba(255,255,255,0.6); line-height: 1.4;">최대 수당률</p>
|
||||
</div>
|
||||
<div style="flex: 1; background: rgba(39,174,96,0.15); border: 1pt solid rgba(39,174,96,0.3); border-radius: 10pt; padding: 14pt 16pt;">
|
||||
<p style="font-size: 22pt; font-weight: 800; color: #ffffff; margin-bottom: 4pt;">660<span style="font-size: 13pt;">만원</span></p>
|
||||
<p style="font-size: 9pt; color: rgba(255,255,255,0.6); line-height: 1.4;">개발비 2,000만원 기준</p>
|
||||
</div>
|
||||
<div style="flex: 1; background: rgba(39,174,96,0.15); border: 1pt solid rgba(39,174,96,0.3); border-radius: 10pt; padding: 14pt 16pt;">
|
||||
<p style="font-size: 22pt; font-weight: 800; color: #ffffff; margin-bottom: 4pt;">무제한</p>
|
||||
<p style="font-size: 9pt; color: rgba(255,255,255,0.6); line-height: 1.4;">누적 파트너 수익</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 하단 정보 -->
|
||||
<div style="display: flex; gap: 48pt; padding-top: 10pt; border-top: 1pt solid rgba(255,255,255,0.1);">
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt;">COMPANY</p>
|
||||
<p style="font-size: 10pt; font-weight: 500; color: rgba(255,255,255,0.7);">(주)코드브릿지엑스</p>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt;">DATE</p>
|
||||
<p style="font-size: 10pt; font-weight: 500; color: rgba(255,255,255,0.7);">2026. 02</p>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt;">NOTE</p>
|
||||
<p style="font-size: 10pt; font-weight: 600; color: #27AE60;">VAT 별도</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
91
rules/slides/partner-commission/slide-02.html
Normal file
91
rules/slides/partner-commission/slide-02.html
Normal file
@@ -0,0 +1,91 @@
|
||||
<!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: #f5faf5;
|
||||
padding: 30pt 44pt 20pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 헤더 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20pt;">
|
||||
<div style="display: flex; align-items: center; gap: 12pt;">
|
||||
<div style="display: inline-block; padding: 4pt 10pt; background: #0d2818; border-radius: 4pt;">
|
||||
<p style="color: #27AE60; font-size: 8pt; font-weight: 600;">SECTION 01</p>
|
||||
</div>
|
||||
<h2 style="font-size: 22pt; font-weight: 800; color: #0d2818;">수당 지급 3대 원칙</h2>
|
||||
</div>
|
||||
<p style="font-size: 10pt; color: #999;">02</p>
|
||||
</div>
|
||||
|
||||
<!-- 3개 원칙 카드 -->
|
||||
<div style="flex: 1; display: flex; gap: 14pt;">
|
||||
<!-- 원칙 1 -->
|
||||
<div style="flex: 1; background: #ffffff; border-radius: 12pt; padding: 20pt 18pt; border-top: 3pt solid #27AE60; display: flex; flex-direction: column;">
|
||||
<div style="width: 38pt; height: 38pt; background: #0d2818; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12pt;">
|
||||
<p style="color: #27AE60; font-size: 18pt; font-weight: 800;">1</p>
|
||||
</div>
|
||||
<h3 style="font-size: 16pt; font-weight: 700; color: #0d2818; margin-bottom: 8pt;">개발비 기반</h3>
|
||||
<p style="font-size: 10pt; color: #5a6b5d; line-height: 1.65;">수당은 <span style="font-weight: 700; color: #0d2818;">개발비에 대해서만</span> 지급합니다.</p>
|
||||
<p style="font-size: 10pt; color: #5a6b5d; line-height: 1.65; margin-top: 4pt;">구독료는 인프라 비용으로 활용되며 수당 대상이 아닙니다.</p>
|
||||
<div style="margin-top: auto; padding-top: 10pt;">
|
||||
<div style="display: inline-block; padding: 4pt 10pt; background: #e8f5e9; border-radius: 4pt;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: #27AE60;">개발비 = 수당 대상</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 원칙 2 -->
|
||||
<div style="flex: 1; background: #ffffff; border-radius: 12pt; padding: 20pt 18pt; border-top: 3pt solid #27AE60; display: flex; flex-direction: column;">
|
||||
<div style="width: 38pt; height: 38pt; background: #0d2818; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12pt;">
|
||||
<p style="color: #27AE60; font-size: 18pt; font-weight: 800;">2</p>
|
||||
</div>
|
||||
<h3 style="font-size: 16pt; font-weight: 700; color: #0d2818; margin-bottom: 8pt;">기준금액 50% 적용</h3>
|
||||
<p style="font-size: 10pt; color: #5a6b5d; line-height: 1.65;">개발비의 <span style="font-weight: 700; color: #0d2818;">50%</span>를 기준금액으로 산정합니다.</p>
|
||||
<p style="font-size: 10pt; color: #5a6b5d; line-height: 1.65; margin-top: 4pt;">기준금액에 수당률을 적용하여 2단계 분할 지급합니다.</p>
|
||||
<div style="margin-top: auto; padding-top: 10pt;">
|
||||
<div style="display: inline-block; padding: 4pt 10pt; background: #e8f5e9; border-radius: 4pt;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: #27AE60;">2단계 분할 지급</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 원칙 3 -->
|
||||
<div style="flex: 1; background: #ffffff; border-radius: 12pt; padding: 20pt 18pt; border-top: 3pt solid #27AE60; display: flex; flex-direction: column;">
|
||||
<div style="width: 38pt; height: 38pt; background: #0d2818; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 12pt;">
|
||||
<p style="color: #27AE60; font-size: 18pt; font-weight: 800;">3</p>
|
||||
</div>
|
||||
<h3 style="font-size: 16pt; font-weight: 700; color: #0d2818; margin-bottom: 8pt;">투명한 정산</h3>
|
||||
<p style="font-size: 10pt; color: #5a6b5d; line-height: 1.65;">매월 정산일에 <span style="font-weight: 700; color: #0d2818;">건별 수당 확정</span>합니다.</p>
|
||||
<p style="font-size: 10pt; color: #5a6b5d; line-height: 1.65; margin-top: 4pt;">익월 파트너 등록 계좌로 입금합니다.</p>
|
||||
<div style="margin-top: auto; padding-top: 10pt;">
|
||||
<div style="display: inline-block; padding: 4pt 10pt; background: #e8f5e9; border-radius: 4pt;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: #27AE60;">매월 정산 + 익월 지급</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 하단 강조 문구 -->
|
||||
<div style="margin-top: 14pt; padding: 10pt 20pt; background: #0d2818; border-radius: 8pt; text-align: center;">
|
||||
<p style="font-size: 12pt; font-weight: 700; color: #27AE60;">명확한 기준, 신뢰할 수 있는 파트너십</p>
|
||||
</div>
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 8pt; margin-top: 8pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 영업파트너 수당 체계 | (주)코드브릿지엑스</p>
|
||||
<p style="font-size: 8pt; color: #999;">02</p>
|
||||
<p style="font-size: 8pt; color: #27AE60; font-weight: 500;">VAT 별도</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
118
rules/slides/partner-commission/slide-03.html
Normal file
118
rules/slides/partner-commission/slide-03.html
Normal file
@@ -0,0 +1,118 @@
|
||||
<!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: 24pt 44pt 14pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 헤더 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10pt;">
|
||||
<div style="display: flex; align-items: center; gap: 12pt;">
|
||||
<div style="display: inline-block; padding: 4pt 10pt; background: #0d2818; border-radius: 4pt;">
|
||||
<p style="color: #27AE60; font-size: 8pt; font-weight: 600;">SECTION 02</p>
|
||||
</div>
|
||||
<h2 style="font-size: 20pt; font-weight: 800; color: #0d2818;">가입 유형별 수당률</h2>
|
||||
</div>
|
||||
<p style="font-size: 10pt; color: #999;">03</p>
|
||||
</div>
|
||||
|
||||
<!-- 2단 비교 카드 -->
|
||||
<div style="flex: 1; display: flex; gap: 18pt;">
|
||||
<!-- 개인 가입 -->
|
||||
<div style="flex: 1; background: #f5faf5; border-radius: 12pt; padding: 16pt; border: 1pt solid #c8e6c9; display: flex; flex-direction: column;">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10pt;">
|
||||
<h3 style="font-size: 17pt; font-weight: 700; color: #0d2818;">개인 가입</h3>
|
||||
<div style="display: inline-block; padding: 5pt 14pt; background: #0d2818; border-radius: 6pt;">
|
||||
<p style="color: #27AE60; font-size: 10pt; font-weight: 800;">총 28%</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 큰 숫자 -->
|
||||
<div style="text-align: center; margin-bottom: 8pt;">
|
||||
<p style="font-size: 36pt; font-weight: 900; color: #0d2818; letter-spacing: -0.02em;">28<span style="font-size: 20pt;">%</span></p>
|
||||
</div>
|
||||
|
||||
<!-- 항목 3행 -->
|
||||
<div style="display: flex; flex-direction: column; gap: 6pt; flex: 1;">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 8pt 12pt; background: #ffffff; border-radius: 6pt;">
|
||||
<p style="font-size: 10pt; color: #5a6b5d;">파트너 수당</p>
|
||||
<p style="font-size: 15pt; font-weight: 800; color: #0d2818;">20%</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 8pt 12pt; background: #ffffff; border-radius: 6pt;">
|
||||
<p style="font-size: 10pt; color: #5a6b5d;">매니저 수당</p>
|
||||
<p style="font-size: 15pt; font-weight: 800; color: #0d2818;">5%</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 8pt 12pt; background: #ffffff; border-radius: 6pt;">
|
||||
<p style="font-size: 10pt; color: #5a6b5d;">협업지원금(유치자)</p>
|
||||
<p style="font-size: 15pt; font-weight: 800; color: #27AE60;">3%</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 10pt; text-align: center;">
|
||||
<p style="font-size: 9pt; color: #5a6b5d;">매니저와 유치자를 통한 추가 수익 구조</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 단체 가입 -->
|
||||
<div style="flex: 1; background: #0d2818; border-radius: 12pt; padding: 16pt; display: flex; flex-direction: column;">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10pt;">
|
||||
<h3 style="font-size: 17pt; font-weight: 700; color: #ffffff;">단체 가입</h3>
|
||||
<div style="display: inline-block; padding: 5pt 14pt; background: #27AE60; border-radius: 6pt;">
|
||||
<p style="color: #ffffff; font-size: 10pt; font-weight: 800;">총 33%</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 큰 숫자 -->
|
||||
<div style="text-align: center; margin-bottom: 8pt;">
|
||||
<p style="font-size: 40pt; font-weight: 900; color: #27AE60; letter-spacing: -0.02em;">33<span style="font-size: 22pt;">%</span></p>
|
||||
</div>
|
||||
|
||||
<!-- 항목 3행 -->
|
||||
<div style="display: flex; flex-direction: column; gap: 6pt; flex: 1;">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 8pt 12pt; background: rgba(255,255,255,0.08); border-radius: 6pt;">
|
||||
<p style="font-size: 10pt; color: rgba(255,255,255,0.6);">단체 수당</p>
|
||||
<p style="font-size: 15pt; font-weight: 800; color: #ffffff;">30%</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 8pt 12pt; background: rgba(255,255,255,0.08); border-radius: 6pt;">
|
||||
<p style="font-size: 10pt; color: rgba(255,255,255,0.6);">매니저</p>
|
||||
<p style="font-size: 15pt; font-weight: 800; color: rgba(255,255,255,0.25);">0%</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding: 8pt 12pt; background: rgba(255,255,255,0.08); border-radius: 6pt;">
|
||||
<p style="font-size: 10pt; color: rgba(255,255,255,0.6);">협업지원금(유치자)</p>
|
||||
<p style="font-size: 15pt; font-weight: 800; color: #27AE60;">3%</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 10pt; text-align: center;">
|
||||
<p style="font-size: 9pt; font-weight: 600; color: #27AE60;">단체 가입 시 최고 수당률!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 하단 바 -->
|
||||
<div style="margin-top: 8pt; padding: 6pt 16pt; background: #e8f5e9; border-radius: 6pt; display: flex; justify-content: center; gap: 20pt;">
|
||||
<p style="font-size: 9pt; color: #2e7d32; font-weight: 500;">유치자 수당은 하위 파트너 1단계까지 적용</p>
|
||||
<p style="font-size: 9pt; color: #2e7d32;">|</p>
|
||||
<p style="font-size: 9pt; color: #2e7d32; font-weight: 500;">단체 가입 시 수수료율 개발비의 33% (VAT 별도)</p>
|
||||
</div>
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 8pt; margin-top: 6pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 영업파트너 수당 체계 | (주)코드브릿지엑스</p>
|
||||
<p style="font-size: 8pt; color: #999;">03</p>
|
||||
<p style="font-size: 8pt; color: #27AE60; font-weight: 500;">VAT 별도</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
180
rules/slides/partner-commission/slide-04.html
Normal file
180
rules/slides/partner-commission/slide-04.html
Normal file
@@ -0,0 +1,180 @@
|
||||
<!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: #f5faf5;
|
||||
padding: 24pt 44pt 16pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
</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: #0d2818; border-radius: 4pt;">
|
||||
<p style="color: #27AE60; font-size: 8pt; font-weight: 600;">SECTION 03</p>
|
||||
</div>
|
||||
<h2 style="font-size: 20pt; font-weight: 800; color: #0d2818;">수당 산정 시뮬레이션</h2>
|
||||
</div>
|
||||
<p style="font-size: 10pt; color: #999;">04</p>
|
||||
</div>
|
||||
|
||||
<!-- 상단: 기준금액 100만원 기준 -->
|
||||
<div style="margin-bottom: 10pt;">
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #0d2818; margin-bottom: 7pt;">기준금액 100만원 기준</p>
|
||||
|
||||
<!-- 헤더행 -->
|
||||
<div style="display: flex; gap: 1pt; margin-bottom: 2pt;">
|
||||
<div style="flex: 2; padding: 5pt 10pt; background: #0d2818; border-radius: 3pt 0 0 0;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: #27AE60;">가입 유형</p>
|
||||
</div>
|
||||
<div style="flex: 1.2; padding: 5pt 8pt; background: #0d2818; text-align: right;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: #fff;">파트너/단체</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 5pt 8pt; background: #0d2818; text-align: right;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: #fff;">매니저</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 5pt 8pt; background: #0d2818; text-align: right;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: #fff;">협업지원금</p>
|
||||
</div>
|
||||
<div style="flex: 1.5; padding: 5pt 8pt; background: #0d2818; text-align: right; border-radius: 0 3pt 0 0;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: #27AE60;">총 지급</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 데이터 행 1 -->
|
||||
<div style="display: flex; gap: 1pt; margin-bottom: 1pt;">
|
||||
<div style="flex: 2; padding: 5pt 10pt; background: #ffffff;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: #0d2818;">개인 (유치자O)</p>
|
||||
</div>
|
||||
<div style="flex: 1.2; padding: 5pt 8pt; background: #ffffff; text-align: right;">
|
||||
<p style="font-size: 8pt; color: #0d2818;">200,000원</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 5pt 8pt; background: #ffffff; text-align: right;">
|
||||
<p style="font-size: 8pt; color: #0d2818;">50,000원</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 5pt 8pt; background: #ffffff; text-align: right;">
|
||||
<p style="font-size: 8pt; color: #0d2818;">30,000원</p>
|
||||
</div>
|
||||
<div style="flex: 1.5; padding: 5pt 8pt; background: #ffffff; text-align: right;">
|
||||
<p style="font-size: 8pt; font-weight: 700; color: #27AE60;">280,000원 (28%)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 데이터 행 2 -->
|
||||
<div style="display: flex; gap: 1pt; margin-bottom: 1pt;">
|
||||
<div style="flex: 2; padding: 5pt 10pt; background: #eef6ee;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: #0d2818;">개인 (유치자X)</p>
|
||||
</div>
|
||||
<div style="flex: 1.2; padding: 5pt 8pt; background: #eef6ee; text-align: right;">
|
||||
<p style="font-size: 8pt; color: #0d2818;">200,000원</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 5pt 8pt; background: #eef6ee; text-align: right;">
|
||||
<p style="font-size: 8pt; color: #0d2818;">50,000원</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 5pt 8pt; background: #eef6ee; text-align: right;">
|
||||
<p style="font-size: 8pt; color: #bbb;">0원</p>
|
||||
</div>
|
||||
<div style="flex: 1.5; padding: 5pt 8pt; background: #eef6ee; text-align: right;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: #5a6b5d;">250,000원 (25%)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 데이터 행 3 -->
|
||||
<div style="display: flex; gap: 1pt;">
|
||||
<div style="flex: 2; padding: 5pt 10pt; background: #ffffff;">
|
||||
<p style="font-size: 8pt; font-weight: 600; color: #0d2818;">단체</p>
|
||||
</div>
|
||||
<div style="flex: 1.2; padding: 5pt 8pt; background: #ffffff; text-align: right;">
|
||||
<p style="font-size: 8pt; color: #0d2818;">300,000원</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 5pt 8pt; background: #ffffff; text-align: right;">
|
||||
<p style="font-size: 8pt; color: #bbb;">0원</p>
|
||||
</div>
|
||||
<div style="flex: 1; padding: 5pt 8pt; background: #ffffff; text-align: right;">
|
||||
<p style="font-size: 8pt; color: #0d2818;">30,000원</p>
|
||||
</div>
|
||||
<div style="flex: 1.5; padding: 5pt 8pt; background: #ffffff; text-align: right;">
|
||||
<p style="font-size: 8pt; font-weight: 700; color: #27AE60;">330,000원 (33%)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 하단: 제조업 기본 패키지 실제 수당 -->
|
||||
<div style="flex: 1; display: flex; flex-direction: column;">
|
||||
<div style="display: flex; align-items: center; gap: 8pt; margin-bottom: 8pt;">
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #0d2818;">제조업 기본 패키지 (개발비 2,000만원) 실제 수당</p>
|
||||
<div style="display: inline-block; padding: 2pt 8pt; background: #27AE60; border-radius: 3pt;">
|
||||
<p style="font-size: 7pt; font-weight: 700; color: #fff;">실전 시뮬레이션</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="flex: 1; display: flex; gap: 16pt;">
|
||||
<!-- 개인 가입 카드 -->
|
||||
<div style="flex: 1; background: #ffffff; border-radius: 10pt; padding: 14pt 16pt; border: 1pt solid #c8e6c9; display: flex; flex-direction: column;">
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #0d2818; margin-bottom: 10pt;">개인 가입</p>
|
||||
<div style="display: flex; justify-content: space-between; padding: 5pt 0; border-bottom: 1pt solid #e8f5e9;">
|
||||
<p style="font-size: 9pt; color: #5a6b5d;">판매자(파트너)</p>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #0d2818;">400만원</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; padding: 5pt 0; border-bottom: 1pt solid #e8f5e9;">
|
||||
<p style="font-size: 9pt; color: #5a6b5d;">매니저</p>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #0d2818;">100만원</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; padding: 5pt 0;">
|
||||
<p style="font-size: 9pt; color: #5a6b5d;">협업지원금</p>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #27AE60;">60만원</p>
|
||||
</div>
|
||||
<div style="margin-top: auto; padding-top: 8pt; text-align: center;">
|
||||
<div style="display: inline-block; padding: 5pt 16pt; background: #e8f5e9; border-radius: 6pt;">
|
||||
<p style="font-size: 12pt; font-weight: 800; color: #0d2818;">총 560만원 수익!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 단체 가입 카드 -->
|
||||
<div style="flex: 1; background: #0d2818; border-radius: 10pt; padding: 14pt 16pt; display: flex; flex-direction: column;">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10pt;">
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #27AE60;">단체 가입</p>
|
||||
<div style="display: inline-block; padding: 2pt 8pt; background: #27AE60; border-radius: 3pt;">
|
||||
<p style="font-size: 7pt; font-weight: 700; color: #fff;">BEST</p>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; padding: 5pt 0; border-bottom: 1pt solid rgba(255,255,255,0.1);">
|
||||
<p style="font-size: 9pt; color: rgba(255,255,255,0.5);">단체</p>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #ffffff;">600만원</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; padding: 5pt 0; border-bottom: 1pt solid rgba(255,255,255,0.1);">
|
||||
<p style="font-size: 9pt; color: rgba(255,255,255,0.5);">매니저</p>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: rgba(255,255,255,0.25);">0원</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; padding: 5pt 0;">
|
||||
<p style="font-size: 9pt; color: rgba(255,255,255,0.5);">협업지원금</p>
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #27AE60;">60만원</p>
|
||||
</div>
|
||||
<div style="margin-top: auto; padding-top: 8pt; text-align: center;">
|
||||
<div style="display: inline-block; padding: 5pt 16pt; background: #27AE60; border-radius: 6pt;">
|
||||
<p style="font-size: 14pt; font-weight: 900; color: #ffffff;">총 660만원 수익!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 6pt; margin-top: 6pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 영업파트너 수당 체계 | (주)코드브릿지엑스</p>
|
||||
<p style="font-size: 8pt; color: #999;">04</p>
|
||||
<p style="font-size: 8pt; color: #27AE60; font-weight: 500;">VAT 별도</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
129
rules/slides/partner-commission/slide-05.html
Normal file
129
rules/slides/partner-commission/slide-05.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!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: 26pt 44pt 18pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 헤더 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16pt;">
|
||||
<div style="display: flex; align-items: center; gap: 12pt;">
|
||||
<div style="display: inline-block; padding: 4pt 10pt; background: #0d2818; border-radius: 4pt;">
|
||||
<p style="color: #27AE60; font-size: 8pt; font-weight: 600;">SECTION 04</p>
|
||||
</div>
|
||||
<h2 style="font-size: 22pt; font-weight: 800; color: #0d2818;">수당 지급 프로세스</h2>
|
||||
</div>
|
||||
<p style="font-size: 10pt; color: #999;">05</p>
|
||||
</div>
|
||||
|
||||
<!-- 3단계 프로세스 -->
|
||||
<div style="display: flex; align-items: center; gap: 8pt; margin-bottom: 16pt;">
|
||||
<!-- Step 1 -->
|
||||
<div style="flex: 1; background: #f5faf5; border-radius: 10pt; padding: 18pt 14pt; text-align: center; border: 1pt solid #c8e6c9;">
|
||||
<div style="width: 40pt; height: 40pt; background: #0d2818; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 10pt;">
|
||||
<p style="color: #27AE60; font-size: 18pt; font-weight: 800;">1</p>
|
||||
</div>
|
||||
<h3 style="font-size: 14pt; font-weight: 700; color: #0d2818; margin-bottom: 6pt;">계약 및 입금</h3>
|
||||
<p style="font-size: 9pt; color: #5a6b5d; line-height: 1.5;">개발비 전액 완납 확인</p>
|
||||
</div>
|
||||
|
||||
<!-- 화살표 -->
|
||||
<div style="display: flex; align-items: center;">
|
||||
<p style="font-size: 20pt; color: #27AE60; font-weight: 300;">➜</p>
|
||||
</div>
|
||||
|
||||
<!-- Step 2 -->
|
||||
<div style="flex: 1; background: #f5faf5; border-radius: 10pt; padding: 18pt 14pt; text-align: center; border: 1pt solid #c8e6c9;">
|
||||
<div style="width: 40pt; height: 40pt; background: #0d2818; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 10pt;">
|
||||
<p style="color: #27AE60; font-size: 18pt; font-weight: 800;">2</p>
|
||||
</div>
|
||||
<h3 style="font-size: 14pt; font-weight: 700; color: #0d2818; margin-bottom: 6pt;">수당 확정</h3>
|
||||
<p style="font-size: 9pt; color: #5a6b5d; line-height: 1.5;">매월 정산일 건별 수당 확정</p>
|
||||
</div>
|
||||
|
||||
<!-- 화살표 -->
|
||||
<div style="display: flex; align-items: center;">
|
||||
<p style="font-size: 20pt; color: #27AE60; font-weight: 300;">➜</p>
|
||||
</div>
|
||||
|
||||
<!-- Step 3 -->
|
||||
<div style="flex: 1; background: #0d2818; border-radius: 10pt; padding: 18pt 14pt; text-align: center;">
|
||||
<div style="width: 40pt; height: 40pt; background: #27AE60; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 10pt;">
|
||||
<p style="color: #ffffff; font-size: 18pt; font-weight: 800;">3</p>
|
||||
</div>
|
||||
<h3 style="font-size: 14pt; font-weight: 700; color: #ffffff; margin-bottom: 6pt;">지급</h3>
|
||||
<p style="font-size: 9pt; color: rgba(255,255,255,0.6); line-height: 1.5;">파트너 등록 계좌로 입금</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 추가 옵션 수당 참고 -->
|
||||
<div style="flex: 1; display: flex; flex-direction: column;">
|
||||
<div style="display: flex; align-items: center; gap: 8pt; margin-bottom: 8pt;">
|
||||
<p style="font-size: 10pt; font-weight: 700; color: #0d2818;">추가 옵션 수당 참고</p>
|
||||
<div style="display: inline-block; padding: 2pt 8pt; background: #e8f5e9; border-radius: 3pt;">
|
||||
<p style="font-size: 7pt; font-weight: 600; color: #27AE60;">개발비가 있는 옵션만 수당 대상</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 12pt; flex: 1;">
|
||||
<!-- 생산공정 추가 -->
|
||||
<div style="flex: 1; background: #f5faf5; border-radius: 8pt; padding: 14pt 16pt; border: 1pt solid #c8e6c9; display: flex; flex-direction: column; justify-content: center;">
|
||||
<p style="font-size: 9pt; font-weight: 700; color: #0d2818; margin-bottom: 6pt;">생산공정 추가</p>
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4pt;">
|
||||
<p style="font-size: 8pt; color: #5a6b5d;">개발비</p>
|
||||
<p style="font-size: 9pt; font-weight: 600; color: #0d2818;">500만원</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<p style="font-size: 8pt; color: #5a6b5d;">판매자 수당</p>
|
||||
<p style="font-size: 11pt; font-weight: 800; color: #27AE60;">100만원</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 품질관리 인정검사 -->
|
||||
<div style="flex: 1; background: #f5faf5; border-radius: 8pt; padding: 14pt 16pt; border: 1pt solid #c8e6c9; display: flex; flex-direction: column; justify-content: center;">
|
||||
<p style="font-size: 9pt; font-weight: 700; color: #0d2818; margin-bottom: 6pt;">품질관리 인정검사</p>
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4pt;">
|
||||
<p style="font-size: 8pt; color: #5a6b5d;">개발비</p>
|
||||
<p style="font-size: 9pt; font-weight: 600; color: #0d2818;">2,000만원</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<p style="font-size: 8pt; color: #5a6b5d;">판매자 수당</p>
|
||||
<p style="font-size: 11pt; font-weight: 800; color: #27AE60;">400만원</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 구독료만 있는 옵션 -->
|
||||
<div style="flex: 1; background: #fafafa; border-radius: 8pt; padding: 14pt 16pt; border: 1pt solid #e0e0e0; display: flex; flex-direction: column; justify-content: center;">
|
||||
<p style="font-size: 9pt; font-weight: 700; color: #999; margin-bottom: 6pt;">구독료만 있는 옵션</p>
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4pt;">
|
||||
<p style="font-size: 8pt; color: #bbb;">개발비</p>
|
||||
<p style="font-size: 9pt; font-weight: 600; color: #bbb;">없음</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<p style="font-size: 8pt; color: #bbb;">판매자 수당</p>
|
||||
<p style="font-size: 11pt; font-weight: 800; color: #bbb;">비대상</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 푸터 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 8pt; margin-top: 8pt;">
|
||||
<p style="font-size: 8pt; color: #999;">SAM 영업파트너 수당 체계 | (주)코드브릿지엑스</p>
|
||||
<p style="font-size: 8pt; color: #999;">05</p>
|
||||
<p style="font-size: 8pt; color: #27AE60; font-weight: 500;">VAT 별도</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
73
rules/slides/partner-commission/slide-06.html
Normal file
73
rules/slides/partner-commission/slide-06.html
Normal file
@@ -0,0 +1,73 @@
|
||||
<!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: #0d2818;
|
||||
padding: 36pt 44pt 28pt;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 상단 로고 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<div style="display: flex; align-items: center; gap: 10pt;">
|
||||
<img src="/home/aweso/sam/docs/assets/bi/sam_bi_green.png" style="width: 28pt; height: 28pt; border-radius: 5pt;">
|
||||
<p style="font-size: 14pt; font-weight: 700; color: #ffffff; letter-spacing: 0.05em;">SAM</p>
|
||||
</div>
|
||||
<p style="font-size: 10pt; color: rgba(255,255,255,0.3);">06</p>
|
||||
</div>
|
||||
|
||||
<!-- 메인 콘텐츠 -->
|
||||
<div>
|
||||
<p style="font-size: 11pt; font-weight: 600; color: #27AE60; letter-spacing: 0.06em; margin-bottom: 10pt;">PARTNERSHIP</p>
|
||||
<h1 style="font-size: 36pt; font-weight: 800; color: #ffffff; letter-spacing: -0.02em; line-height: 1.25;">지금, SAM 파트너로<br>함께하세요</h1>
|
||||
<p style="font-size: 13pt; color: rgba(255,255,255,0.55); margin-top: 12pt; line-height: 1.6;">제조업 디지털 전환 시장, 폭발적 성장 중</p>
|
||||
<p style="font-size: 13pt; color: rgba(255,255,255,0.55); line-height: 1.6;">대한민국 제조업 디지털 전환, 당신이 이끄는 비즈니스 기회</p>
|
||||
</div>
|
||||
|
||||
<!-- 핵심 수치 요약 카드 -->
|
||||
<div style="display: flex; gap: 12pt; margin-bottom: 16pt;">
|
||||
<div style="flex: 1; background: rgba(39,174,96,0.15); border: 1pt solid rgba(39,174,96,0.3); border-radius: 8pt; padding: 12pt 14pt; text-align: center;">
|
||||
<p style="font-size: 20pt; font-weight: 800; color: #27AE60;">33%</p>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.5); margin-top: 2pt;">최대 수당률</p>
|
||||
</div>
|
||||
<div style="flex: 1; background: rgba(39,174,96,0.15); border: 1pt solid rgba(39,174,96,0.3); border-radius: 8pt; padding: 12pt 14pt; text-align: center;">
|
||||
<p style="font-size: 20pt; font-weight: 800; color: #ffffff;">660<span style="font-size: 11pt;">만원</span></p>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.5); margin-top: 2pt;">건당 최대 수익</p>
|
||||
</div>
|
||||
<div style="flex: 1; background: rgba(39,174,96,0.15); border: 1pt solid rgba(39,174,96,0.3); border-radius: 8pt; padding: 12pt 14pt; text-align: center;">
|
||||
<p style="font-size: 20pt; font-weight: 800; color: #ffffff;">무제한</p>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.5); margin-top: 2pt;">누적 수익 상한</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 연락처 + 하단 정보 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: flex-end; padding-top: 10pt; border-top: 1pt solid rgba(255,255,255,0.1);">
|
||||
<div style="display: flex; gap: 40pt;">
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt;">COMPANY</p>
|
||||
<p style="font-size: 10pt; font-weight: 500; color: rgba(255,255,255,0.7);">(주)코드브릿지엑스</p>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt;">SYSTEM</p>
|
||||
<p style="font-size: 10pt; font-weight: 500; color: rgba(255,255,255,0.7);">Smart Automation Management</p>
|
||||
</div>
|
||||
<div>
|
||||
<p style="font-size: 8pt; color: rgba(255,255,255,0.3); margin-bottom: 3pt;">CONTACT</p>
|
||||
<p style="font-size: 10pt; font-weight: 500; color: rgba(255,255,255,0.7);">본사 정산팀</p>
|
||||
</div>
|
||||
</div>
|
||||
<p style="font-size: 9pt; font-weight: 600; color: #27AE60;">모든 금액 VAT 별도</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user