Files
sam-docs/rules/slides/partner-commission/slide-04.html
김보곤 02a892f8b8 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 업데이트
2026-02-21 21:13:46 +09:00

180 lines
9.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
width: 720pt;
height: 405pt;
font-family: 'Pretendard', sans-serif;
background: #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>