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 업데이트
117 lines
6.6 KiB
HTML
117 lines
6.6 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 36pt 20pt 36pt;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
</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: 10pt;">
|
|
<div style="display: inline-block; padding: 3pt 9pt; background: #2E86AB; border-radius: 4pt;">
|
|
<p style="color: #fff; font-size: 7pt; font-weight: 600;">SECTION 04</p>
|
|
</div>
|
|
<h2 style="font-size: 20pt; font-weight: 700; color: #1B3A5C;">바로빌 부가서비스</h2>
|
|
</div>
|
|
<p style="font-size: 9pt; color: #999;">06 / 07</p>
|
|
</div>
|
|
|
|
<!-- 데이터 행 (div+flexbox 테이블 대체) -->
|
|
<div style="flex: 1; display: flex; flex-direction: column; gap: 0;">
|
|
<!-- 헤더 행 -->
|
|
<div style="display: flex; background: #1B3A5C; border-radius: 6pt 6pt 0 0; padding: 7pt 12pt;">
|
|
<div style="flex: 1;"><p style="font-size: 8pt; font-weight: 600; color: #fff;">서비스</p></div>
|
|
<div style="flex: 1;"><p style="font-size: 8pt; font-weight: 600; color: #fff;">과금 방식</p></div>
|
|
<div style="flex: 0.7;"><p style="font-size: 8pt; font-weight: 600; color: #fff;">기본 제공</p></div>
|
|
<div style="flex: 1.2;"><p style="font-size: 8pt; font-weight: 600; color: #fff;">추가 과금</p></div>
|
|
<div style="flex: 0.4; text-align: center;"><p style="font-size: 8pt; font-weight: 600; color: #fff;">부담</p></div>
|
|
</div>
|
|
|
|
<!-- 행1: 계좌조회 -->
|
|
<div style="display: flex; background: #f7f9fc; padding: 8pt 12pt; align-items: center;">
|
|
<div style="flex: 1;"><p style="font-size: 9pt; font-weight: 600; color: #1e2a3a;">계좌조회</p></div>
|
|
<div style="flex: 1;"><p style="font-size: 8pt; color: #5a6b7d;">월정액 10,000원</p></div>
|
|
<div style="flex: 0.7;"><p style="font-size: 8pt; color: #5a6b7d;">1계좌</p></div>
|
|
<div style="flex: 1.2;"><p style="font-size: 8pt; color: #5a6b7d;">추가 1계좌당 10,000원</p></div>
|
|
<div style="flex: 0.4; text-align: center;">
|
|
<div style="display: inline-block; padding: 2pt 7pt; background: #e2e8f0; border-radius: 3pt;">
|
|
<p style="font-size: 7pt; font-weight: 600; color: #1B3A5C;">고객</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 행2: 카드내역 -->
|
|
<div style="display: flex; background: #ffffff; padding: 8pt 12pt; align-items: center;">
|
|
<div style="flex: 1;"><p style="font-size: 9pt; font-weight: 600; color: #1e2a3a;">카드내역</p></div>
|
|
<div style="flex: 1;"><p style="font-size: 8pt; color: #5a6b7d;">월정액 10,000원</p></div>
|
|
<div style="flex: 0.7;"><p style="font-size: 8pt; color: #5a6b7d;">5장</p></div>
|
|
<div style="flex: 1.2;"><p style="font-size: 8pt; color: #5a6b7d;">추가 1장당 5,000원</p></div>
|
|
<div style="flex: 0.4; text-align: center;">
|
|
<div style="display: inline-block; padding: 2pt 7pt; background: #e2e8f0; border-radius: 3pt;">
|
|
<p style="font-size: 7pt; font-weight: 600; color: #1B3A5C;">고객</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 행3: 홈택스 매입/매출 -->
|
|
<div style="display: flex; background: #f7f9fc; padding: 8pt 12pt; align-items: center;">
|
|
<div style="flex: 1;"><p style="font-size: 9pt; font-weight: 600; color: #1e2a3a;">홈택스 매입/매출</p></div>
|
|
<div style="flex: 1;"><p style="font-size: 8pt; color: #5a6b7d;">월 33,000원 x 2</p></div>
|
|
<div style="flex: 0.7;"><p style="font-size: 8pt; color: #5a6b7d;">-</p></div>
|
|
<div style="flex: 1.2;"><p style="font-size: 8pt; color: #5a6b7d;">-</p></div>
|
|
<div style="flex: 0.4; text-align: center;">
|
|
<div style="display: inline-block; padding: 2pt 7pt; background: #2E86AB; border-radius: 3pt;">
|
|
<p style="font-size: 7pt; font-weight: 700; color: #fff;">SAM 무료!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 행4: 세금계산서 발행 -->
|
|
<div style="display: flex; background: #ffffff; padding: 8pt 12pt; align-items: center; border-radius: 0 0 6pt 6pt;">
|
|
<div style="flex: 1;"><p style="font-size: 9pt; font-weight: 600; color: #1e2a3a;">세금계산서 발행</p></div>
|
|
<div style="flex: 1;"><p style="font-size: 8pt; color: #5a6b7d;">건별</p></div>
|
|
<div style="flex: 0.7;"><p style="font-size: 8pt; color: #5a6b7d;">100건</p></div>
|
|
<div style="flex: 1.2;"><p style="font-size: 8pt; color: #5a6b7d;">추가 50건당 5,000원</p></div>
|
|
<div style="flex: 0.4; text-align: center;">
|
|
<div style="display: inline-block; padding: 2pt 7pt; background: #e2e8f0; border-radius: 3pt;">
|
|
<p style="font-size: 7pt; font-weight: 600; color: #1B3A5C;">고객</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 과금 계산 예시 -->
|
|
<div style="margin-top: 12pt; background: #f7f9fc; border-radius: 8pt; padding: 14pt 16pt; border: 1pt solid #e2e8f0;">
|
|
<p style="font-size: 10pt; font-weight: 700; color: #1B3A5C; margin-bottom: 10pt;">과금 계산 예시</p>
|
|
<div style="display: flex; gap: 12pt;">
|
|
<!-- 예시1 -->
|
|
<div style="flex: 1; background: #ffffff; border-radius: 6pt; padding: 10pt 14pt; border-left: 3pt solid #2E86AB;">
|
|
<p style="font-size: 8pt; color: #5a6b7d; margin-bottom: 4pt;">법인카드 8장 등록 시</p>
|
|
<p style="font-size: 10pt; font-weight: 600; color: #1B3A5C;">(8 - 5) x 5,000 = <span style="color: #E86F2C; font-weight: 700;">15,000원</span> 추가</p>
|
|
</div>
|
|
<!-- 예시2 -->
|
|
<div style="flex: 1; background: #ffffff; border-radius: 6pt; padding: 10pt 14pt; border-left: 3pt solid #2E86AB;">
|
|
<p style="font-size: 8pt; color: #5a6b7d; margin-bottom: 4pt;">세금계산서 151건 발행 시</p>
|
|
<p style="font-size: 10pt; font-weight: 600; color: #1B3A5C;">ceil((151-100)/50) x 5,000 = <span style="color: #E86F2C; font-weight: 700;">10,000원</span> 추가</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 푸터 -->
|
|
<div style="display: flex; justify-content: space-between; align-items: center; padding-top: 8pt; border-top: 1pt solid #e2e8f0; margin-top: 8pt;">
|
|
<p style="font-size: 8pt; color: #999;">SAM 서비스 요금 안내 | (주)코드브릿지엑스</p>
|
|
<p style="font-size: 8pt; color: #E86F2C; font-weight: 500;">모든 금액 VAT 별도</p>
|
|
</div>
|
|
</body>
|
|
</html> |