SamProject/sam-manage
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(lab): S 메뉴 이모지를 SVG 아이콘으로 변환

Browse Source 
- 13개 파일의 이모지를 인라인 SVG 아이콘으로 변환
- Heroicons/Tailwind 스타일 SVG 적용 (fill="none" stroke="currentColor")
- flex items-center gap-2 레이아웃으로 아이콘+텍스트 정렬
- 컬러 클래스 적용 (text-blue-600, text-green-600 등)

변환 파일:
- stablecoin, mrp-overseas, qa-solution, rag-startups
- kodata-vs-nice, confluence-vs-notion, barobill-vs-popbill
- chatbot-compare, sales-strategy, tax
- labor, debt, chatbot

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
권혁성
2025-12-14 01:45:38 +09:00
parent a043bf7b51
commit a0ca01d765
13 changed files with 244 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/views/lab/strategy/barobill-vs-popbill.blade.php
View File

@@ -57,7 +57,7 @@
<!-- VIEW 1: OVERVIEW -->
<section id="view-overview" class="space-y-8">
<div class="bg-white rounded-xl shadow-lg p-6 border-l-4 border-blue-500">
<h2 class="text-lg font-semibold text-slate-800 mb-2">📊 분석 요약: 현대적 개발엔 팝빌, 레거시 통합엔 바로빌</h2>
<h2 class="text-lg font-semibold text-slate-800 mb-2 flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" /></svg> 분석 요약: 현대적 개발엔 팝빌, 레거시 통합엔 바로빌</h2>
<p class="text-slate-600 mb-4">
두 기업 모두 업계 선두주자이나 지향점이 다릅니다. REST API를 선호한다면 팝빌이 우위입니다.
</p>
@@ -69,7 +69,7 @@
</div>
<div class="space-y-4">
<div class="p-4 bg-slate-50 rounded-lg">
<h3 class="font-bold text-blue-800 flex items-center gap-2">🏢 바로빌 (Barobill)</h3>
<h3 class="font-bold text-blue-800 flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z" /></svg> 바로빌 (Barobill)</h3>
<ul class="mt-2 text-sm text-slate-700 space-y-1 list-disc list-inside">
<li><strong>핵심:</strong> 전통적 강자, 높은 안정성</li>
<li><strong>기술:</strong> SOAP API 중심</li>
@@ -77,7 +77,7 @@
</ul>
</div>
<div class="p-4 bg-indigo-50 rounded-lg">
<h3 class="font-bold text-indigo-800 flex items-center gap-2">🚀 팝빌 (Popbill)</h3>
<h3 class="font-bold text-indigo-800 flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" /></svg> 팝빌 (Popbill)</h3>
<ul class="mt-2 text-sm text-slate-700 space-y-1 list-disc list-inside">
<li><strong>핵심:</strong> 개발자 친화적, 빠른 기술 도입</li>
<li><strong>기술:</strong> REST API 최적화, 다양한 SDK</li>
@@ -167,7 +167,7 @@
<!-- VIEW 3: COMPANY -->
<section id="view-company" class="hidden space-y-8">
<div class="bg-white rounded-xl shadow p-6">
<h3 class="text-lg font-bold text-slate-800 mb-2">📈 매출 및 성장성 비교</h3>
<h3 class="text-lg font-bold text-slate-800 mb-2 flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941" /></svg> 매출 및 성장성 비교</h3>
<p class="text-sm text-slate-500 mb-6">
바로빌은 초기 시장 선점으로 안정적인 매출 베이스를 가지고 있으며, 팝빌은 REST API 수요 증가로 가파른 성장세를 보입니다.
</p>
@@ -178,7 +178,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white rounded-xl shadow p-6">
<h4 class="font-bold text-slate-800 mb-4 border-b pb-2">🏢 바로빌 (케이넷)</h4>
<h4 class="font-bold text-slate-800 mb-4 border-b pb-2 flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z" /></svg> 바로빌 (케이넷)</h4>
<ul class="space-y-3 text-sm text-slate-600">
<li class="flex justify-between"><span>설립 연도:</span><span class="font-semibold text-slate-900">2000년대 초반</span></li>
<li class="flex justify-between"><span>기업 문화:</span><span class="font-semibold text-slate-900">보수적, 안정 지향</span></li>
@@ -186,7 +186,7 @@
</ul>
</div>
<div class="bg-white rounded-xl shadow p-6">
<h4 class="font-bold text-slate-800 mb-4 border-b pb-2">🚀 팝빌 (링크허브)</h4>
<h4 class="font-bold text-slate-800 mb-4 border-b pb-2 flex items-center gap-2"><svg class="w-5 h-5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" /></svg> 팝빌 (링크허브)</h4>
<ul class="space-y-3 text-sm text-slate-600">
<li class="flex justify-between"><span>브랜드 런칭:</span><span class="font-semibold text-slate-900">2010년대</span></li>
<li class="flex justify-between"><span>기업 문화:</span><span class="font-semibold text-slate-900">Tech 중심, 유연함</span></li>
@@ -206,7 +206,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-4xl mx-auto text-left">
<div id="choice-popbill" class="cursor-pointer bg-white/10 hover:bg-white/20 p-6 rounded-lg transition border border-transparent hover:border-white" onclick="selectChoice('popbill')">
<h3 class="font-bold text-lg mb-2">🅰️ 트렌드 지향형</h3>
<h3 class="font-bold text-lg mb-2 flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z" /></svg> 트렌드 지향형</h3>
<ul class="text-sm space-y-2 opacity-90">
<li>✅ RESTful API에 익숙하다</li>
<li>✅ Python, Node.js, Go 등 사용</li>
@@ -216,7 +216,7 @@
</div>
<div id="choice-barobill" class="cursor-pointer bg-white/10 hover:bg-white/20 p-6 rounded-lg transition border border-transparent hover:border-white" onclick="selectChoice('barobill')">
<h3 class="font-bold text-lg mb-2">🅱️ 레거시 호환형</h3>
<h3 class="font-bold text-lg mb-2 flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.25 14.25h13.5m-13.5 0a3 3 0 01-3-3m3 3a3 3 0 100 6h13.5a3 3 0 100-6m-16.5-3a3 3 0 013-3h13.5a3 3 0 013 3m-19.5 0a4.5 4.5 0 01.9-2.7L5.737 5.1a3.375 3.375 0 012.7-1.35h7.126c1.062 0 2.062.5 2.7 1.35l2.587 3.45a4.5 4.5 0 01.9 2.7m0 0a3 3 0 01-3 3m0 3h.008v.008h-.008v-.008zm0-6h.008v.008h-.008v-.008zm-3 6h.008v.008h-.008v-.008zm0-6h.008v.008h-.008v-.008z" /></svg> 레거시 호환형</h3>
<ul class="text-sm space-y-2 opacity-90">
<li>✅ SAP, 구형 .NET과 연동 필요</li>
<li>✅ XML 기반 데이터 처리 필수</li>
@@ -269,11 +269,11 @@ function selectChoice(choice) {
resultDiv.classList.remove('hidden');
if (choice === 'popbill') {
icon.textContent = "🚀";
icon.innerHTML = '<svg class="w-12 h-12 mx-auto text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" /></svg>';
title.textContent = "결론: 팝빌 (Popbill) 추천";
desc.textContent = "REST API와 개발 편의성을 중요시한다면 팝빌이 최선의 선택입니다.";
} else {
icon.textContent = "🏢";
icon.innerHTML = '<svg class="w-12 h-12 mx-auto text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z" /></svg>';
title.textContent = "결론: 바로빌 (Barobill) 추천";
desc.textContent = "레거시 시스템과의 호환성이나 SOAP 필수 환경이라면 바로빌이 안정적입니다.";
}

26
resources/views/lab/strategy/chatbot-compare.blade.php
View File

@@ -60,19 +60,19 @@
<main>
<nav class="flex flex-wrap border-b border-stone-300">
<button class="tab-btn text-base md:text-lg py-3 px-4 md:py-4 md:px-6 rounded-t-lg" data-tab="overview">
<span class="inline-block md:hidden">📊</span>
<span class="inline-block md:hidden"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" /></svg></span>
<span class="hidden md:inline-block">개요 및 핵심 비교</span>
</button>
<button class="tab-btn text-base md:text-lg py-3 px-4 md:py-4 md:px-6 rounded-t-lg" data-tab="features">
<span class="inline-block md:hidden">📋</span>
<span class="inline-block md:hidden"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" /></svg></span>
<span class="hidden md:inline-block">상세 기능 비교</span>
</button>
<button class="tab-btn text-base md:text-lg py-3 px-4 md:py-4 md:px-6 rounded-t-lg" data-tab="cost">
<span class="inline-block md:hidden">💰</span>
<span class="inline-block md:hidden"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg></span>
<span class="hidden md:inline-block">비용 및 API</span>
</button>
<button class="tab-btn text-base md:text-lg py-3 px-4 md:py-4 md:px-6 rounded-t-lg" data-tab="summary">
<span class="inline-block md:hidden">🎯</span>
<span class="inline-block md:hidden"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg></span>
<span class="hidden md:inline-block">최종 요약 및 추천</span>
</button>
</nav>
@@ -97,7 +97,7 @@
<div class="grid md:grid-cols-3 gap-4 md:gap-6">
<div class="card">
<h3 class="font-bold text-xl mb-3 text-amber-700">채널톡 (Channel Talk)</h3>
<h4 class="font-semibold mt-4 mb-2">🚀 강점 (Strengths)</h4>
<h4 class="font-semibold mt-4 mb-2 flex items-center gap-1"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" /></svg> 강점 (Strengths)</h4>
<ul class="list-disc list-inside text-stone-700 space-y-1">
<li>올인원 솔루션 (CRM + 마케팅 + 챗봇)</li>
<li>직관적이고 세련된 UI/UX</li>
@@ -105,7 +105,7 @@
<li>고객 행동 데이터 기반 CRM 연동</li>
<li>우수한 상담 챗봇 빌더</li>
</ul>
<h4 class="font-semibold mt-6 mb-2">📉 약점 (Weaknesses)</h4>
<h4 class="font-semibold mt-6 mb-2 flex items-center gap-1"><svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.25 6L9 12.75l4.286-4.286a11.948 11.948 0 014.306 6.43l.776 2.898m0 0l3.182-5.511m-3.182 5.51l-5.511-3.181" /></svg> 약점 (Weaknesses)</h4>
<ul class="list-disc list-inside text-stone-700 space-y-1">
<li>다기능으로 인한 초기 세팅의 복잡성</li>
<li>MAU 및 기능별 요금제로 비용 증가 가능성</li>
@@ -114,7 +114,7 @@
</div>
<div class="card">
<h3 class="font-bold text-xl mb-3 text-stone-700">해피톡 (Happy Talk)</h3>
<h4 class="font-semibold mt-4 mb-2">🚀 강점 (Strengths)</h4>
<h4 class="font-semibold mt-4 mb-2 flex items-center gap-1"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" /></svg> 강점 (Strengths)</h4>
<ul class="list-disc list-inside text-stone-700 space-y-1">
<li>강력한 전문 CS 상담 기능 (콜센터 유사)</li>
<li>상담원 성과 관리 및 모니터링</li>
@@ -122,7 +122,7 @@
<li>카카오채널 등 타 채널 연동성 우수</li>
<li>좌석 기반의 합리적인 비용</li>
</ul>
<h4 class="font-semibold mt-6 mb-2">📉 약점 (Weaknesses)</h4>
<h4 class="font-semibold mt-6 mb-2 flex items-center gap-1"><svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.25 6L9 12.75l4.286-4.286a11.948 11.948 0 014.306 6.43l.776 2.898m0 0l3.182-5.511m-3.182 5.51l-5.511-3.181" /></svg> 약점 (Weaknesses)</h4>
<ul class="list-disc list-inside text-stone-700 space-y-1">
<li>마케팅 및 CRM 기능은 상대적으로 약함</li>
<li>UI가 기능 중심이라 다소 보수적임</li>
@@ -131,14 +131,14 @@
</div>
<div class="card">
<h3 class="font-bold text-xl mb-3 text-black">카카오채널 (Kakao Channel)</h3>
<h4 class="font-semibold mt-4 mb-2">🚀 강점 (Strengths)</h4>
<h4 class="font-semibold mt-4 mb-2 flex items-center gap-1"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" /></svg> 강점 (Strengths)</h4>
<ul class="list-disc list-inside text-stone-700 space-y-1">
<li>압도적인 국내 사용자 도달률</li>
<li>알림톡/친구톡을 통한 강력한 마케팅</li>
<li>높은 브랜드 신뢰도 및 사용자 친숙도</li>
<li>기본 채널 개설 및 1:1 채팅 무료</li>
</ul>
<h4 class="font-semibold mt-6 mb-2">📉 약점 (Weaknesses)</h4>
<h4 class="font-semibold mt-6 mb-2 flex items-center gap-1"><svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.25 6L9 12.75l4.286-4.286a11.948 11.948 0 014.306 6.43l.776 2.898m0 0l3.182-5.511m-3.182 5.51l-5.511-3.181" /></svg> 약점 (Weaknesses)</h4>
<ul class="list-disc list-inside text-stone-700 space-y-1">
<li>자체적인 CS 관리 기능이 매우 빈약함</li>
<li>전문 상담을 위해선 3rd-party 솔루션 필수</li>
@@ -203,21 +203,21 @@
<h3 class="font-bold text-2xl mt-4 mb-4">시나리오별 추천</h3>
<div class="grid md:grid-cols-3 gap-4 md:gap-6">
<div class="card border-l-4 border-amber-500">
<h4 class="font-bold text-xl mb-2 text-amber-700">🎯 추천: 채널톡</h4>
<h4 class="font-bold text-xl mb-2 text-amber-700 flex items-center gap-1"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 추천: 채널톡</h4>
<p class="font-semibold text-stone-800">"CRM과 마케팅 자동화가 중요한<br>e-커머스 및 스타트업"</p>
<p class="mt-3 text-stone-600">
고객 데이터를 기반으로 적극적인 마케팅(팝업, 푸시)을 실행하고, 상담 내역을 CRM에 통합 관리하며, 세련된 챗봇 경험을 제공하고 싶다면 채널톡이 가장 강력한 올인원 솔루션입니다.
</p>
</div>
<div class="card border-l-4 border-stone-500">
<h4 class="font-bold text-xl mb-2 text-stone-700">🎯 추천: 해피톡</h4>
<h4 class="font-bold text-xl mb-2 text-stone-700 flex items-center gap-1"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 추천: 해피톡</h4>
<p class="font-semibold text-stone-800">"전문적인 CS팀 운영 및<br>상담 효율화가 필요한 기업"</p>
<p class="mt-3 text-stone-600">
다수의 상담원이 체계적으로 고객 응대를 처리하고, 상담 성과를 관리하며, 콜센터 수준의 안정적인 CS 운영이 최우선 과제라면 해피톡이 가장 합리적이고 강력한 선택입니다.
</p>
</div>
<div class="card border-l-4 border-gray-800">
<h4 class="font-bold text-xl mb-2 text-black">🎯 추천: 카카오채널 (+ 연동)</h4>
<h4 class="font-bold text-xl mb-2 text-black flex items-center gap-1"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 추천: 카카오채널 (+ 연동)</h4>
<p class="font-semibold text-stone-800">"카카오톡 기반의 대국민 알림 및<br>마케팅이 핵심인 기업"</p>
<p class="mt-3 text-stone-600">
비즈니스의 핵심이 카카오톡을 통한 정보 전달(알림톡)이나 마케팅(친구톡)에 있다면 카카오채널이 필수입니다. 단, 전문 상담을 위해서는 채널톡이나 해피톡을 연동해야 합니다.

40
resources/views/lab/strategy/chatbot.blade.php
View File

@@ -105,8 +105,8 @@
<div style="margin-top: 30px;">
<h3>프로젝트 범위</h3>
<div class="company-info">
<div class="info-card"><h4>✅ 포함 범위</h4><p>Vertex AI Search 연동, Laravel 백엔드 구현, 챗봇 UI, 문서 인덱싱, 참고 자료 제공</p></div>
<div class="info-card"><h4>❌ 제외 범위</h4><p>음성 인식, 이미지 분석, 실시간 영상 통화, 복잡한 워크플로우 자동화</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 포함 범위</h4><p>Vertex AI Search 연동, Laravel 백엔드 구현, 챗봇 UI, 문서 인덱싱, 참고 자료 제공</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 제외 범위</h4><p>음성 인식, 이미지 분석, 실시간 영상 통화, 복잡한 워크플로우 자동화</p></div>
</div>
</div>
</div>
@@ -117,10 +117,10 @@
<div class="slide-content">
<h2>Vertex AI Search 기술 분석</h2>
<div class="feature-list">
<div class="feature-item"><h4>🤖 완전 관리형 서비스</h4><p>인프라 관리 불필요, Google이 스케일링 및 유지보수 담당</p></div>
<div class="feature-item"><h4>🔍 RAG (검색 증강 생성)</h4><p>문서 검색 + LLM 생성 결합으로 정확하고 맥락있는 답변</p></div>
<div class="feature-item"><h4>🎯 Google 수준의 검색 품질</h4><p>Google 검색 기술 기반의 고품질 문서 검색</p></div>
<div class="feature-item"><h4>📚 다양한 문서 형식 지원</h4><p>PDF, DOCX, HTML, JSON, 웹사이트 크롤링</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-cyan-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg> 완전 관리형 서비스</h4><p>인프라 관리 불필요, Google이 스케일링 및 유지보수 담당</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /></svg> RAG (검색 증강 생성)</h4><p>문서 검색 + LLM 생성 결합으로 정확하고 맥락있는 답변</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> Google 수준의 검색 품질</h4><p>Google 검색 기술 기반의 고품질 문서 검색</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" /></svg> 다양한 문서 형식 지원</h4><p>PDF, DOCX, HTML, JSON, 웹사이트 크롤링</p></div>
</div>
<div style="margin-top: 30px;">
<h3>핵심 특징</h3>
@@ -264,9 +264,9 @@
<div style="margin-top: 30px;">
<h3>2. 문서 업로드</h3>
<div class="feature-list">
<div class="feature-item"><h4>📂 Cloud Storage</h4><p>대량 문서 업로드 (gs://bucket-name/)</p></div>
<div class="feature-item"><h4>🌐 웹사이트 크롤링</h4><p>sitemap.xml 기반 자동 수집</p></div>
<div class="feature-item"><h4>📄 개별 업로드</h4><p>콘솔에서 직접 파일 업로드</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" /></svg> Cloud Storage</h4><p>대량 문서 업로드 (gs://bucket-name/)</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" /></svg> 웹사이트 크롤링</h4><p>sitemap.xml 기반 자동 수집</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg> 개별 업로드</h4><p>콘솔에서 직접 파일 업로드</p></div>
</div>
</div>
<div style="margin-top: 30px;">
@@ -332,7 +332,7 @@ public function searchVertexAI(Request $request)
</ul>
</div>
<div class="conclusion-box" style="margin-top: 30px;">
<h3 style="color: white;">💰 월 $12.50 수준의 저렴한 운영 비용</h3>
<h3 class="flex items-center justify-center gap-2" style="color: white;"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 월 $12.50 수준의 저렴한 운영 비용</h3>
<p>초기 3개월: 무료 크레딧 $300 활용 가능</p>
</div>
</div>
@@ -374,9 +374,9 @@ public function searchVertexAI(Request $request)
<div style="margin-top: 30px;">
<h3>1. 문서 최신화</h3>
<div class="feature-list">
<div class="feature-item"><h4>📅 정기 업데이트</h4><p>월 1회 문서 검토 및 업데이트</p></div>
<div class="feature-item"><h4>🗑️ 구버전 제거</h4><p>오래된 문서는 자동 아카이빙</p></div>
<div class="feature-item"><h4>✅ 변경 추적</h4><p>버전 관리 시스템 도입</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg> 정기 업데이트</h4><p>월 1회 문서 검토 및 업데이트</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg> 구버전 제거</h4><p>오래된 문서는 자동 아카이빙</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 변경 추적</h4><p>버전 관리 시스템 도입</p></div>
</div>
</div>
<div style="margin-top: 30px;">
@@ -467,9 +467,9 @@ public function searchVertexAI(Request $request)
<div style="margin-top: 30px;">
<h3>ROI 분석</h3>
<div class="company-info">
<div class="info-card"><h4>💰 비용 절감</h4><p>고객 지원 인력 50% 절감</p><p>월 $500 인건비 절약</p></div>
<div class="info-card"><h4>⏱️ 시간 절약</h4><p>평균 응답 시간 30분 → 3초</p><p>고객 대기 시간 99% 감소</p></div>
<div class="info-card"><h4>📈 만족도 향상</h4><p>즉각적 답변 제공</p><p>24/7 서비스 가능</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 비용 절감</h4><p>고객 지원 인력 50% 절감</p><p>월 $500 인건비 절약</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 시간 절약</h4><p>평균 응답 시간 30분 → 3초</p><p>고객 대기 시간 99% 감소</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" /></svg> 만족도 향상</h4><p>즉각적 답변 제공</p><p>24/7 서비스 가능</p></div>
</div>
</div>
</div>
@@ -484,10 +484,10 @@ public function searchVertexAI(Request $request)
<div style="margin-top: 50px; padding: 30px; background: #f1f5f9; border-radius: 16px; border: 1px solid #e2e8f0;">
<h3>프로젝트 요약</h3>
<div style="margin-top: 20px; text-align: left;">
<p><strong>🎯 목표:</strong> 노트북LM 수준의 자연어 질의응답 시스템 구축</p>
<p><strong>💰 비용:</strong> 월 $12.50 (Vertex AI Search) + $160 (인프라)</p>
<p><strong>⏱️ 기간:</strong> 10-12주</p>
<p><strong>📊 기대효과:</strong> 고객 지원 비용 50% 절감, 응답 시간 99% 단축</p>
<p class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg><strong>목표:</strong> 노트북LM 수준의 자연어 질의응답 시스템 구축</p>
<p class="flex items-center gap-2"><svg class="w-5 h-5 text-amber-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg><strong>비용:</strong> 월 $12.50 (Vertex AI Search) + $160 (인프라)</p>
<p class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg><strong>기간:</strong> 10-12주</p>
<p class="flex items-center gap-2"><svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" /></svg><strong>기대효과:</strong> 고객 지원 비용 50% 절감, 응답 시간 99% 단축</p>
</div>
</div>
</div>

12
resources/views/lab/strategy/confluence-vs-notion.blade.php
View File

@@ -224,7 +224,7 @@
doc: {
confluence: {
title: "Confluence: 구조적 문서화",
icon: "📚",
icon: '<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" /></svg>',
points: [
"계층형 페이지 트리 구조 (Space > Parent > Child)",
"강력한 버전 관리 및 변경 이력 추적",
@@ -235,7 +235,7 @@
},
notion: {
title: "Notion: 유연한 캔버스",
icon: "🎨",
icon: '<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.098 19.902a3.75 3.75 0 005.304 0l6.401-6.402M6.75 21A3.75 3.75 0 013 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 003.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008z" /></svg>',
points: [
"무한히 중첩 가능한 페이지 구조",
"드래그 앤 드롭 블록 시스템",
@@ -248,7 +248,7 @@
pm: {
confluence: {
title: "Confluence: JIRA 보조",
icon: "🤝",
icon: '<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" /></svg>',
points: [
"독자적인 PM 기능보다는 JIRA 데이터 시각화에 집중",
"JIRA 로드맵, 이슈 리스트 매크로 활용",
@@ -259,7 +259,7 @@
},
notion: {
title: "Notion: 경량형 PM 도구",
icon: "📅",
icon: '<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" /></svg>',
points: [
"데이터베이스를 활용한 칸반 보드, 간트 차트 내장",
"별도 도구 없이 하나의 페이지에서 기획+일정 관리 가능",
@@ -272,7 +272,7 @@
dev: {
confluence: {
title: "Confluence: 개발 생태계",
icon: "⚙️",
icon: '<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /></svg>',
points: [
"JIRA 이슈 양방향 동기화 (가장 강력한 차별점)",
"코드 스니펫 매크로 제공",
@@ -283,7 +283,7 @@
},
notion: {
title: "Notion: API & 임베드",
icon: "🔌",
icon: '<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" /></svg>',
points: [
"GitHub, Slack, Figma 등의 링크 미리보기 지원",
"Notion API를 활용한 커스텀 자동화 가능",

62
resources/views/lab/strategy/debt.blade.php
View File

@@ -84,10 +84,10 @@
<div style="margin-top: 30px;">
<h3>핵심 목표</h3>
<div class="feature-list">
<div class="feature-item"><h4>💼 채권 관리</h4><p>채권 등록부터 회수까지 전체 생애주기 관리</p></div>
<div class="feature-item"><h4>📞 추심 활동</h4><p>전화, 문자, 우편 등 다양한 추심 활동 기록 및 자동화</p></div>
<div class="feature-item"><h4>⚖️ 법적 절차</h4><p>독촉장, 지급명령, 소송 등 법적 절차 관리</p></div>
<div class="feature-item"><h4>💰 회수 관리</h4><p>회수 내역 기록 및 통계, 분석 리포트</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg> 채권 관리</h4><p>채권 등록부터 회수까지 전체 생애주기 관리</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" /></svg> 추심 활동</h4><p>전화, 문자, 우편 등 다양한 추심 활동 기록 및 자동화</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" /></svg> 법적 절차</h4><p>독촉장, 지급명령, 소송 등 법적 절차 관리</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-amber-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 회수 관리</h4><p>회수 내역 기록 및 통계, 분석 리포트</p></div>
</div>
</div>
<div style="margin-top: 30px;">
@@ -107,12 +107,12 @@
<div class="slide-content">
<h2>핵심 가치 제안</h2>
<div class="company-info">
<div class="info-card"><h4>🤖 자동화</h4><p>추심 활동 자동 스케줄링</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">월 80시간 업무 절감</p></div>
<div class="info-card"><h4>📊 가시성</h4><p>채권 현황 및 회수율 실시간 모니터링</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">대시보드 한눈에 확인</p></div>
<div class="info-card"><h4>⚖️ 법규 준수</h4><p>공정채권추심법 자동 준수</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">법적 리스크 최소화</p></div>
<div class="info-card"><h4>📱 접근성</h4><p>모바일 앱을 통한 현장 추심 기록</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">언제 어디서나 업무</p></div>
<div class="info-card"><h4>🔗 통합성</h4><p>회계, ERP 시스템 연동</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">데이터 자동 동기화</p></div>
<div class="info-card"><h4>🔐 보안</h4><p>채무자 정보 암호화 및 접근 제어</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">개인정보보호법 준수</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg> 자동화</h4><p>추심 활동 자동 스케줄링</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">월 80시간 업무 절감</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" /></svg> 가시성</h4><p>채권 현황 및 회수율 실시간 모니터링</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">대시보드 한눈에 확인</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" /></svg> 법규 준수</h4><p>공정채권추심법 자동 준수</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">법적 리스크 최소화</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" /></svg> 접근성</h4><p>모바일 앱을 통한 현장 추심 기록</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">언제 어디서나 업무</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg> 통합성</h4><p>회계, ERP 시스템 연동</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">데이터 자동 동기화</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /></svg> 보안</h4><p>채무자 정보 암호화 및 접근 제어</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">개인정보보호법 준수</p></div>
</div>
</div>
</div>
@@ -203,12 +203,12 @@
<div class="slide-content">
<h2>기획: 고급 기능</h2>
<div class="feature-list">
<div class="feature-item"><h4>📱 모바일 앱</h4><p>현장 추심 기록, 사진 첨부, GPS 위치 기록</p></div>
<div class="feature-item"><h4>🔔 스마트 알림</h4><p>약속일 알림, 추심 예정일 알림</p></div>
<div class="feature-item"><h4>📊 대시보드</h4><p>채권 현황, 회수율, 부서별 성과</p></div>
<div class="feature-item"><h4>📑 문서 자동화</h4><p>독촉장, 내용증명 자동 생성</p></div>
<div class="feature-item"><h4>🔗 ERP 연동</h4><p>회계 시스템 자동 연동</p></div>
<div class="feature-item"><h4>🤖 AI 추천</h4><p>최적 추심 시간 및 방법 추천</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" /></svg> 모바일 앱</h4><p>현장 추심 기록, 사진 첨부, GPS 위치 기록</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" /></svg> 스마트 알림</h4><p>약속일 알림, 추심 예정일 알림</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" /></svg> 대시보드</h4><p>채권 현황, 회수율, 부서별 성과</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg> 문서 자동화</h4><p>독촉장, 내용증명 자동 생성</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg> ERP 연동</h4><p>회계 시스템 자동 연동</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-cyan-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg> AI 추천</h4><p>최적 추심 시간 및 방법 추천</p></div>
</div>
<div style="margin-top: 30px; padding: 25px; background: #fef3c7; border-radius: 16px; border-left: 5px solid #f59e0b; border: 1px solid #fde68a;">
<h3 style="margin-top: 0; color: #92400e; font-weight: 700;">컴플라이언스 기능</h3>
@@ -232,10 +232,10 @@
<div style="margin-top: 30px;">
<h3>핵심 디자인 원칙</h3>
<div class="feature-list">
<div class="feature-item"><h4>👤 사용자 중심</h4><p>추심 담당자가 쉽게 사용</p></div>
<div class="feature-item"><h4>⚡ 빠른 접근</h4><p>핵심 기능 2클릭 이내</p></div>
<div class="feature-item"><h4>📱 모바일 우선</h4><p>현장에서 즉시 기록</p></div>
<div class="feature-item"><h4>🔐 보안 강조</h4><p>개인정보 보호 시각화</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg> 사용자 중심</h4><p>추심 담당자가 쉽게 사용</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg> 빠른 접근</h4><p>핵심 기능 2클릭 이내</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" /></svg> 모바일 우선</h4><p>현장에서 즉시 기록</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /></svg> 보안 강조</h4><p>개인정보 보호 시각화</p></div>
</div>
</div>
<div style="margin-top: 30px;">
@@ -261,12 +261,12 @@
<div style="margin-top: 30px;">
<h3>주요 서비스 구성</h3>
<div class="company-info">
<div class="info-card"><h4>💼 채권 정보 서비스</h4><p>채권 및 채무자 정보 관리</p></div>
<div class="info-card"><h4>📞 추심 활동 서비스</h4><p>추심 활동 기록 및 스케줄링</p></div>
<div class="info-card"><h4>⚖️ 법적 절차 서비스</h4><p>법적 절차 관리 및 문서 생성</p></div>
<div class="info-card"><h4>💰 회수 관리 서비스</h4><p>회수금 처리 및 통계</p></div>
<div class="info-card"><h4>🔔 알림 서비스</h4><p>푸시, 이메일, SMS 발송</p></div>
<div class="info-card"><h4>📊 분석 서비스</h4><p>회수율 분석 및 리포트</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg> 채권 정보 서비스</h4><p>채권 및 채무자 정보 관리</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" /></svg> 추심 활동 서비스</h4><p>추심 활동 기록 및 스케줄링</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" /></svg> 법적 절차 서비스</h4><p>법적 절차 관리 및 문서 생성</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 회수 관리 서비스</h4><p>회수금 처리 및 통계</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" /></svg> 알림 서비스</h4><p>푸시, 이메일, SMS 발송</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" /></svg> 분석 서비스</h4><p>회수율 분석 및 리포트</p></div>
</div>
</div>
<div style="margin-top: 30px;">
@@ -377,7 +377,7 @@
<div class="slide-content">
<h2>성공 지표</h2>
<div style="margin-top: 30px;">
<h3>📊 정량적 KPI</h3>
<h3 class="flex items-center gap-2"><svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" /></svg> 정량적 KPI</h3>
<table class="comparison-table">
<thead><tr><th>지표</th><th>목표치</th><th>측정 방법</th></tr></thead>
<tbody>
@@ -402,10 +402,10 @@
<div style="margin-top: 40px;">
<h3>핵심 차별점</h3>
<div class="company-info">
<div class="info-card"><h4>⚡ 완전 자동화</h4><p>채권 등록부터 회수까지 End-to-End 자동화</p></div>
<div class="info-card"><h4>📱 모바일 우선</h4><p>현장에서 즉시 추심 활동 기록</p></div>
<div class="info-card"><h4>⚖️ 법규 준수</h4><p>공정채권추심법 자동 준수</p></div>
<div class="info-card"><h4>🔐 강력한 보안</h4><p>개인정보 암호화 및 접근 제어</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg> 완전 자동화</h4><p>채권 등록부터 회수까지 End-to-End 자동화</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" /></svg> 모바일 우선</h4><p>현장에서 즉시 추심 활동 기록</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" /></svg> 법규 준수</h4><p>공정채권추심법 자동 준수</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /></svg> 강력한 보안</h4><p>개인정보 암호화 및 접근 제어</p></div>
</div>
</div>
<div style="margin-top: 40px; text-align: center;">

24
resources/views/lab/strategy/kodata-vs-nice.blade.php
View File

@@ -115,14 +115,14 @@
<!-- 1. 개요 -->
<div class="section">
<h2><span>📋</span> 1. 개요</h2>
<h2><svg class="inline w-6 h-6 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" /></svg> 1. 개요</h2>
<p>
기업 신용평가 정보를 제공하는 API로 국내에서 주요한 두 업체는 <strong>한국평가데이터(KoDATA)</strong>와
<strong>NICE평가정보</strong>입니다. 이 분석은 상용 서비스에 기업신용등급 API를 도입하려는 경우
두 업체의 가격 정책과 이용 조건을 비교합니다.
</p>
<div class="info-box">
<strong>🎯 분석 목표</strong>
<strong><svg class="inline w-5 h-5 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 분석 목표</strong>
<ul>
<li>KoDATA와 NICE의 가격 정책 및 과금 구조 비교</li>
<li>라이선싱 및 계약 요건 파악</li>
@@ -135,7 +135,7 @@
<!-- 2. 회사 개요 -->
<div class="section">
<h2><span>🏢</span> 2. 회사 개요 및 서비스 배경</h2>
<h2><svg class="inline w-6 h-6 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" /></svg> 2. 회사 개요 및 서비스 배경</h2>
<h3>2.1 한국평가데이터 (KoDATA)</h3>
<p><strong>중소기업 전문 신용평가기관</strong>으로 국내 최대 규모(약 1,370만 개 기업)의 기업 데이터베이스를 보유한 업체입니다.</p>
@@ -158,7 +158,7 @@
</ul>
<div class="highlight">
<strong>💡 핵심 차이점</strong><br>
<strong><svg class="inline w-5 h-5 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" /></svg> 핵심 차이점</strong><br>
• KoDATA: 중소기업 전문, 현장 실사 기반 정보 수집<br>
• NICE: 종합 신용정보 회사, 통합 플랫폼 및 부가 서비스 강점
</div>
@@ -166,10 +166,10 @@
<!-- 3. 가격 모델 비교 -->
<div class="section">
<h2><span>💰</span> 3. 가격 모델과 과금 구조</h2>
<h2><svg class="inline w-6 h-6 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 3. 가격 모델과 과금 구조</h2>
<div class="warning-box">
<strong>⚠️ 중요 사항</strong><br>
<strong><svg class="inline w-5 h-5 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" /></svg> 중요 사항</strong><br>
두 업체의 API 가격 정책은 <strong>공개적으로 명시되어 있지 않으며</strong>,
기관별 개별 계약에 따라 요금이 책정되는 방식입니다.
</div>
@@ -217,7 +217,7 @@
<!-- 4. API 제공 방식 -->
<div class="section">
<h2><span>⚙️</span> 4. API 제공 방식 및 기술적 접근</h2>
<h2><svg class="inline w-6 h-6 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /></svg> 4. API 제공 방식 및 기술적 접근</h2>
<p>두 업체 모두 <strong>RESTful API</strong> 형태로 실시간 기업정보 제공을 지원합니다.</p>
@@ -261,7 +261,7 @@
<!-- 5. 데이터 제공 내용 -->
<div class="section">
<h2><span>📊</span> 5. 데이터 제공 내용 비교</h2>
<h2><svg class="inline w-6 h-6 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" /></svg> 5. 데이터 제공 내용 비교</h2>
<table class="comparison-table">
<thead>
@@ -298,10 +298,10 @@
<!-- 6. 결론 -->
<div class="section">
<h2><span>🎯</span> 6. 결론 및 의사결정 가이드</h2>
<h2><svg class="inline w-6 h-6 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 6. 결론 및 의사결정 가이드</h2>
<div class="info-box">
<strong>🔍 KoDATA를 선택해야 하는 경우</strong><br>
<strong><svg class="inline w-5 h-5 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" /></svg> KoDATA를 선택해야 하는 경우</strong><br>
<ul>
<li>중소기업 전문성이 중요한 경우</li>
<li>현장 실사 기반 정보가 필요한 경우</li>
@@ -311,7 +311,7 @@
</div>
<div class="info-box">
<strong>🔍 NICE를 선택해야 하는 경우</strong><br>
<strong><svg class="inline w-5 h-5 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" /></svg> NICE를 선택해야 하는 경우</strong><br>
<ul>
<li>종합 플랫폼이 필요한 경우: BizINFO 통합 기업정보</li>
<li>다양한 신용평가 정보 필요: 자체 + 타 기관 등급 통합</li>
@@ -321,7 +321,7 @@
</div>
<div class="highlight">
<strong>💡 최종 권고사항</strong><br>
<strong><svg class="inline w-5 h-5 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" /></svg> 최종 권고사항</strong><br>
본 분석 자료를 토대로 KoDATA와 NICE 양사와 직접 상담하여
<strong>최신 가격 제안과 계약 조건을 확인</strong>하시기 바랍니다.
</div>

62
resources/views/lab/strategy/labor.blade.php
View File

@@ -84,10 +84,10 @@
<div style="margin-top: 30px;">
<h3>핵심 목표</h3>
<div class="feature-list">
<div class="feature-item"><h4>⏰ 근태 자동화</h4><p>출퇴근 관리 및 휴가 신청 자동 처리</p></div>
<div class="feature-item"><h4>💰 급여 계산</h4><p>급여, 수당, 공제 자동 계산 및 명세서 발행</p></div>
<div class="feature-item"><h4>🏥 4대보험 관리</h4><p>국민연금, 건강보험, 고용보험, 산재보험 자동 신고</p></div>
<div class="feature-item"><h4>🎯 퇴직금 산정</h4><p>퇴직금 자동 계산 및 중간정산 관리</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 근태 자동화</h4><p>출퇴근 관리 및 휴가 신청 자동 처리</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 급여 계산</h4><p>급여, 수당, 공제 자동 계산 및 명세서 발행</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" /></svg> 4대보험 관리</h4><p>국민연금, 건강보험, 고용보험, 산재보험 자동 신고</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 퇴직금 산정</h4><p>퇴직금 자동 계산 및 중간정산 관리</p></div>
</div>
</div>
<div style="margin-top: 30px;">
@@ -107,12 +107,12 @@
<div class="slide-content">
<h2>핵심 가치 제안</h2>
<div class="company-info">
<div class="info-card"><h4>🤖 자동화</h4><p>근태, 급여, 보험 업무 자동 처리</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">월 100시간 노무 업무 절감</p></div>
<div class="info-card"><h4>📊 정확성</h4><p>복잡한 급여 및 보험료 계산 오류 방지</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">계산 오류 99% 감소</p></div>
<div class="info-card"><h4>⚖️ 법규 준수</h4><p>근로기준법 및 4대보험 법규 자동 반영</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">법적 리스크 최소화</p></div>
<div class="info-card"><h4>📱 접근성</h4><p>모바일 앱을 통한 근태 및 급여 확인</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">언제 어디서나 접근</p></div>
<div class="info-card"><h4>🔗 통합성</h4><p>회계, ERP 시스템과 연동</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">데이터 이중 입력 제거</p></div>
<div class="info-card"><h4>🔐 보안</h4><p>개인정보 암호화 및 접근 제어</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">ISMS 인증 수준 보안</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg> 자동화</h4><p>근태, 급여, 보험 업무 자동 처리</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">월 100시간 노무 업무 절감</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" /></svg> 정확성</h4><p>복잡한 급여 및 보험료 계산 오류 방지</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">계산 오류 99% 감소</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" /></svg> 법규 준수</h4><p>근로기준법 및 4대보험 법규 자동 반영</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">법적 리스크 최소화</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" /></svg> 접근성</h4><p>모바일 앱을 통한 근태 및 급여 확인</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">언제 어디서나 접근</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg> 통합성</h4><p>회계, ERP 시스템과 연동</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">데이터 이중 입력 제거</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /></svg> 보안</h4><p>개인정보 암호화 및 접근 제어</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">ISMS 인증 수준 보안</p></div>
</div>
</div>
</div>
@@ -203,12 +203,12 @@
<div class="slide-content">
<h2>기획: 고급 기능</h2>
<div class="feature-list">
<div class="feature-item"><h4>📱 모바일 앱</h4><p>출퇴근 타임카드, 급여 조회, 휴가 신청</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">iOS/Android 지원</p></div>
<div class="feature-item"><h4>🔔 알림 시스템</h4><p>급여일, 보험료 납부일, 계약 갱신 알림</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">푸시, 이메일, SMS</p></div>
<div class="feature-item"><h4>📊 인사 대시보드</h4><p>직원 현황, 급여 통계, 퇴사율 분석</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">실시간 인사 KPI</p></div>
<div class="feature-item"><h4>📑 전자문서</h4><p>근로계약서, 급여명세서 전자서명</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">법적 효력 보장</p></div>
<div class="feature-item"><h4>🔗 ERP 연동</h4><p>회계 시스템 자동 연동</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">급여 → 회계 자동 전표</p></div>
<div class="feature-item"><h4>🤖 AI 추천</h4><p>급여 이상 패턴 감지 및 알림</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">오류 사전 방지</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" /></svg> 모바일 앱</h4><p>출퇴근 타임카드, 급여 조회, 휴가 신청</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">iOS/Android 지원</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" /></svg> 알림 시스템</h4><p>급여일, 보험료 납부일, 계약 갱신 알림</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">푸시, 이메일, SMS</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" /></svg> 인사 대시보드</h4><p>직원 현황, 급여 통계, 퇴사율 분석</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">실시간 인사 KPI</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg> 전자문서</h4><p>근로계약서, 급여명세서 전자서명</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">법적 효력 보장</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg> ERP 연동</h4><p>회계 시스템 자동 연동</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">급여 → 회계 자동 전표</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-cyan-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg> AI 추천</h4><p>급여 이상 패턴 감지 및 알림</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">오류 사전 방지</p></div>
</div>
<div style="margin-top: 30px; padding: 25px; background: #fef3c7; border-radius: 16px; border-left: 5px solid #f59e0b; border: 1px solid #fde68a;">
<h3 style="margin-top: 0; color: #92400e; font-weight: 700;">컴플라이언스 기능</h3>
@@ -233,10 +233,10 @@
<div style="margin-top: 30px;">
<h3>핵심 디자인 원칙</h3>
<div class="feature-list">
<div class="feature-item"><h4>👤 사용자 중심</h4><p>직원과 관리자 모두 쉽게 사용</p></div>
<div class="feature-item"><h4>⚡ 빠른 처리</h4><p>최소 클릭으로 업무 완료</p></div>
<div class="feature-item"><h4>📱 모바일 우선</h4><p>스마트폰에서 주요 기능 사용</p></div>
<div class="feature-item"><h4>🔐 보안 강조</h4><p>개인정보 보호 시각화</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg> 사용자 중심</h4><p>직원과 관리자 모두 쉽게 사용</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg> 빠른 처리</h4><p>최소 클릭으로 업무 완료</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" /></svg> 모바일 우선</h4><p>스마트폰에서 주요 기능 사용</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /></svg> 보안 강조</h4><p>개인정보 보호 시각화</p></div>
</div>
</div>
<div style="margin-top: 30px;">
@@ -263,12 +263,12 @@
<div style="margin-top: 30px;">
<h3>주요 서비스 구성</h3>
<div class="company-info">
<div class="info-card"><h4>👤 인사 정보 서비스</h4><p>직원 정보 관리 및 조직도</p></div>
<div class="info-card"><h4>⏰ 근태 서비스</h4><p>출퇴근, 휴가, 야근 관리</p></div>
<div class="info-card"><h4>💰 급여 계산 엔진</h4><p>급여, 수당, 공제 자동 계산</p></div>
<div class="info-card"><h4>🏥 보험 서비스</h4><p>4대보험 계산 및 신고</p></div>
<div class="info-card"><h4>🎯 퇴직금 서비스</h4><p>퇴직금 계산 및 정산</p></div>
<div class="info-card"><h4>🔔 알림 서비스</h4><p>푸시, 이메일, SMS 발송</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg> 인사 정보 서비스</h4><p>직원 정보 관리 및 조직도</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 근태 서비스</h4><p>출퇴근, 휴가, 야근 관리</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 급여 계산 엔진</h4><p>급여, 수당, 공제 자동 계산</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" /></svg> 보험 서비스</h4><p>4대보험 계산 및 신고</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 퇴직금 서비스</h4><p>퇴직금 계산 및 정산</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" /></svg> 알림 서비스</h4><p>푸시, 이메일, SMS 발송</p></div>
</div>
</div>
<div style="margin-top: 30px;">
@@ -383,7 +383,7 @@
<div class="slide-content">
<h2>성공 지표</h2>
<div style="margin-top: 30px;">
<h3>📊 정량적 KPI</h3>
<h3 class="flex items-center gap-2"><svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" /></svg> 정량적 KPI</h3>
<table class="comparison-table">
<thead><tr><th>지표</th><th>목표치</th><th>측정 방법</th></tr></thead>
<tbody>
@@ -409,10 +409,10 @@
<div style="margin-top: 40px;">
<h3>핵심 차별점</h3>
<div class="company-info">
<div class="info-card"><h4>⚡ 완전 자동화</h4><p>근태부터 급여까지 End-to-End 자동화</p></div>
<div class="info-card"><h4>📱 모바일 우선</h4><p>언제 어디서나 근태 및 급여 확인</p></div>
<div class="info-card"><h4>⚖️ 법규 준수</h4><p>근로기준법 및 4대보험 자동 반영</p></div>
<div class="info-card"><h4>🔐 강력한 보안</h4><p>개인정보 암호화 및 접근 제어</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg> 완전 자동화</h4><p>근태부터 급여까지 End-to-End 자동화</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" /></svg> 모바일 우선</h4><p>언제 어디서나 근태 및 급여 확인</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" /></svg> 법규 준수</h4><p>근로기준법 및 4대보험 자동 반영</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /></svg> 강력한 보안</h4><p>개인정보 암호화 및 접근 제어</p></div>
</div>
</div>
<div style="margin-top: 40px; text-align: center;">

17
resources/views/lab/strategy/mrp-overseas.blade.php
View File

@@ -12,9 +12,16 @@
justify-content: center;
}
.placeholder-icon {
font-size: 5rem;
width: 5rem;
height: 5rem;
margin-bottom: 2rem;
opacity: 0.6;
color: #059669;
}
.feature-icon {
width: 1.25rem;
height: 1.25rem;
color: #059669;
}
.placeholder-title {
font-size: 2rem;
@@ -46,7 +53,9 @@
<div class="container mx-auto px-4 py-12">
<div class="placeholder-container">
<div class="placeholder-icon">🏭</div>
<svg class="placeholder-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21" />
</svg>
<h1 class="placeholder-title">해외 MRP 시스템 분석</h1>
<p class="placeholder-subtitle">
글로벌 MRP(Material Requirements Planning) 솔루션 비교와
@@ -58,7 +67,9 @@
<div class="max-w-4xl mx-auto mt-12">
<div class="bg-white rounded-2xl shadow-lg p-8">
<h2 class="text-xl font-bold text-gray-800 mb-6 flex items-center">
<span class="mr-3">📋</span>
<svg class="feature-icon mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" />
</svg>
예정 콘텐츠
</h2>
<div class="grid md:grid-cols-2 gap-6">

17
resources/views/lab/strategy/qa-solution.blade.php
View File

@@ -12,9 +12,16 @@
justify-content: center;
}
.placeholder-icon {
font-size: 5rem;
width: 5rem;
height: 5rem;
margin-bottom: 2rem;
opacity: 0.6;
color: #7c3aed;
}
.feature-icon {
width: 1.25rem;
height: 1.25rem;
color: #7c3aed;
}
.placeholder-title {
font-size: 2rem;
@@ -46,7 +53,9 @@
<div class="container mx-auto px-4 py-12">
<div class="placeholder-container">
<div class="placeholder-icon">🔍</div>
<svg class="placeholder-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
</svg>
<h1 class="placeholder-title">QA 솔루션 비교</h1>
<p class="placeholder-subtitle">
소프트웨어 품질 보증(QA) 도구 및 테스팅 플랫폼에 대한
@@ -58,7 +67,9 @@
<div class="max-w-4xl mx-auto mt-12">
<div class="bg-white rounded-2xl shadow-lg p-8">
<h2 class="text-xl font-bold text-gray-800 mb-6 flex items-center">
<span class="mr-3">📋</span>
<svg class="feature-icon mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" />
</svg>
예정 콘텐츠
</h2>
<div class="grid md:grid-cols-2 gap-6">

16
resources/views/lab/strategy/rag-startups.blade.php
View File

@@ -111,7 +111,9 @@
<h3 class="text-xl font-bold text-center mb-4 text-gray-800">RAG 시스템 아키텍처</h3>
<div class="flex flex-col md:flex-row items-center justify-between space-y-4 md:space-y-0 md:space-x-4">
<div class="flex flex-col items-center text-center p-3 bg-gray-50 rounded-lg w-full md:w-1/4">
<span class="text-4xl mb-2">👤</span>
<svg class="w-10 h-10 mb-2 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" />
</svg>
<span class="font-bold">사용자 질문</span>
<p class="text-sm text-gray-600">"최신 AI 트렌드는?"</p>
</div>
@@ -120,7 +122,9 @@
<span class="text-2xl font-bold text-teal-600 md:hidden">↓</span>
<div class="flex flex-col items-center text-center p-3 bg-teal-50 rounded-lg w-full md:w-1/3">
<span class="text-4xl mb-2">🔍</span>
<svg class="w-10 h-10 mb-2 text-teal-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
</svg>
<span class="font-bold">1. Retriever (검색)</span>
<p class="text-sm text-gray-600">Vector DB 등 외부 지식 소스에서 관련 문서 검색</p>
</div>
@@ -129,7 +133,9 @@
<span class="text-2xl font-bold text-teal-600 md:hidden">↓</span>
<div class="flex flex-col items-center text-center p-3 bg-teal-50 rounded-lg w-full md:w-1/3">
<span class="text-4xl mb-2">🧠</span>
<svg class="w-10 h-10 mb-2 text-teal-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z" />
</svg>
<span class="font-bold">2. Generator (LLM)</span>
<p class="text-sm text-gray-600">질문 + 검색된 문서를 기반으로 정확한 답변 생성</p>
</div>
@@ -138,7 +144,9 @@
<span class="text-2xl font-bold text-teal-600 md:hidden">↓</span>
<div class="flex flex-col items-center text-center p-3 bg-gray-50 rounded-lg w-full md:w-1/4">
<span class="text-4xl mb-2">💡</span>
<svg class="w-10 h-10 mb-2 text-amber-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" />
</svg>
<span class="font-bold">최종 답변</span>
<p class="text-sm text-gray-600">"최신 트렌드는... (검색된 정보 기반)"</p>
</div>

23
resources/views/lab/strategy/sales-strategy.blade.php
View File

@@ -78,7 +78,7 @@
<div class="slide w-full h-full flex-col md:flex-row items-center justify-center px-4 md:px-16 gap-8" data-bg="bg-white" data-text="text-slate-800">
<div class="md:w-1/3 flex flex-col items-center md:items-start text-center md:text-left mb-8 md:mb-0">
<div class="mb-6 p-6 bg-slate-50 rounded-full shadow-lg">
<span class="text-5xl">💳</span>
<svg class="w-12 h-12 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5z" /></svg>
</div>
<span class="inline-block px-3 py-1 bg-slate-200 text-slate-600 rounded-full text-xs font-bold mb-4 tracking-wider">STRATEGY 01 : MONEY</span>
<h2 class="text-3xl md:text-4xl font-bold mb-4 leading-tight text-slate-900">CEO 전용 시크릿 대시보드</h2>
@@ -104,7 +104,7 @@
<div class="slide w-full h-full flex-col md:flex-row items-center justify-center px-4 md:px-16 gap-8" data-bg="bg-slate-50" data-text="text-slate-800">
<div class="md:w-1/3 flex flex-col items-center md:items-start text-center md:text-left mb-8 md:mb-0">
<div class="mb-6 p-6 bg-white rounded-full shadow-lg">
<span class="text-5xl">⚖️</span>
<svg class="w-12 h-12 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0012 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52l2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 01-2.031.352 5.988 5.988 0 01-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0l2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 01-2.031.352 5.989 5.989 0 01-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971z" /></svg>
</div>
<span class="inline-block px-3 py-1 bg-slate-200 text-slate-600 rounded-full text-xs font-bold mb-4 tracking-wider">STRATEGY 02 : LAW</span>
<h2 class="text-3xl md:text-4xl font-bold mb-4 leading-tight text-slate-900">착수금 0원, 대표님의 '개인 로펌'</h2>
@@ -130,13 +130,13 @@
<div class="slide w-full h-full flex-col md:flex-row items-center justify-center px-4 md:px-16 gap-8" data-bg="bg-slate-50" data-text="text-slate-800">
<div class="md:w-1/3 flex flex-col items-center md:items-start text-center md:text-left">
<div class="mb-6 p-6 bg-white rounded-full shadow-lg">
<span class="text-5xl">🤖</span>
<svg class="w-12 h-12 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0112 15a9.065 9.065 0 00-6.23.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611l-.006.001A48.02 48.02 0 0112 21c-2.773 0-5.491-.235-8.135-.698l-.005-.001c-1.717-.293-2.3-2.379-1.067-3.61L5 14.5" /></svg>
</div>
<span class="inline-block px-3 py-1 bg-purple-100 text-purple-700 rounded-full text-xs font-bold mb-4 tracking-wider">STRATEGY 03 : AI ASSISTANT</span>
<h2 class="text-3xl md:text-4xl font-bold mb-4 leading-tight text-slate-900">말 한마디로 끝나는 경영 관리</h2>
<p class="text-slate-600 text-lg mb-6">AI 비서 '헤이 SAM'을 체험해보세요.</p>
<div class="text-sm text-slate-400 bg-white p-4 rounded-lg border">
<p class="font-bold mb-2">💡 이렇게 물어보세요:</p>
<p class="font-bold mb-2 flex items-center gap-1"><svg class="w-4 h-4 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" /></svg> 이렇게 물어보세요:</p>
<ul class="space-y-1">
<li>"거래처에 보낼 추석 인사말 써줘"</li>
<li>"이번 달 예상 부가세가 얼마야?"</li>
@@ -147,7 +147,7 @@
<div class="md:w-2/3 w-full h-[400px] bg-white rounded-2xl shadow-xl overflow-hidden border border-slate-200 flex flex-col">
<div class="bg-purple-600 p-4 text-white flex items-center justify-between">
<div class="flex items-center gap-3">
<span class="text-2xl">🤖</span>
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0112 15a9.065 9.065 0 00-6.23.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611l-.006.001A48.02 48.02 0 0112 21c-2.773 0-5.491-.235-8.135-.698l-.005-.001c-1.717-.293-2.3-2.379-1.067-3.61L5 14.5" /></svg>
<div><h3 class="font-bold">Hey SAM</h3><p class="text-xs text-purple-200">Smart Automation Management</p></div>
</div>
<div class="flex gap-2">
@@ -175,7 +175,7 @@
<div class="slide w-full h-full flex-col md:flex-row items-center justify-center px-4 md:px-16 gap-8" data-bg="bg-white" data-text="text-slate-800">
<div class="md:w-1/3 flex flex-col items-center md:items-start text-center md:text-left mb-8 md:mb-0">
<div class="mb-6 p-6 bg-slate-50 rounded-full shadow-lg">
<span class="text-5xl">📍</span>
<svg class="w-12 h-12 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z" /></svg>
</div>
<span class="inline-block px-3 py-1 bg-slate-200 text-slate-600 rounded-full text-xs font-bold mb-4 tracking-wider">STRATEGY 04 : FREEDOM</span>
<h2 class="text-3xl md:text-4xl font-bold mb-4 leading-tight text-slate-900">사무실 밖에서도 '전지적 대표 시점'</h2>
@@ -199,7 +199,7 @@
<!-- Slide 7: Emotion -->
<div class="slide w-full h-full flex-col items-center justify-center text-center px-4" data-bg="bg-slate-900" data-text="text-white">
<span class="text-6xl mb-4 animate-bounce-custom">🔔</span>
<svg class="w-16 h-16 mb-4 animate-bounce-custom text-yellow-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0" /></svg>
<h2 class="text-4xl md:text-6xl font-black mb-4 text-yellow-400 drop-shadow-lg">띵동! "SAM~"</h2>
<h3 class="text-xl md:text-3xl font-bold mb-8 max-w-2xl leading-relaxed">대표님을 미소 짓게 하는 세상에서 가장 기분 좋은 알림</h3>
<div class="bg-white/10 backdrop-blur-md p-8 rounded-2xl max-w-3xl border border-white/20">
@@ -210,8 +210,11 @@
<!-- Slide 8: CTA -->
<div class="slide w-full h-full flex-col items-center justify-center text-center px-4" data-bg="bg-blue-700" data-text="text-white">
<div class="grid grid-cols-4 gap-4 mb-12 opacity-50 text-white text-4xl">
<span>💼</span><span>⚖️</span><span>👥</span><span>🛡️</span>
<div class="grid grid-cols-4 gap-4 mb-12 opacity-50 text-white">
<svg class="w-10 h-10 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 00.75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 00-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0112 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 01-.673-.38m0 0A2.18 2.18 0 013 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 013.413-.387m7.5 0V5.25A2.25 2.25 0 0013.5 3h-3a2.25 2.25 0 00-2.25 2.25v.894m7.5 0a48.667 48.667 0 00-7.5 0M12 12.75h.008v.008H12v-.008z" /></svg>
<svg class="w-10 h-10 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0012 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52l2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 01-2.031.352 5.988 5.988 0 01-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0l2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 01-2.031.352 5.989 5.989 0 01-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971z" /></svg>
<svg class="w-10 h-10 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" /></svg>
<svg class="w-10 h-10 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z" /></svg>
</div>
<h2 class="text-3xl md:text-5xl font-bold mb-6 leading-tight">변호사, 세무사, 비서, 감사팀...</h2>
<p class="text-xl md:text-2xl text-blue-200 mb-12 font-light">이 모든 전문가를 월 O만원에 고용하시겠습니까?</p>
@@ -249,7 +252,7 @@
painPoints.forEach(item => {
const div = document.createElement('div');
div.className = "bg-white p-4 rounded-lg shadow-sm border border-red-100 flex items-center justify-center text-center hover:bg-red-50 hover:border-red-300 transition-colors";
div.innerHTML = `<div class="flex flex-col items-center gap-2"><span class="text-red-400">⚠️</span><span class="text-sm font-medium text-slate-700 break-keep">${item}</span></div>`;
div.innerHTML = `<div class="flex flex-col items-center gap-2"><svg class="w-5 h-5 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" /></svg><span class="text-sm font-medium text-slate-700 break-keep">${item}</span></div>`;
painGrid.appendChild(div);
});

17
resources/views/lab/strategy/stablecoin.blade.php
View File

@@ -12,9 +12,16 @@
justify-content: center;
}
.placeholder-icon {
font-size: 5rem;
width: 5rem;
height: 5rem;
margin-bottom: 2rem;
opacity: 0.6;
color: #1e3a8a;
}
.feature-icon {
width: 1.25rem;
height: 1.25rem;
color: #1e3a8a;
}
.placeholder-title {
font-size: 2rem;
@@ -46,7 +53,9 @@
<div class="container mx-auto px-4 py-12">
<div class="placeholder-container">
<div class="placeholder-icon">💰</div>
<svg class="placeholder-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z" />
</svg>
<h1 class="placeholder-title">스테이블코인 전략</h1>
<p class="placeholder-subtitle">
스테이블코인의 시장 동향, 규제 환경, 기업 도입 전략에 대한
@@ -58,7 +67,9 @@
<div class="max-w-4xl mx-auto mt-12">
<div class="bg-white rounded-2xl shadow-lg p-8">
<h2 class="text-xl font-bold text-gray-800 mb-6 flex items-center">
<span class="mr-3">📋</span>
<svg class="feature-icon mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" />
</svg>
예정 콘텐츠
</h2>
<div class="grid md:grid-cols-2 gap-6">

108
resources/views/lab/strategy/tax.blade.php
View File

@@ -205,10 +205,10 @@
<div style="margin-top: 30px;">
<h3>핵심 목표</h3>
<div class="feature-list">
<div class="feature-item"><h4>⚡ 업무 자동화</h4><p>반복적인 세무 업무를 90% 이상 자동화</p></div>
<div class="feature-item"><h4>📊 데이터 통합</h4><p>회계, 인사, 영업 데이터의 실시간 통합</p></div>
<div class="feature-item"><h4>🛡️ 리스크 관리</h4><p>세무 리스크 사전 감지 및 알림</p></div>
<div class="feature-item"><h4>📈 전략 수립</h4><p>데이터 기반 세무 전략 의사결정 지원</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z" /></svg> 업무 자동화</h4><p>반복적인 세무 업무를 90% 이상 자동화</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" /></svg> 데이터 통합</h4><p>회계, 인사, 영업 데이터의 실시간 통합</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z" /></svg> 리스크 관리</h4><p>세무 리스크 사전 감지 및 알림</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941" /></svg> 전략 수립</h4><p>데이터 기반 세무 전략 의사결정 지원</p></div>
</div>
</div>
<div style="margin-top: 30px;">
@@ -228,12 +228,12 @@
<div class="slide-content">
<h2>핵심 가치 제안</h2>
<div class="company-info">
<div class="info-card"><h4>🤖 자동화</h4><p>세금 계산, 신고서 작성, 납부 관리 자동화</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">매월 80시간 업무 시간 절감</p></div>
<div class="info-card"><h4>🔗 통합성</h4><p>회계 시스템, ERP, 급여 시스템 연동</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">데이터 이중 입력 제거</p></div>
<div class="info-card"><h4>📱 접근성</h4><p>클라우드 기반 언제 어디서나 접근</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">PC, 태블릿, 모바일 지원</p></div>
<div class="info-card"><h4>🎯 정확성</h4><p>최신 세법 자동 반영 및 검증</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">인적 오류 95% 감소</p></div>
<div class="info-card"><h4>💡 인사이트</h4><p>AI 기반 세무 최적화 제안</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">절세 기회 자동 발견</p></div>
<div class="info-card"><h4>🔐 보안</h4><p>금융권 수준의 데이터 보안</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">암호화 및 접근 제어</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0112 15a9.065 9.065 0 00-6.23.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.02 48.02 0 0112 21c-2.773 0-5.491-.235-8.135-.698-1.717-.293-2.3-2.379-1.067-3.61L5 14.5" /></svg> 자동화</h4><p>세금 계산, 신고서 작성, 납부 관리 자동화</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">매월 80시간 업무 시간 절감</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" /></svg> 통합성</h4><p>회계 시스템, ERP, 급여 시스템 연동</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">데이터 이중 입력 제거</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" /></svg> 접근성</h4><p>클라우드 기반 언제 어디서나 접근</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">PC, 태블릿, 모바일 지원</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 정확성</h4><p>최신 세법 자동 반영 및 검증</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">인적 오류 95% 감소</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" /></svg> 인사이트</h4><p>AI 기반 세무 최적화 제안</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">절세 기회 자동 발견</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" /></svg> 보안</h4><p>금융권 수준의 데이터 보안</p><p style="font-size: 0.9em; margin-top: 10px; opacity: 0.9;">암호화 및 접근 제어</p></div>
</div>
</div>
</div>
@@ -305,12 +305,12 @@
<div class="slide-content">
<h2>기획: 고급 기능</h2>
<div class="feature-list">
<div class="feature-item"><h4>🤖 AI 세무 어시스턴트</h4><p>자연어 질의응답으로 세무 문의 즉시 해결</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">"이번 달 부가세 예상액은?" 같은 질문에 즉시 답변</p></div>
<div class="feature-item"><h4>📊 세무 대시보드</h4><p>실시간 세무 현황 및 KPI 모니터링</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">납부 일정, 세부담률, 공제 현황 한눈에 확인</p></div>
<div class="feature-item"><h4>⚠️ 리스크 알림</h4><p>세무 리스크 사전 감지 및 예방</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">신고 누락, 기한 임박, 이상 거래 자동 알림</p></div>
<div class="feature-item"><h4>📈 절세 시뮬레이터</h4><p>다양한 시나리오별 세금 영향 분석</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">투자, 채용, 구조조정 시 세무 영향 사전 검토</p></div>
<div class="feature-item"><h4>🔗 외부 시스템 연동</h4><p>ERP, 급여, 회계 시스템 자동 연동</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">더존, 영림원, SAP, 더블린 등 주요 시스템 지원</p></div>
<div class="feature-item"><h4>📱 모바일 승인</h4><p>언제 어디서나 신고서 검토 및 승인</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">푸시 알림 및 생체인증 기반 전자서명</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0112 15a9.065 9.065 0 00-6.23.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.02 48.02 0 0112 21c-2.773 0-5.491-.235-8.135-.698-1.717-.293-2.3-2.379-1.067-3.61L5 14.5" /></svg> AI 세무 어시스턴트</h4><p>자연어 질의응답으로 세무 문의 즉시 해결</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">"이번 달 부가세 예상액은?" 같은 질문에 즉시 답변</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" /></svg> 세무 대시보드</h4><p>실시간 세무 현황 및 KPI 모니터링</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">납부 일정, 세부담률, 공제 현황 한눈에 확인</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-amber-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" /></svg> 리스크 알림</h4><p>세무 리스크 사전 감지 및 예방</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">신고 누락, 기한 임박, 이상 거래 자동 알림</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941" /></svg> 절세 시뮬레이터</h4><p>다양한 시나리오별 세금 영향 분석</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">투자, 채용, 구조조정 시 세무 영향 사전 검토</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" /></svg> 외부 시스템 연동</h4><p>ERP, 급여, 회계 시스템 자동 연동</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">더존, 영림원, SAP, 더블린 등 주요 시스템 지원</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" /></svg> 모바일 승인</h4><p>언제 어디서나 신고서 검토 및 승인</p><p style="font-size: 0.9em; margin-top: 5px; color: #666;">푸시 알림 및 생체인증 기반 전자서명</p></div>
</div>
<div class="scenario-box amber">
<h3 style="color: #92400e;">컴플라이언스 기능</h3>
@@ -362,12 +362,12 @@
<div style="margin-top: 30px;">
<h3>핵심 디자인 원칙</h3>
<div class="feature-list">
<div class="feature-item"><h4>🎯 단순성</h4><p>복잡한 세무 프로세스를 단계별로 분해</p><p style="font-size: 0.9em; color: #666;">마법사(Wizard) 형태의 진행 방식</p></div>
<div class="feature-item"><h4>📊 시각화</h4><p>숫자와 데이터를 직관적인 차트로 표현</p><p style="font-size: 0.9em; color: #666;">인포그래픽 중심의 대시보드</p></div>
<div class="feature-item"><h4>⚡ 효율성</h4><p>최소 클릭으로 작업 완료</p><p style="font-size: 0.9em; color: #666;">자주 쓰는 기능 빠른 실행</p></div>
<div class="feature-item"><h4>🎨 일관성</h4><p>통일된 디자인 언어 및 패턴</p><p style="font-size: 0.9em; color: #666;">학습 곡선 최소화</p></div>
<div class="feature-item"><h4>♿ 접근성</h4><p>WCAG 2.1 AA 레벨 준수</p><p style="font-size: 0.9em; color: #666;">키보드 내비게이션 완벽 지원</p></div>
<div class="feature-item"><h4>📱 반응형</h4><p>모든 디바이스에서 최적 경험</p><p style="font-size: 0.9em; color: #666;">PC, 태블릿, 모바일 대응</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 단순성</h4><p>복잡한 세무 프로세스를 단계별로 분해</p><p style="font-size: 0.9em; color: #666;">마법사(Wizard) 형태의 진행 방식</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" /></svg> 시각화</h4><p>숫자와 데이터를 직관적인 차트로 표현</p><p style="font-size: 0.9em; color: #666;">인포그래픽 중심의 대시보드</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z" /></svg> 효율성</h4><p>최소 클릭으로 작업 완료</p><p style="font-size: 0.9em; color: #666;">자주 쓰는 기능 빠른 실행</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.53 16.122a3 3 0 00-5.78 1.128 2.25 2.25 0 01-2.4 2.245 4.5 4.5 0 008.4-2.245c0-.399-.078-.78-.22-1.128zm0 0a15.998 15.998 0 003.388-1.62m-5.043-.025a15.994 15.994 0 011.622-3.395m3.42 3.42a15.995 15.995 0 004.764-4.648l3.876-5.814a1.151 1.151 0 00-1.597-1.597L14.146 6.32a15.996 15.996 0 00-4.649 4.763m3.42 3.42a6.776 6.776 0 00-3.42-3.42" /></svg> 일관성</h4><p>통일된 디자인 언어 및 패턴</p><p style="font-size: 0.9em; color: #666;">학습 곡선 최소화</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z" /></svg> 접근성</h4><p>WCAG 2.1 AA 레벨 준수</p><p style="font-size: 0.9em; color: #666;">키보드 내비게이션 완벽 지원</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" /></svg> 반응형</h4><p>모든 디바이스에서 최적 경험</p><p style="font-size: 0.9em; color: #666;">PC, 태블릿, 모바일 대응</p></div>
</div>
</div>
<div style="margin-top: 30px;">
@@ -447,10 +447,10 @@
<div style="margin-top: 30px;">
<h3>피드백 및 알림 시스템</h3>
<div class="feature-list">
<div class="feature-item"><h4>✅ 성공 메시지</h4><p>작업 완료 시 명확한 확인 메시지</p></div>
<div class="feature-item"><h4>⚠️ 경고 알림</h4><p>주의가 필요한 항목 강조 표시</p></div>
<div class="feature-item"><h4>❌ 오류 안내</h4><p>문제 발생 시 해결 방법 제시</p></div>
<div class="feature-item"><h4>💡 도움말</h4><p>컨텍스트 기반 도움말 제공</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 성공 메시지</h4><p>작업 완료 시 명확한 확인 메시지</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-amber-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" /></svg> 경고 알림</h4><p>주의가 필요한 항목 강조 표시</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 오류 안내</h4><p>문제 발생 시 해결 방법 제시</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" /></svg> 도움말</h4><p>컨텍스트 기반 도움말 제공</p></div>
</div>
</div>
</div>
@@ -467,12 +467,12 @@
<div style="margin-top: 30px;">
<h3>주요 서비스 구성</h3>
<div class="company-info">
<div class="info-card"><h4>🔐 인증 서비스</h4><p>JWT 기반 인증 및 권한 관리</p><p style="font-size: 0.9em; margin-top: 5px;">OAuth 2.0, 2FA 지원</p></div>
<div class="info-card"><h4>📊 데이터 수집 서비스</h4><p>외부 시스템 데이터 수집 및 변환</p><p style="font-size: 0.9em; margin-top: 5px;">ETL 파이프라인</p></div>
<div class="info-card"><h4>🧮 계산 엔진</h4><p>세금 계산 및 시뮬레이션</p><p style="font-size: 0.9em; margin-top: 5px;">규칙 엔진 기반</p></div>
<div class="info-card"><h4>📄 신고서 생성</h4><p>각종 신고서 자동 작성</p><p style="font-size: 0.9em; margin-top: 5px;">PDF/XML 변환</p></div>
<div class="info-card"><h4>🔗 통합 서비스</h4><p>ERP 및 회계 시스템 연동</p><p style="font-size: 0.9em; margin-top: 5px;">API Gateway</p></div>
<div class="info-card"><h4>🤖 AI 서비스</h4><p>자연어 처리 및 예측 분석</p><p style="font-size: 0.9em; margin-top: 5px;">TensorFlow/PyTorch</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" /></svg> 인증 서비스</h4><p>JWT 기반 인증 및 권한 관리</p><p style="font-size: 0.9em; margin-top: 5px;">OAuth 2.0, 2FA 지원</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" /></svg> 데이터 수집 서비스</h4><p>외부 시스템 데이터 수집 및 변환</p><p style="font-size: 0.9em; margin-top: 5px;">ETL 파이프라인</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z" /></svg> 계산 엔진</h4><p>세금 계산 및 시뮬레이션</p><p style="font-size: 0.9em; margin-top: 5px;">규칙 엔진 기반</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /></svg> 신고서 생성</h4><p>각종 신고서 자동 작성</p><p style="font-size: 0.9em; margin-top: 5px;">PDF/XML 변환</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" /></svg> 통합 서비스</h4><p>ERP 및 회계 시스템 연동</p><p style="font-size: 0.9em; margin-top: 5px;">API Gateway</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0112 15a9.065 9.065 0 00-6.23.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.02 48.02 0 0112 21c-2.773 0-5.491-.235-8.135-.698-1.717-.293-2.3-2.379-1.067-3.61L5 14.5" /></svg> AI 서비스</h4><p>자연어 처리 및 예측 분석</p><p style="font-size: 0.9em; margin-top: 5px;">TensorFlow/PyTorch</p></div>
</div>
</div>
<div style="margin-top: 30px;">
@@ -555,12 +555,12 @@
<div style="margin-top: 30px;">
<h3>API 보안 및 품질</h3>
<div class="feature-list">
<div class="feature-item"><h4>🔐 인증/인가</h4><p>JWT Bearer Token 기반 인증</p><p style="font-size: 0.9em; color: #666;">역할 기반 접근 제어 (RBAC)</p></div>
<div class="feature-item"><h4>📝 문서화</h4><p>OpenAPI 3.0 (Swagger) 자동 생성</p><p style="font-size: 0.9em; color: #666;">인터랙티브 API 문서</p></div>
<div class="feature-item"><h4>⚡ 속도 제한</h4><p>Rate Limiting (100 req/min/user)</p><p style="font-size: 0.9em; color: #666;">DDoS 방어</p></div>
<div class="feature-item"><h4>✅ 입력 검증</h4><p>DTO 기반 자동 검증</p><p style="font-size: 0.9em; color: #666;">타입 안전성 보장</p></div>
<div class="feature-item"><h4>📊 모니터링</h4><p>API 성능 및 오류율 추적</p><p style="font-size: 0.9em; color: #666;">Prometheus + Grafana</p></div>
<div class="feature-item"><h4>🔄 버전 관리</h4><p>URL 기반 버저닝 (/v1/, /v2/)</p><p style="font-size: 0.9em; color: #666;">하위 호환성 보장</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" /></svg> 인증/인가</h4><p>JWT Bearer Token 기반 인증</p><p style="font-size: 0.9em; color: #666;">역할 기반 접근 제어 (RBAC)</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /></svg> 문서화</h4><p>OpenAPI 3.0 (Swagger) 자동 생성</p><p style="font-size: 0.9em; color: #666;">인터랙티브 API 문서</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z" /></svg> 속도 제한</h4><p>Rate Limiting (100 req/min/user)</p><p style="font-size: 0.9em; color: #666;">DDoS 방어</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg> 입력 검증</h4><p>DTO 기반 자동 검증</p><p style="font-size: 0.9em; color: #666;">타입 안전성 보장</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" /></svg> 모니터링</h4><p>API 성능 및 오류율 추적</p><p style="font-size: 0.9em; color: #666;">Prometheus + Grafana</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" /></svg> 버전 관리</h4><p>URL 기반 버저닝 (/v1/, /v2/)</p><p style="font-size: 0.9em; color: #666;">하위 호환성 보장</p></div>
</div>
</div>
</div>
@@ -631,12 +631,12 @@
<div style="margin-top: 30px;">
<h3>주요 컴포넌트</h3>
<div class="feature-list">
<div class="feature-item"><h4>📊 DashboardWidget</h4><p>대시보드 KPI 카드 및 차트</p></div>
<div class="feature-item"><h4>📝 TaxReturnWizard</h4><p>단계별 신고서 작성 마법사</p></div>
<div class="feature-item"><h4>📁 ReceiptUploader</h4><p>증빙 파일 업로드 및 OCR</p></div>
<div class="feature-item"><h4>📈 TaxChart</h4><p>세무 데이터 시각화</p></div>
<div class="feature-item"><h4>🔔 NotificationCenter</h4><p>알림 및 작업 센터</p></div>
<div class="feature-item"><h4>🤖 AIAssistant</h4><p>채팅 기반 세무 도우미</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" /></svg> DashboardWidget</h4><p>대시보드 KPI 카드 및 차트</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /></svg> TaxReturnWizard</h4><p>단계별 신고서 작성 마법사</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" /></svg> ReceiptUploader</h4><p>증빙 파일 업로드 및 OCR</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941" /></svg> TaxChart</h4><p>세무 데이터 시각화</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-amber-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0" /></svg> NotificationCenter</h4><p>알림 및 작업 센터</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0112 15a9.065 9.065 0 00-6.23.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.02 48.02 0 0112 21c-2.773 0-5.491-.235-8.135-.698-1.717-.293-2.3-2.379-1.067-3.61L5 14.5" /></svg> AIAssistant</h4><p>채팅 기반 세무 도우미</p></div>
</div>
</div>
<div style="margin-top: 30px;">
@@ -712,10 +712,10 @@
<div style="margin-top: 30px;">
<h3>🎯 정성적 목표</h3>
<div class="feature-list">
<div class="feature-item"><h4>💡 혁신성</h4><p>국내 최초 AI 기반 세무 자동화 플랫폼 구축</p></div>
<div class="feature-item"><h4>🏆 시장 포지션</h4><p>중소기업 세무 솔루션 시장 점유율 Top 3</p></div>
<div class="feature-item"><h4>🤝 파트너십</h4><p>주요 ERP/회계 시스템과 공식 파트너십 체결</p></div>
<div class="feature-item"><h4>🔐 보안 인증</h4><p>ISO 27001, SOC 2 Type 2 인증 획득</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" /></svg> 혁신성</h4><p>국내 최초 AI 기반 세무 자동화 플랫폼 구축</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-amber-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.5 18.75h-9m9 0a3 3 0 013 3h-15a3 3 0 013-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 01-.982-3.172M9.497 14.25a7.454 7.454 0 00.981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 007.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 002.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 012.916.52 6.003 6.003 0 01-5.395 4.972m0 0a6.726 6.726 0 01-2.749 1.35m0 0a6.772 6.772 0 01-3.044 0" /></svg> 시장 포지션</h4><p>중소기업 세무 솔루션 시장 점유율 Top 3</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" /></svg> 파트너십</h4><p>주요 ERP/회계 시스템과 공식 파트너십 체결</p></div>
<div class="feature-item"><h4 class="flex items-center gap-2"><svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z" /></svg> 보안 인증</h4><p>ISO 27001, SOC 2 Type 2 인증 획득</p></div>
</div>
</div>
</div>
@@ -759,12 +759,12 @@
<div style="margin-top: 40px;">
<h3>핵심 차별점</h3>
<div class="company-info">
<div class="info-card"><h4>⚡ 완전 자동화</h4><p>데이터 수집부터 신고까지 End-to-End 자동화</p></div>
<div class="info-card"><h4>🤖 AI 기반</h4><p>머신러닝으로 패턴 학습 및 절세 전략 제안</p></div>
<div class="info-card"><h4>🔗 완벽한 통합</h4><p>모든 주요 ERP/회계 시스템 네이티브 연동</p></div>
<div class="info-card"><h4>📱 언제 어디서나</h4><p>클라우드 기반으로 시간과 장소의 제약 없음</p></div>
<div class="info-card"><h4>🛡️ 기업급 보안</h4><p>금융권 수준의 다층 보안 체계</p></div>
<div class="info-card"><h4>💡 직관적 UX</h4><p>복잡한 세무를 누구나 쉽게 처리</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z" /></svg> 완전 자동화</h4><p>데이터 수집부터 신고까지 End-to-End 자동화</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0112 15a9.065 9.065 0 00-6.23.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.02 48.02 0 0112 21c-2.773 0-5.491-.235-8.135-.698-1.717-.293-2.3-2.379-1.067-3.61L5 14.5" /></svg> AI 기반</h4><p>머신러닝으로 패턴 학습 및 절세 전략 제안</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" /></svg> 완벽한 통합</h4><p>모든 주요 ERP/회계 시스템 네이티브 연동</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" /></svg> 언제 어디서나</h4><p>클라우드 기반으로 시간과 장소의 제약 없음</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z" /></svg> 기업급 보안</h4><p>금융권 수준의 다층 보안 체계</p></div>
<div class="info-card"><h4 class="flex items-center gap-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" /></svg> 직관적 UX</h4><p>복잡한 세무를 누구나 쉽게 처리</p></div>
</div>
</div>
<div style="margin-top: 40px; text-align: center;">