02a892f8b8
- billing-policy.md 3분할: customer-pricing.md, partner-commission.md, billing-policy.md - 3개 프레젠테이션 HTML 슬라이드 및 PPTX 생성 (총 20장) - customer-pricing: 고객용 요금 안내 (7장, 블루 테마) - partner-commission: 영업파트너 수당 체계 (6장, 그린 테마) - billing-policy: 내부 대외비 과금정책 (7장, 레드 테마) - 전체 슬라이드 BI 로고 삽입 및 주일/경동 → (주)코드브릿지엑스 전환 - esign-storyboard.pptx 내 브랜딩 텍스트 수정 - INDEX.md 업데이트
92 lines
5.1 KiB
HTML
92 lines
5.1 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: #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>
|