d57b84c8f2
- billing-policy.md → customer-pricing / partner-commission / billing-policy 3분할 - HTML 슬라이드 20장 디자인 (div+flexbox, html2pptx 호환) - PPTX 3종 생성: customer-pricing(7장), partner-commission(6장), billing-policy(7장) - 회사명 통일: 주일/경동 → (주)코드브릿지엑스 (전체 문서 + PPTX) - SAM BI 로고 이미지 7종 추가 (docs/assets/bi/) - CLAUDE.md PPT 제작 전역 규칙 추가 - e-sign PPTX 내부 회사명 교체
129 lines
6.9 KiB
HTML
129 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css">
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
width: 720pt;
|
|
height: 405pt;
|
|
font-family: 'Pretendard', sans-serif;
|
|
background: #ffffff;
|
|
padding: 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> |