바로빌 정책 일부 수정

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
aweso
2026-01-13 16:26:29 +09:00
parent 854af0f236
commit d5b7a3c060

View File

@@ -743,192 +743,222 @@
<section class="bg-white rounded-xl shadow-sm p-6 mb-6 border-l-4 border-teal-600 fade-in fade-in-1"> <section class="bg-white rounded-xl shadow-sm p-6 mb-6 border-l-4 border-teal-600 fade-in fade-in-1">
<div class="flex items-center justify-between mb-4"> <div class="flex items-center justify-between mb-4">
<h2 class="text-lg font-bold text-slate-800 flex items-center"> <h2 class="text-lg font-bold text-slate-800 flex items-center">
<span class="mr-2">🏢</span> 코드브릿지엑스 파트너 서비스 <span class="mr-2">🏢</span> 바로빌 할인형 연동 서비스
</h2> </h2>
<span class="bg-teal-100 text-teal-700 text-xs px-3 py-1 rounded-full font-medium">수익형 파트너</span> <span class="bg-teal-100 text-teal-700 text-xs px-3 py-1 rounded-full font-medium">할인형 연동</span>
</div> </div>
<div class="bg-gradient-to-r from-teal-50 to-blue-50 rounded-lg p-5 mb-4"> <div class="bg-gradient-to-r from-teal-50 to-blue-50 rounded-lg p-5 mb-4">
<p class="text-slate-700 text-sm mb-3"> <p class="text-slate-700 text-sm mb-3">
<strong>코드브릿지엑스</strong>는 바로빌 공식 <strong>수익형 파트너</strong>로서, 멀티테넌시 환경에서 회원사에게 전자세금계산서, 카드/계좌 조회 등 본 서비스는 바로빌(Barobill)의 공식 API를 활용하여 <strong>할인된 계약 단가</strong>로 제공되는 회계 자동화 솔루션입니다.
회계 자동화 서비스를 재판매합니다. 정산요율은 '바로빌 100% / 파트너 0%' 방식으로, 별도의 판매 마진 없이 최저가 수준의 비용으로 서비스를 이용하실 수 있습니다.
</p> </p>
<div class="flex flex-wrap gap-2"> <div class="flex flex-wrap gap-2">
<span class="bg-white text-slate-600 text-xs px-3 py-1 rounded-full border border-slate-200">바로빌 공식 파트너</span> <span class="bg-white text-slate-600 text-xs px-3 py-1 rounded-full border border-slate-200">바로빌 공식 연동</span>
<span class="bg-white text-slate-600 text-xs px-3 py-1 rounded-full border border-slate-200">최저가 할인 단가</span>
<span class="bg-white text-slate-600 text-xs px-3 py-1 rounded-full border border-slate-200">멀티테넌시 지원</span> <span class="bg-white text-slate-600 text-xs px-3 py-1 rounded-full border border-slate-200">멀티테넌시 지원</span>
<span class="bg-white text-slate-600 text-xs px-3 py-1 rounded-full border border-slate-200">종량제 과금</span> <span class="bg-white text-slate-600 text-xs px-3 py-1 rounded-full border border-slate-200">종량제 및 월정액</span>
<span class="bg-white text-slate-600 text-xs px-3 py-1 rounded-full border border-slate-200">기술지원 포함</span>
</div> </div>
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4"> <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="text-center p-4 bg-slate-50 rounded-lg"> <div class="text-center p-4 bg-slate-50 rounded-lg">
<div class="text-3xl font-bold text-teal-600 mb-1">0원</div> <div class="text-3xl font-bold text-teal-600 mb-1">부가세 별도</div>
<div class="text-xs text-slate-500">초기 도입비</div> <div class="text-xs text-slate-500">모든 단가는 부가세 별도 기준</div>
</div> </div>
<div class="text-center p-4 bg-slate-50 rounded-lg"> <div class="text-center p-4 bg-slate-50 rounded-lg">
<div class="text-3xl font-bold text-teal-600 mb-1">0원</div> <div class="text-3xl font-bold text-teal-600 mb-1">건당 7.7원~</div>
<div class="text-xs text-slate-500">월 유지비</div> <div class="text-xs text-slate-500">카카오 알림톡 기준</div>
</div> </div>
<div class="text-center p-4 bg-slate-50 rounded-lg"> <div class="text-center p-4 bg-slate-50 rounded-lg">
<div class="text-3xl font-bold text-teal-600 mb-1">종량제</div> <div class="text-3xl font-bold text-teal-600 mb-1">정산 100%</div>
<div class="text-xs text-slate-500">사용한 만큼만</div> <div class="text-xs text-slate-500">투명한 과금 체계</div>
</div> </div>
</div> </div>
</section> </section>
<!-- 파트너 구조 --> <!-- 요금 정책 요약 -->
<section class="bg-white rounded-xl shadow-sm p-6 mb-6 fade-in fade-in-2"> <section class="bg-white rounded-xl shadow-sm p-6 mb-6 fade-in fade-in-2">
<h2 class="text-lg font-bold text-slate-800 mb-4 flex items-center"> <h2 class="text-lg font-bold text-slate-800 mb-4 flex items-center">
<span class="mr-2">🔗</span> 파트너 연동 구조 <span class="mr-2"><EFBFBD></span> 요금 체계 요약
</h2> </h2>
<div class="flex flex-col md:flex-row items-center justify-center gap-4 mb-6"> <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-slate-800 text-white rounded-lg p-4 text-center min-w-[140px]"> <div class="border border-slate-100 rounded-lg p-4">
<div class="text-2xl mb-2">🏛️</div> <div class="text-sm font-bold text-slate-700 mb-2 flex items-center">
<div class="font-medium text-sm">바로빌</div> <span class="w-2 h-4 bg-teal-500 rounded-sm mr-2"></span> 건당 과금 (18개 서비스)
<div class="text-xs text-slate-400">API 제공사</div> </div>
<ul class="text-xs text-slate-600 space-y-2">
<li class="flex justify-between"><span>단가 범위</span><span class="font-medium text-teal-600">7.7원 ~ 110원</span></li>
<li class="flex justify-between"><span>과금 방식</span><span>사용량 × 단가</span></li>
<li class="flex justify-between"><span>주요 서비스</span><span>세금계산서, 문자, 카카오톡</span></li>
</ul>
</div> </div>
<div class="text-teal-500 text-2xl rotate-90 md:rotate-0">→</div> <div class="border border-slate-100 rounded-lg p-4">
<div class="bg-teal-600 text-white rounded-lg p-4 text-center min-w-[140px] ring-4 ring-teal-200"> <div class="text-sm font-bold text-slate-700 mb-2 flex items-center">
<div class="text-2xl mb-2">💼</div> <span class="w-2 h-4 bg-blue-500 rounded-sm mr-2"></span> 월정액 (9개 서비스)
<div class="font-medium text-sm">코드브릿지엑스</div> </div>
<div class="text-xs text-teal-200">수익형 파트너</div> <ul class="text-xs text-slate-600 space-y-2">
<li class="flex justify-between"><span>단가 범위</span><span class="font-medium text-blue-600">3,300원 ~ 33,000원</span></li>
<li class="flex justify-between"><span>과금 방식</span><span>매월 고정 요금</span></li>
<li class="flex justify-between"><span>주요 서비스</span><span>홈택스, 계좌 스크래핑</span></li>
</ul>
</div> </div>
<div class="text-teal-500 text-2xl rotate-90 md:rotate-0">→</div>
<div class="bg-blue-500 text-white rounded-lg p-4 text-center min-w-[140px]">
<div class="text-2xl mb-2">🏢</div>
<div class="font-medium text-sm">회원사</div>
<div class="text-xs text-blue-200">서비스 이용 기업</div>
</div>
</div>
<div class="bg-slate-50 rounded-lg p-4">
<h4 class="font-medium text-slate-700 mb-2 text-sm">수익형 파트너 구조</h4>
<ul class="text-xs text-slate-600 space-y-1">
<li class="flex items-start"><span class="text-teal-500 mr-2">•</span>코드브릿지엑스는 바로빌과 계약한 <strong>파트너 단가</strong>로 서비스를 이용합니다.</li>
<li class="flex items-start"><span class="text-teal-500 mr-2">•</span>회원사에게는 파트너 단가에 <strong>판매 마진</strong>을 더한 금액으로 서비스를 제공합니다.</li>
<li class="flex items-start"><span class="text-teal-500 mr-2">•</span>회원사는 코드브릿지엑스의 솔루션을 통해 바로빌 API 서비스를 이용합니다.</li>
</ul>
</div> </div>
</section> </section>
<!-- 서비스별 요금 -->
<section class="bg-white rounded-xl shadow-sm p-6 mb-6 fade-in fade-in-3">
<h2 class="text-lg font-bold text-slate-800 mb-4 flex items-center">
<span class="mr-2">💰</span> 서비스별 이용 요금
</h2>
<p class="text-sm text-slate-600 mb-4">선불 포인트 차감 방식으로, 서비스 이용 시 건당 단가가 차감됩니다.</p>
<!-- 요금표 --> <!-- 요금표 -->
<div class="overflow-x-auto custom-scroll mb-6"> <div class="overflow-x-auto custom-scroll mb-8">
<table class="w-full text-sm"> <h3 class="text-sm font-bold text-slate-700 mb-4 flex items-center">
<span class="mr-2"><3E></span> 1. 건당 과금 서비스
</h3>
<table class="w-full text-sm mb-6">
<thead> <thead>
<tr class="bg-slate-800 text-white"> <tr class="bg-slate-800 text-white">
<th class="text-left px-4 py-3 font-medium rounded-tl-lg">서비스</th> <th class="text-left px-4 py-3 font-medium rounded-tl-lg">서비스 항목</th>
<th class="text-center px-4 py-3 font-medium">기본 단가</th> <th class="text-center px-4 py-3 font-medium">건당 단가</th>
<th class="text-center px-4 py-3 font-medium">회원사 단가</th>
<th class="text-left px-4 py-3 font-medium rounded-tr-lg">비고</th> <th class="text-left px-4 py-3 font-medium rounded-tr-lg">비고</th>
</tr> </tr>
</thead> </thead>
<tbody class="divide-y divide-slate-100"> <tbody class="divide-y divide-slate-100">
<tr class="bg-teal-50"> <tr class="bg-teal-50"><td colspan="3" class="px-4 py-2 font-medium text-teal-700 text-xs">전자문서 발행</td></tr>
<td colspan="4" class="px-4 py-2 font-medium text-teal-700 text-xs">전자문서 서비스</td> <tr class="hover:bg-slate-50">
<td class="px-4 py-3 flex items-center"><span class="w-6 h-6 bg-amber-100 rounded flex items-center justify-center mr-2 text-xs">📄</span> 세금계산서</td>
<td class="px-4 py-3 text-center font-bold text-teal-600">110원</td>
<td class="px-4 py-3 text-slate-500 text-xs">전자세금계산서</td>
</tr> </tr>
<tr class="hover:bg-slate-50"> <tr class="hover:bg-slate-50">
<td class="px-4 py-3 text-slate-700"> <td class="px-4 py-3 flex items-center"><span class="w-6 h-6 bg-slate-100 rounded flex items-center justify-center mr-2 text-xs"><3E></span> 종지세금계산서 / 대량발행</td>
<div class="flex items-center"> <td class="px-4 py-3 text-center font-bold text-teal-600">55원</td>
<span class="w-8 h-8 bg-amber-100 rounded-lg flex items-center justify-center mr-2">📄</span> <td class="px-4 py-3 text-slate-500 text-xs">거래명세서, 청구서, 견적서 등 동일</td>
전자세금계산서 발급
</div>
</td>
<td class="px-4 py-3 text-center text-slate-500 line-through">100원</td>
<td class="px-4 py-3 text-center font-bold text-teal-600">80원</td>
<td class="px-4 py-3 text-slate-500 text-xs">국세청 전송 포함</td>
</tr> </tr>
<tr class="hover:bg-slate-50"> <tr class="hover:bg-slate-50">
<td class="px-4 py-3 text-slate-700"> <td class="px-4 py-3 flex items-center"><span class="w-6 h-6 bg-green-100 rounded flex items-center justify-center mr-2 text-xs">🧾</span> 현금영수증</td>
<div class="flex items-center"> <td class="px-4 py-3 text-center font-bold text-teal-600">11원</td>
<span class="w-8 h-8 bg-amber-100 rounded-lg flex items-center justify-center mr-2">📄</span> <td class="px-4 py-3 text-slate-500 text-xs">-</td>
전자계산서 발급 (면세) </tr>
</div> <tr class="bg-blue-50"><td colspan="3" class="px-4 py-2 font-medium text-blue-700 text-xs">메시징 서비스</td></tr>
</td> <tr class="hover:bg-slate-50">
<td class="px-4 py-3 text-center text-slate-500 line-through">100원</td> <td class="px-4 py-3 flex items-center"><span class="w-6 h-6 bg-blue-100 rounded flex items-center justify-center mr-2 text-xs"><3E></span> 카카오 알림톡</td>
<td class="px-4 py-3 text-center font-bold text-teal-600">80원</td> <td class="px-4 py-3 text-center font-bold text-teal-600">7.7원</td>
<td class="px-4 py-3 text-slate-500 text-xs">면세 사업자용</td> <td class="px-4 py-3 text-slate-500 text-xs">최저가 권장</td>
</tr> </tr>
<tr class="hover:bg-slate-50"> <tr class="hover:bg-slate-50">
<td class="px-4 py-3 text-slate-700"> <td class="px-4 py-3 flex items-center"><span class="w-6 h-6 bg-blue-100 rounded flex items-center justify-center mr-2 text-xs">📱</span> 문자 (SMS)</td>
<div class="flex items-center"> <td class="px-4 py-3 text-center font-bold text-teal-600">16.5원</td>
<span class="w-8 h-8 bg-green-100 rounded-lg flex items-center justify-center mr-2">🧾</span> <td class="px-4 py-3 text-slate-500 text-xs">90byte 이하</td>
현금영수증 발급
</div>
</td>
<td class="px-4 py-3 text-center text-slate-500">0원</td>
<td class="px-4 py-3 text-center font-bold text-green-600">무료</td>
<td class="px-4 py-3 text-slate-500 text-xs">발급 건수 무제한</td>
</tr>
<tr class="bg-blue-50">
<td colspan="4" class="px-4 py-2 font-medium text-blue-700 text-xs">금융 데이터 수집</td>
</tr> </tr>
<tr class="hover:bg-slate-50"> <tr class="hover:bg-slate-50">
<td class="px-4 py-3 text-slate-700"> <td class="px-4 py-3 flex items-center"><span class="w-6 h-6 bg-blue-100 rounded flex items-center justify-center mr-2 text-xs">📱</span> 문자 (LMS)</td>
<div class="flex items-center"> <td class="px-4 py-3 text-center font-bold text-teal-600">38.5원</td>
<span class="w-8 h-8 bg-blue-100 rounded-lg flex items-center justify-center mr-2">💳</span> <td class="px-4 py-3 text-slate-500 text-xs">2,000byte 이하</td>
카드 사용내역 조회
</div>
</td>
<td class="px-4 py-3 text-center text-slate-500 line-through">500원</td>
<td class="px-4 py-3 text-center font-bold text-teal-600">400원</td>
<td class="px-4 py-3 text-slate-500 text-xs">카드당 월 1회 수집</td>
</tr> </tr>
<tr class="hover:bg-slate-50"> <tr class="hover:bg-slate-50">
<td class="px-4 py-3 text-slate-700"> <td class="px-4 py-3 flex items-center"><span class="w-6 h-6 bg-purple-100 rounded flex items-center justify-center mr-2 text-xs">📠</span> 팩스 (Fax)</td>
<div class="flex items-center"> <td class="px-4 py-3 text-center font-bold text-teal-600">55원</td>
<span class="w-8 h-8 bg-green-100 rounded-lg flex items-center justify-center mr-2">🏦</span> <td class="px-4 py-3 text-slate-500 text-xs">-</td>
계좌 입출금내역 조회
</div>
</td>
<td class="px-4 py-3 text-center text-slate-500 line-through">500원</td>
<td class="px-4 py-3 text-center font-bold text-teal-600">400원</td>
<td class="px-4 py-3 text-slate-500 text-xs">계좌당 월 1회 수집</td>
</tr> </tr>
<tr class="bg-purple-50"> <tr class="bg-slate-50"><td colspan="3" class="px-4 py-2 font-medium text-slate-700 text-xs">기타 조회</td></tr>
<td colspan="4" class="px-4 py-2 font-medium text-purple-700 text-xs">홈택스 연동</td> <tr class="hover:bg-slate-50">
<td class="px-4 py-3 flex items-center"><span class="w-6 h-6 bg-slate-200 rounded flex items-center justify-center mr-2 text-xs">🔍</span> 사업자등록 상태조회</td>
<td class="px-4 py-3 text-center font-bold text-teal-600">11원</td>
<td class="px-4 py-3 text-slate-500 text-xs">휴/폐업 실시간 확인</td>
</tr>
</tbody>
</table>
<h3 class="text-sm font-bold text-slate-700 mb-4 mt-8 flex items-center">
<span class="mr-2">📅</span> 2. 월정액 서비스
</h3>
<table class="w-full text-sm">
<thead>
<tr class="bg-slate-800 text-white">
<th class="text-left px-4 py-3 font-medium rounded-tl-lg">서비스 항목</th>
<th class="text-center px-4 py-3 font-medium">월 요금</th>
<th class="text-left px-4 py-3 font-medium rounded-tr-lg">비고</th>
</tr>
</thead>
<tbody class="divide-y divide-slate-100">
<tr class="bg-amber-50"><td colspan="3" class="px-4 py-2 font-medium text-amber-700 text-xs">홈택스 자동 수집</td></tr>
<tr class="hover:bg-slate-50">
<td class="px-4 py-3">홈택스 매입매출조회 (세금계산서/현금영수증)</td>
<td class="px-4 py-3 text-center font-bold text-blue-600">33,000원</td>
<td class="px-4 py-3 text-slate-500 text-xs">각 항목별 자동 수집</td>
</tr>
<tr class="bg-green-50"><td colspan="3" class="px-4 py-2 font-medium text-green-700 text-xs">금융 스크래핑</td></tr>
<tr class="hover:bg-slate-50">
<td class="px-4 py-3">카드 매출 조회</td>
<td class="px-4 py-3 text-center font-bold text-blue-600">3,300원</td>
<td class="px-4 py-3 text-slate-500 text-xs">최저가</td>
</tr> </tr>
<tr class="hover:bg-slate-50"> <tr class="hover:bg-slate-50">
<td class="px-4 py-3 text-slate-700"> <td class="px-4 py-3">계좌 조회 (1일 주기)</td>
<div class="flex items-center"> <td class="px-4 py-3 text-center font-bold text-blue-600">3,300원</td>
<span class="w-8 h-8 bg-purple-100 rounded-lg flex items-center justify-center mr-2">📊</span> <td class="px-4 py-3 text-slate-500 text-xs">최저가</td>
홈택스 매입매출 조회
</div>
</td>
<td class="px-4 py-3 text-center text-slate-500 line-through">300원</td>
<td class="px-4 py-3 text-center font-bold text-teal-600">250원</td>
<td class="px-4 py-3 text-slate-500 text-xs">건당 과금</td>
</tr> </tr>
<tr class="hover:bg-slate-50"> <tr class="hover:bg-slate-50">
<td class="px-4 py-3 text-slate-700"> <td class="px-4 py-3">계좌 조회 (10분 주기)</td>
<div class="flex items-center"> <td class="px-4 py-3 text-center font-bold text-blue-600">6,600원</td>
<span class="w-8 h-8 bg-slate-100 rounded-lg flex items-center justify-center mr-2">🔍</span> <td class="px-4 py-3 text-slate-500 text-xs">실시간형</td>
사업자 휴폐업 조회 </tr>
</div> <tr class="bg-purple-50"><td colspan="3" class="px-4 py-2 font-medium text-purple-700 text-xs">기타 월정액</td></tr>
</td> <tr class="hover:bg-slate-50">
<td class="px-4 py-3 text-center text-slate-500">0원</td> <td class="px-4 py-3">080 수신거부 번호</td>
<td class="px-4 py-3 text-center font-bold text-green-600">무료</td> <td class="px-4 py-3 text-center font-bold text-blue-600">31,900원</td>
<td class="px-4 py-3 text-slate-500 text-xs">조회 건수 무제한</td> <td class="px-4 py-3 text-slate-500 text-xs">번호 유지비 포함</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="bg-amber-50 border border-amber-200 rounded-lg p-4"> <!-- 월별 시나리오 -->
<h4 class="font-medium text-amber-800 mb-2 flex items-center text-sm"> <div class="mb-8">
<span class="mr-2">💡</span> 요금 안내 <h3 class="text-sm font-bold text-slate-700 mb-4 flex items-center">
</h4> <span class="mr-2">📊</span> 월별 예상 비용 시나리오
<ul class="text-xs text-amber-700 space-y-1"> </h3>
<li>• 위 요금은 코드브릿지엑스 회원사 기준 단가입니다.</li> <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<li>• 대량 사용 시 볼륨 디스카운트가 적용될 수 있습니다.</li> <div class="bg-slate-50 rounded-lg p-4 border border-slate-200">
<li>• 최소 충전 금액: 10,000원 / 결제 수단: 카드, 계좌이체, 가상계좌</li> <div class="text-teal-600 font-bold mb-2">소규모 기업</div>
</ul> <ul class="text-xs text-slate-600 space-y-1 mb-4">
<li>세금계산서 100건</li>
<li>알림톡 500건</li>
<li>계좌조회(1일) 1회</li>
</ul>
<div class="text-lg font-bold text-slate-800">약 51,150원</div>
</div>
<div class="bg-teal-50 rounded-lg p-4 border border-teal-200 ring-2 ring-teal-400 ring-offset-2">
<div class="text-teal-700 font-bold mb-2">중규모 기업 (권장)</div>
<ul class="text-xs text-slate-600 space-y-1 mb-4">
<li>세금계산서 500건</li>
<li>알림톡 2,000건</li>
<li>홈택스 조회 포함</li>
</ul>
<div class="text-lg font-bold text-teal-700">약 110,000원</div>
</div>
<div class="bg-slate-50 rounded-lg p-4 border border-slate-200">
<div class="text-blue-600 font-bold mb-2">대규모 기업</div>
<ul class="text-xs text-slate-600 space-y-1 mb-4">
<li>세금계산서 2,000건</li>
<li>알림톡 10,000건</li>
<li>계좌/홈택스 풀세트</li>
</ul>
<div class="text-lg font-bold text-slate-800">약 376,200원</div>
</div>
</div>
</div>
<div class="bg-blue-50 border border-blue-200 rounded-lg p-5">
<h4 class="font-medium text-blue-800 mb-3 flex items-center text-sm">
<span class="mr-2">💡</span> 검토 및 권장 사항
</h4>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<ul class="text-xs text-blue-700 space-y-2">
<li class="flex items-start"><span class="mr-2">•</span> <strong>알림톡 우선 활용</strong>: SMS(16.5원) 대비 알림톡(7.7원)이 약 53% 저렴하여 비용 절감에 효과적입니다.</li>
<li class="flex items-start"><span class="mr-2">•</span> <strong>계좌 주기 최적화</strong>: 실시간 확인이 불필요한 경우 1일 주기(3,300원)를 선택하여 고정비를 낮출 수 있습니다.</li>
</ul>
<ul class="text-xs text-blue-700 space-y-2">
<li class="flex items-start"><span class="mr-2">•</span> <strong>홈택스 연동</strong>: 매입/매출 자동 수집(33,000원)을 통해 경리 업무의 90% 이상을 자동화할 수 있습니다.</li>
<li class="flex items-start"><span class="mr-2">•</span> <strong>사업자 상태조회</strong>: 건당 11원으로 거래처의 휴/폐업 여부를 자동으로 판별하여 리스크를 관리하세요.</li>
</ul>
</div>
</div> </div>
</section>
<!-- 회원사 가입 프로세스 --> <!-- 회원사 가입 프로세스 -->
<section class="bg-white rounded-xl shadow-sm p-6 mb-6 fade-in fade-in-4"> <section class="bg-white rounded-xl shadow-sm p-6 mb-6 fade-in fade-in-4">