6a4e4d864c
- meta_common.php에 favicon 링크 및 로고 컴포넌트 추가 - 모든 index.php 페이지에 favicon 적용 - 일부 페이지 타이틀에서 CodeBridgeExy → CodeBridgeX 수정 - 23개 파일 일괄 업데이트 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
633 lines
26 KiB
PHP
633 lines
26 KiB
PHP
<?php
|
||
/**
|
||
* SAM Project - 영업 정책 가이드 (Sales Policy)
|
||
* 기반 자료: C:\Users\light\sam\sales\salesmanagement\수당지급체계.md
|
||
*/
|
||
?>
|
||
<!DOCTYPE html>
|
||
<html lang="ko">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>SAM Project - 영업 정책 가이드</title>
|
||
<!-- Favicon -->
|
||
<link rel="apple-touch-icon" sizes="180x180" href="../img/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="../img/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="../img/favicon-16x16.png">
|
||
<link rel="shortcut icon" href="../img/favicon.png">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Outfit:wght@400;600;800&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root {
|
||
--primary: #7b61ff;
|
||
--primary-glow: rgba(123, 97, 255, 0.5);
|
||
--secondary: #00f2fe;
|
||
--bg: #0b0e14;
|
||
--card-bg: rgba(255, 255, 255, 0.03);
|
||
--card-border: rgba(255, 255, 255, 0.08);
|
||
--text-main: #ffffff;
|
||
--text-muted: #94a3b8;
|
||
--gradient: linear-gradient(135deg, #7b61ff 0%, #00f2fe 100%);
|
||
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||
}
|
||
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
body {
|
||
background-color: var(--bg);
|
||
color: var(--text-main);
|
||
font-family: 'Inter', -apple-system, sans-serif;
|
||
line-height: 1.6;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.stars-container {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -1;
|
||
background: radial-gradient(circle at 50% 50%, #1a1f2e 0%, #0b0e14 100%);
|
||
}
|
||
|
||
.container {
|
||
max-width: 1100px;
|
||
margin: 0 auto;
|
||
padding: 0 2rem;
|
||
}
|
||
|
||
/* Hero Section */
|
||
.hero {
|
||
padding: 8rem 0 4rem;
|
||
text-align: center;
|
||
position: relative;
|
||
}
|
||
|
||
.badge {
|
||
display: inline-block;
|
||
padding: 0.5rem 1.2rem;
|
||
background: rgba(123, 97, 255, 0.1);
|
||
border: 1px solid var(--primary);
|
||
border-radius: 99px;
|
||
color: var(--primary);
|
||
font-weight: 600;
|
||
font-size: 0.875rem;
|
||
margin-bottom: 1.5rem;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1px;
|
||
}
|
||
|
||
h1 {
|
||
font-family: 'Outfit', sans-serif;
|
||
font-size: clamp(2.5rem, 8vw, 4rem);
|
||
font-weight: 800;
|
||
line-height: 1.1;
|
||
margin-bottom: 1.5rem;
|
||
}
|
||
|
||
.gradient-text {
|
||
background: var(--gradient);
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
.subtitle {
|
||
font-size: 1.25rem;
|
||
color: var(--text-muted);
|
||
max-width: 700px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
/* Glass Card */
|
||
.glass-card {
|
||
background: var(--card-bg);
|
||
backdrop-filter: blur(12px);
|
||
border: 1px solid var(--card-border);
|
||
border-radius: 24px;
|
||
padding: 2.5rem;
|
||
margin-bottom: 2rem;
|
||
transition: var(--transition);
|
||
}
|
||
|
||
.glass-card:hover {
|
||
border-color: rgba(123, 97, 255, 0.3);
|
||
background: rgba(255, 255, 255, 0.05);
|
||
transform: translateY(-5px);
|
||
}
|
||
|
||
/* Policy Sections */
|
||
.section {
|
||
padding: 4rem 0;
|
||
}
|
||
|
||
.section-header {
|
||
margin-bottom: 3rem;
|
||
text-align: left;
|
||
}
|
||
|
||
.section-tag {
|
||
color: var(--secondary);
|
||
font-weight: 700;
|
||
font-size: 0.9rem;
|
||
text-transform: uppercase;
|
||
letter-spacing: 2px;
|
||
display: block;
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
h2 {
|
||
font-family: 'Outfit', sans-serif;
|
||
font-size: 2.5rem;
|
||
font-weight: 700;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
/* Grid Layouts */
|
||
.policy-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
gap: 1.5rem;
|
||
}
|
||
|
||
.policy-item {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 1rem;
|
||
}
|
||
|
||
.policy-icon {
|
||
font-size: 2.5rem;
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
.policy-item h3 {
|
||
font-size: 1.5rem;
|
||
color: var(--secondary);
|
||
}
|
||
|
||
.policy-item p {
|
||
color: var(--text-muted);
|
||
}
|
||
|
||
/* Commission Table */
|
||
.table-container {
|
||
overflow-x: auto;
|
||
margin-top: 1rem;
|
||
}
|
||
|
||
table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
text-align: left;
|
||
}
|
||
|
||
th {
|
||
padding: 1.5rem 1rem;
|
||
color: var(--text-muted);
|
||
font-weight: 600;
|
||
border-bottom: 1px solid var(--card-border);
|
||
}
|
||
|
||
td {
|
||
padding: 1.5rem 1rem;
|
||
border-bottom: 1px solid var(--card-border);
|
||
}
|
||
|
||
.highlight-row {
|
||
background: rgba(123, 97, 255, 0.05);
|
||
}
|
||
|
||
.ratio {
|
||
font-weight: 800;
|
||
font-size: 1.25rem;
|
||
color: var(--primary);
|
||
}
|
||
|
||
/* Hierarchy Viz */
|
||
.hierarchy-viz {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 2rem;
|
||
background: rgba(0, 0, 0, 0.2);
|
||
border-radius: 16px;
|
||
margin-top: 2rem;
|
||
position: relative;
|
||
}
|
||
|
||
.viz-node {
|
||
text-align: center;
|
||
z-index: 1;
|
||
flex: 1;
|
||
}
|
||
|
||
.viz-circle {
|
||
width: 80px;
|
||
height: 80px;
|
||
border-radius: 50%;
|
||
background: var(--gradient);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-weight: 800;
|
||
margin: 0 auto 1rem;
|
||
box-shadow: 0 0 20px var(--primary-glow);
|
||
}
|
||
|
||
.viz-label {
|
||
font-weight: 600;
|
||
font-size: 0.9rem;
|
||
}
|
||
|
||
.viz-line {
|
||
position: absolute;
|
||
top: 60px;
|
||
left: 10%;
|
||
right: 10%;
|
||
height: 2px;
|
||
background: rgba(255, 255, 255, 0.1);
|
||
z-index: 0;
|
||
}
|
||
|
||
/* Workflow Grid */
|
||
.workflow-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||
gap: 1.5rem;
|
||
}
|
||
|
||
.wf-card {
|
||
position: relative;
|
||
padding: 2.5rem 2rem !important;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.wf-num {
|
||
position: absolute;
|
||
top: -10px;
|
||
right: 10px;
|
||
font-size: 5rem;
|
||
font-weight: 900;
|
||
color: var(--primary);
|
||
opacity: 0.05;
|
||
z-index: 0;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.wf-card h3 {
|
||
position: relative;
|
||
z-index: 1;
|
||
margin-bottom: 0.75rem;
|
||
color: var(--secondary);
|
||
}
|
||
|
||
.wf-card p {
|
||
position: relative;
|
||
z-index: 1;
|
||
font-size: 0.95rem;
|
||
}
|
||
|
||
/* Footer */
|
||
.footer {
|
||
padding: 6rem 0;
|
||
text-align: center;
|
||
border-top: 1px solid var(--card-border);
|
||
color: var(--text-muted);
|
||
font-size: 0.9rem;
|
||
}
|
||
|
||
/* Animations */
|
||
@keyframes fadeInUp {
|
||
from { opacity: 0; transform: translateY(20px); }
|
||
to { opacity: 1; transform: translateY(0); }
|
||
}
|
||
|
||
.animate-up {
|
||
animation: fadeInUp 0.8s ease forwards;
|
||
}
|
||
|
||
/* Custom Colors for roles */
|
||
.role-seller { color: #4ade80; }
|
||
.role-manager { color: #a78bfa; }
|
||
.role-educator { color: #fb923c; }
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="stars-container"></div>
|
||
|
||
<header class="hero">
|
||
<div class="container">
|
||
<div class="badge animate-up">Sales Policy Guide</div>
|
||
<h1 class="animate-up">SAM Project<br><span class="gradient-text">영업 수당 지급 정책</span></h1>
|
||
<p class="subtitle animate-up">투명하고 합리적인 3단계 보상 체계를 통해 파트너의 성장을 지원합니다.</p>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="container">
|
||
<!-- Section 1: Core Principles -->
|
||
<section class="section">
|
||
<div class="section-header">
|
||
<span class="section-tag">01. Core Principles</span>
|
||
<h2>기본 원칙 및 대상</h2>
|
||
</div>
|
||
<div class="glass-card animate-up">
|
||
<div class="policy-grid">
|
||
<div class="policy-item">
|
||
<div class="policy-icon">🎯</div>
|
||
<h3>가입비 중심 보상</h3>
|
||
<p>수당은 1회성 <strong>가입비</strong>에 대해서만 지급됩니다. 이는 고품질의 초기 인프라 구축 및 파트너의 적극적인 유치를 지원하기 위함입니다.</p>
|
||
</div>
|
||
<div class="policy-item">
|
||
<div class="policy-icon">📊</div>
|
||
<h3>협업 중심 구조</h3>
|
||
<p>판매자와 관리자뿐만 아니라 기술 지원을 담당하는 메뉴제작 협업자에게도 적절한 보상을 제공하여 유기적인 서비스 제공이 가능하도록 돕습니다.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 2: Product & Pricing -->
|
||
<section class="section">
|
||
<div class="section-header">
|
||
<span class="section-tag">02. Product & Pricing</span>
|
||
<h2>02. 주요 상품 및 가격 안내</h2>
|
||
<p>기본 기획된 SAM의 핵심 모듈 및 패키지 라인업입니다.</p>
|
||
</div>
|
||
|
||
<div class="glass-card animate-up">
|
||
<h3 style="margin-bottom: 1.5rem; color: var(--secondary);">개별 모듈 (Modules)</h3>
|
||
<div class="table-container">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>상품명</th>
|
||
<th>주요 기능 설명</th>
|
||
<th style="text-align: right;">가입비 (VAT 별도)</th>
|
||
<th style="text-align: right;">구독료 (월)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><strong>QR코드 관리</strong></td>
|
||
<td>설비/장비에 QR 부착하여 실시간 점검 및 이력 관리</td>
|
||
<td style="text-align: right;">1,020만원</td>
|
||
<td style="text-align: right;">5만원</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>사진/출하 관리</strong></td>
|
||
<td>현장 상황 사진 기록 및 출하 시점 품질 증빙 자동화</td>
|
||
<td style="text-align: right;">1,920만원</td>
|
||
<td style="text-align: right;">10만원</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>검사/토큰 적용</strong></td>
|
||
<td>공정별 검사 데이터 기록 및 전자 세금계산서 연동</td>
|
||
<td style="text-align: right;">1,020만원</td>
|
||
<td style="text-align: right;">5만원</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>이카운트 연동</strong></td>
|
||
<td>ERP(이카운트) 데이터 동기화 및 거래처 원장 관리</td>
|
||
<td style="text-align: right;">1,920만원</td>
|
||
<td style="text-align: right;">10만원</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-card animate-up" style="margin-top: 2rem;">
|
||
<h3 style="margin-bottom: 1.5rem; color: var(--secondary);">통합 패키지 (Packages)</h3>
|
||
<div class="policy-grid">
|
||
<div class="glass-card" style="padding: 1.5rem; border: 1px solid rgba(0, 242, 254, 0.2);">
|
||
<h4>공사관리 패키지</h4>
|
||
<p style="margin: 0.5rem 0; font-size: 0.9rem;">건설 및 공사 현장 관리에 최적화된 올인원 솔루션</p>
|
||
<div style="margin-top: 1rem; font-weight: 700;">
|
||
가입비: <span class="ratio">4,000만원</span><br>
|
||
구독료: <span style="color: var(--text-muted);">20만원/월</span>
|
||
</div>
|
||
</div>
|
||
<div class="glass-card" style="padding: 1.5rem; border: 1px solid rgba(123, 97, 255, 0.2);">
|
||
<h4>공정/정부지원사업</h4>
|
||
<p style="margin: 0.5rem 0; font-size: 0.9rem;">정부 사업 규격에 맞춘 공정 관리 및 투명한 이력 추적</p>
|
||
<div style="margin-top: 1rem; font-weight: 700;">
|
||
가입비: <span class="ratio">8,000만원</span><br>
|
||
구독료: <span style="color: var(--text-muted);">40만원/월</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 3: Commission Ratios -->
|
||
<section class="section">
|
||
<div class="section-header">
|
||
<span class="section-tag">03. Commission Ratios</span>
|
||
<h2>03. 수당 지급 비율</h2>
|
||
</div>
|
||
<div class="glass-card animate-up">
|
||
<div class="table-container">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>구분</th>
|
||
<th>지급 비율</th>
|
||
<th>대상 및 정의</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><span class="role-seller">●</span> <strong>판매자 (Seller)</strong></td>
|
||
<td><span class="ratio">20%</span></td>
|
||
<td>직접 영업 및 계약 성사 담당자</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="role-manager">●</span> <strong>관리자 (Manager)</strong></td>
|
||
<td><span class="ratio">5%</span></td>
|
||
<td>하위 영업 파트너 관리 및 지원</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="role-educator">●</span> <strong>메뉴제작 협업수당</strong></td>
|
||
<td><span class="ratio">별도</span></td>
|
||
<td>운영팀에서 난이도별 별도 산정 (실비 보조)</td>
|
||
</tr>
|
||
</tbody>
|
||
<tfoot>
|
||
<tr class="highlight-row">
|
||
<td colspan="2"><strong>수당 정산 기준</strong></td>
|
||
<td><strong>가입비 입금 확인 후 익월 지급</strong></td>
|
||
</tr>
|
||
</tfoot>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 3: Hierarchy Visualization -->
|
||
<section class="section">
|
||
<div class="section-header">
|
||
<span class="section-tag">04. Hierarchy Details</span>
|
||
<h2>04. 계층 구조 및 수당 시뮬레이션</h2>
|
||
</div>
|
||
<div class="glass-card animate-up">
|
||
<p>영업 관리자의 수익은 자신의 활동뿐만 아니라 조직의 활성화에 따라 극대화됩니다.</p>
|
||
<div class="hierarchy-viz">
|
||
<div class="viz-line"></div>
|
||
<div class="viz-node">
|
||
<div class="viz-circle">20%</div>
|
||
<div class="viz-label">판매자 (영업권)</div>
|
||
</div>
|
||
<div class="viz-node">
|
||
<div class="viz-circle" style="background: #a78bfa;">5%</div>
|
||
<div class="viz-label">관리자 (관리권)</div>
|
||
</div>
|
||
<div class="viz-node">
|
||
<div class="viz-circle" style="background: #fb923c;">+α</div>
|
||
<div class="viz-label">메뉴제작 (기술지원)</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="margin-top: 3rem;">
|
||
<h3 style="margin-bottom: 1rem;">계산 예시 (총 가입비 1억원 기준)</h3>
|
||
<div class="policy-grid">
|
||
<div class="glass-card" style="padding: 1.5rem; background: rgba(255,255,255,0.02);">
|
||
<h4 class="role-seller">판매자 수당 (2,000만원)</h4>
|
||
<p>₩20,000,000 × 20% = <strong>₩4,000,000</strong></p>
|
||
</div>
|
||
<div class="glass-card" style="padding: 1.5rem; background: rgba(255,255,255,0.02);">
|
||
<h4 class="role-manager">관리자 수당 (2,000만원)</h4>
|
||
<p>₩20,000,000 × 5% = <strong>₩1,000,000</strong></p>
|
||
</div>
|
||
<div class="glass-card" style="padding: 1.5rem; background: rgba(255,255,255,0.02);">
|
||
<h4 class="role-educator">메뉴제작 협업수당</h4>
|
||
<p><strong>운영팀 별도 산정 및 지급</strong></p>
|
||
</div>
|
||
</div>
|
||
<div class="glass-card" style="margin-top: 1rem; border: 1px solid var(--secondary); background: rgba(0, 242, 254, 0.05);">
|
||
<p style="font-size: 1.25rem; text-align: center;"><strong>총 가입비 수당: 25% + 메뉴제작비</strong></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 4: Sales Success Workflow -->
|
||
<section class="section">
|
||
<div class="section-header">
|
||
<span class="section-tag">05. Sales Success Workflow</span>
|
||
<h2>05. 6단계 성공 프로세스</h2>
|
||
<p>단순한 판매를 넘어, 고객의 성공을 설계하는 표준 영업 프로세스입니다.</p>
|
||
</div>
|
||
<div class="workflow-grid">
|
||
<div class="glass-card wf-card">
|
||
<div class="wf-num">01</div>
|
||
<h3>사전 준비 (Prep)</h3>
|
||
<p>고객사 심층 분석 및 경쟁사 동향 파악. '비용 절감'과 '관리 효율' 중 핵심 공략 포인트 설정.</p>
|
||
</div>
|
||
<div class="glass-card wf-card">
|
||
<div class="wf-num">02</div>
|
||
<h3>접근 및 탐색 (Approach)</h3>
|
||
<p>Key-man 식별 및 컨택. 단순 소개가 아닌 '인사이트 공유'를 목적으로 미팅 기회 확보.</p>
|
||
</div>
|
||
<div class="glass-card wf-card">
|
||
<div class="wf-num">03</div>
|
||
<h3>제안 및 솔루션</h3>
|
||
<p>AI 교차 검증 전략(Antigravity/Claude Code)을 통한 압도적인 품질 및 비용 효율 제안.</p>
|
||
</div>
|
||
<div class="glass-card wf-card">
|
||
<div class="wf-num">04</div>
|
||
<h3>계약 체결 (Closing)</h3>
|
||
<p>가입비 확정 및 서비스 범위(SOW) 명시. 수당 산정의 기준이 되는 가입비 완료 유도.</p>
|
||
</div>
|
||
<div class="glass-card wf-card">
|
||
<div class="wf-num">05</div>
|
||
<h3>영업 이관 (Handover)</h3>
|
||
<p>영업팀에서 매니저 시나리오로의 완벽한 정보 전달. 리스크 요인 및 고객 특이사항 공유.</p>
|
||
</div>
|
||
<div class="glass-card wf-card">
|
||
<div class="wf-num">06</div>
|
||
<h3>테스트 및 안정화</h3>
|
||
<p>TestSprite MCP를 통한 자동화 검증으로 '버그 없는 배포'를 실현하여 고객 신뢰 확보.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 5: Schedule & Margin -->
|
||
<section class="section">
|
||
<div class="section-header">
|
||
<span class="section-tag">06. Schedule & Margin</span>
|
||
<h2>06. 지급 일정 및 운영 정책</h2>
|
||
</div>
|
||
<div class="policy-grid">
|
||
<div class="glass-card animate-up">
|
||
<div class="policy-icon">📅</div>
|
||
<h3>수당 지급 시점</h3>
|
||
<p>고객사의 가입비 입금이 완료된 날을 기준으로 수당이 확정되며, 익월 정해진 지급일에 일괄 지급됩니다.</p>
|
||
</div>
|
||
<div class="glass-card animate-up">
|
||
<div class="policy-icon">🏦</div>
|
||
<h3>회사 운영 마진</h3>
|
||
<p>회사는 가입비의 약 <strong>70% ~ 75%</strong> 내외를 플랫폼 운영, 서버 유지보수, 마케팅 지원 등을 위한 인프라 비용으로 확보하여 지속 가능한 경영 토대를 구축합니다.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Section 7: External Sales Assets -->
|
||
<section class="section">
|
||
<div class="section-header">
|
||
<span class="section-tag">Sales Support Assets</span>
|
||
<h2>제품별 영업 가이드</h2>
|
||
<p>현장 영업에 즉시 활용 가능한 고도화된 제품 가이드라인입니다.</p>
|
||
</div>
|
||
|
||
<div class="glass-card animate-up" style="border: 1px solid rgba(255, 95, 0, 0.2); background: linear-gradient(135deg, rgba(255, 95, 0, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);">
|
||
<div style="display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap;">
|
||
<div style="flex: 1; min-width: 300px;">
|
||
<h3 style="color: #ff5f00; font-family: 'Outfit', sans-serif; font-size: 1.75rem; margin-bottom: 1rem;">🔥 자동방화셔터 품질인정제도 가이드</h3>
|
||
<p style="color: var(--text-muted); margin-bottom: 1.5rem;">
|
||
2021년 강화된 국토교통부 고시를 완벽 분석한 영업 자료입니다.
|
||
<span style="color: #ff5f00; font-weight: 600;">유리/철재/스크린 셔터</span>의 성능 기준과 현장 점검 필수 체크리스트를 포함하고 있습니다.
|
||
</p>
|
||
<a href="../etc/shutter.php" class="glass-card" style="display: inline-block; padding: 0.8rem 2rem; background: #ff5f00; color: white; text-decoration: none; border: none; font-weight: 800; border-radius: 12px; transition: var(--transition);">
|
||
가이드 상세 보기 →
|
||
</a>
|
||
</div>
|
||
<div class="policy-grid" style="flex: 1; min-width: 300px; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
|
||
<div style="background: rgba(0,0,0,0.2); padding: 1rem; border-radius: 16px; text-align: center;">
|
||
<div style="font-size: 1.5rem; margin-bottom: 0.5rem;">📐</div>
|
||
<div style="font-size: 0.8rem; font-weight: 600;">설치 기준</div>
|
||
</div>
|
||
<div style="background: rgba(0,0,0,0.2); padding: 1rem; border-radius: 16px; text-align: center;">
|
||
<div style="font-size: 1.5rem; margin-bottom: 0.5rem;">📋</div>
|
||
<div style="font-size: 0.8rem; font-weight: 600;">체크리스트</div>
|
||
</div>
|
||
<div style="background: rgba(0,0,0,0.2); padding: 1rem; border-radius: 16px; text-align: center;">
|
||
<div style="font-size: 1.5rem; margin-bottom: 0.5rem;">🔬</div>
|
||
<div style="font-size: 0.8rem; font-weight: 600;">인정 절차</div>
|
||
</div>
|
||
<div style="background: rgba(0,0,0,0.2); padding: 1rem; border-radius: 16px; text-align: center;">
|
||
<div style="font-size: 1.5rem; margin-bottom: 0.5rem;">🛠️</div>
|
||
<div style="font-size: 0.8rem; font-weight: 600;">시공 안내</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<p>© 2025 SAM Project Admin. All Rights Reserved.</p>
|
||
<p style="margin-top: 0.5rem; opacity: 0.6;">본 문서는 SAM 프로젝트의 공식 영업 정책을 담고 있으며, 정책 변경 시 업데이트될 수 있습니다.</p>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|