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 업데이트
110 lines
6.4 KiB
HTML
110 lines
6.4 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: 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>
|