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:
김보곤
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