Files
anvil-hosting/sla.html

259 lines
14 KiB
HTML

<!DOCTYPE html>
<html class="dark scroll-smooth" lang="ko">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>서비스 수준 협약 (SLA) - Anvil Hosting</title>
<meta name="description" content="Anvil Hosting SLA (서비스 수준 협약). 99.9% 가용성 보장, 장애 대응 시간, 보상 정책을 안내합니다.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://hosting.inouter.com/sla.html">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://hosting.inouter.com/sla.html">
<meta property="og:title" content="서비스 수준 협약 (SLA) - Anvil Hosting">
<meta property="og:description" content="Anvil Hosting SLA. 99.9% 가용성 보장 및 보상 정책을 확인하세요.">
<meta property="og:locale" content="ko_KR">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
darkMode: "class",
theme: {
extend: {
colors: {
"primary": "#3fb950",
"background-dark": "#0d1117",
"terminal-bg": "#010409",
"terminal-border": "#30363d",
"terminal-text": "#c9d1d9",
"terminal-muted": "#8b949e",
"terminal-cyan": "#58a6ff",
"terminal-amber": "#d29922",
"terminal-red": "#ff7b72",
},
fontFamily: {
"display": ["Space Grotesk", "sans-serif"],
"mono": ["Fira Code", "monospace"],
},
},
},
}
</script>
</head>
<body class="bg-background-dark text-terminal-text font-mono min-h-screen flex flex-col p-4 md:p-8">
<div class="w-full max-w-4xl mx-auto bg-background-dark border border-terminal-border rounded-lg overflow-hidden flex flex-col">
<!-- Window Title Bar -->
<div class="bg-[#161b22] px-4 py-3 flex items-center justify-between border-b border-terminal-border">
<div class="flex items-center gap-2">
<div class="w-3 h-3 rounded-full bg-[#ff5f56]"></div>
<div class="w-3 h-3 rounded-full bg-[#ffbd2e]"></div>
<div class="w-3 h-3 rounded-full bg-[#27c93f]"></div>
</div>
<span class="text-xs text-terminal-muted">cat /etc/anvil/sla.md</span>
<a href="/" class="text-xs text-terminal-muted hover:text-primary transition">cd ~</a>
</div>
<!-- Content -->
<div class="p-6 md:p-8 space-y-8">
<!-- Header -->
<div class="border-b border-terminal-border pb-6">
<div class="flex items-center gap-2 text-sm text-terminal-muted mb-4">
<span class="text-primary">$</span> cat sla.md
</div>
<h1 class="text-2xl md:text-3xl font-display font-bold text-white mb-2"># 서비스 수준 협약 (SLA)</h1>
<p class="text-terminal-muted text-sm">// Service Level Agreement - 최종 수정일: 2026년 1월 20일</p>
</div>
<!-- Section 1 -->
<section class="space-y-3">
<h2 class="text-lg font-display font-bold text-terminal-cyan">## 제1조 (목적)</h2>
<p class="text-terminal-text leading-relaxed pl-4 border-l-2 border-terminal-border">
본 SLA는 LIBEHAIM Inc.가 제공하는 Anvil Hosting 서비스의 품질 수준 및 장애 발생 시 보상에 관한 사항을 규정합니다.
</p>
</section>
<!-- Section 2 -->
<section class="space-y-3">
<h2 class="text-lg font-display font-bold text-terminal-cyan">## 제2조 (가용성 보장)</h2>
<div class="grid md:grid-cols-2 gap-4">
<div class="bg-terminal-bg rounded border border-terminal-border p-4">
<p class="text-terminal-amber font-bold mb-2">Standard 플랜</p>
<p class="text-3xl font-bold text-primary">99.5%</p>
<p class="text-terminal-muted text-sm mt-1">// 월간 최대 3.6시간 다운타임</p>
</div>
<div class="bg-terminal-bg rounded border border-primary/30 p-4">
<p class="text-terminal-amber font-bold mb-2">Pro/Business 플랜</p>
<p class="text-3xl font-bold text-primary">99.9%</p>
<p class="text-terminal-muted text-sm mt-1">// 월간 최대 43분 다운타임</p>
</div>
</div>
<div class="bg-terminal-bg rounded border border-terminal-border p-4 text-sm mt-4">
<p class="text-terminal-muted"># 가용성 계산:</p>
<p class="text-terminal-cyan mt-2">uptime = (total_hours - downtime) / total_hours * 100</p>
</div>
</section>
<!-- Section 3 -->
<section class="space-y-3">
<h2 class="text-lg font-display font-bold text-terminal-cyan">## 제3조 (네트워크 성능 보장)</h2>
<div class="bg-terminal-bg rounded border border-terminal-border p-4 text-sm">
<p><span class="text-terminal-cyan">bandwidth</span> = <span class="text-primary">"플랜 명시 대역폭 보장"</span></p>
<p><span class="text-terminal-cyan">packet_loss</span> = <span class="text-primary">"&lt; 1%"</span></p>
<p><span class="text-terminal-cyan">latency</span> = <span class="text-terminal-amber">{</span></p>
<p class="pl-4"><span class="text-terminal-cyan">"seoul-tokyo"</span>: <span class="text-primary">"&lt; 40ms"</span>,</p>
<p class="pl-4"><span class="text-terminal-cyan">"seoul-singapore"</span>: <span class="text-primary">"&lt; 70ms"</span>,</p>
<p class="pl-4"><span class="text-terminal-cyan">"seoul-hongkong"</span>: <span class="text-primary">"&lt; 50ms"</span></p>
<p><span class="text-terminal-amber">}</span></p>
</div>
</section>
<!-- Section 4 -->
<section class="space-y-3">
<h2 class="text-lg font-display font-bold text-terminal-cyan">## 제4조 (장애 대응 시간)</h2>
<div class="bg-terminal-bg rounded border border-terminal-border overflow-hidden text-sm">
<div class="grid grid-cols-4 gap-px bg-terminal-border">
<div class="bg-[#161b22] p-3 font-bold text-white">등급</div>
<div class="bg-[#161b22] p-3 font-bold text-white">정의</div>
<div class="bg-[#161b22] p-3 font-bold text-white">초기응답</div>
<div class="bg-[#161b22] p-3 font-bold text-white">복구목표</div>
</div>
<div class="grid grid-cols-4 gap-px bg-terminal-border">
<div class="bg-terminal-bg p-3 text-terminal-red font-bold">P1 긴급</div>
<div class="bg-terminal-bg p-3">전체 중단</div>
<div class="bg-terminal-bg p-3">15분</div>
<div class="bg-terminal-bg p-3">1시간</div>
</div>
<div class="grid grid-cols-4 gap-px bg-terminal-border">
<div class="bg-terminal-bg p-3 text-terminal-amber font-bold">P2 높음</div>
<div class="bg-terminal-bg p-3">주요 기능</div>
<div class="bg-terminal-bg p-3">30분</div>
<div class="bg-terminal-bg p-3">4시간</div>
</div>
<div class="grid grid-cols-4 gap-px bg-terminal-border">
<div class="bg-terminal-bg p-3 text-yellow-400 font-bold">P3 보통</div>
<div class="bg-terminal-bg p-3">부분 장애</div>
<div class="bg-terminal-bg p-3">1시간</div>
<div class="bg-terminal-bg p-3">24시간</div>
</div>
<div class="grid grid-cols-4 gap-px bg-terminal-border">
<div class="bg-terminal-bg p-3 text-primary font-bold">P4 낮음</div>
<div class="bg-terminal-bg p-3">일반 문의</div>
<div class="bg-terminal-bg p-3">4시간</div>
<div class="bg-terminal-bg p-3">72시간</div>
</div>
</div>
</section>
<!-- Section 5 -->
<section class="space-y-3">
<h2 class="text-lg font-display font-bold text-terminal-cyan">## 제5조 (보상 정책)</h2>
<div class="bg-terminal-bg rounded border border-terminal-border overflow-hidden text-sm">
<div class="grid grid-cols-2 gap-px bg-terminal-border">
<div class="bg-[#161b22] p-3 font-bold text-white">월간 가용성</div>
<div class="bg-[#161b22] p-3 font-bold text-white">크레딧</div>
</div>
<div class="grid grid-cols-2 gap-px bg-terminal-border">
<div class="bg-terminal-bg p-3">99.0% ~ 99.5%</div>
<div class="bg-terminal-bg p-3 text-primary font-bold">10%</div>
</div>
<div class="grid grid-cols-2 gap-px bg-terminal-border">
<div class="bg-terminal-bg p-3">95.0% ~ 99.0%</div>
<div class="bg-terminal-bg p-3 text-primary font-bold">25%</div>
</div>
<div class="grid grid-cols-2 gap-px bg-terminal-border">
<div class="bg-terminal-bg p-3">90.0% ~ 95.0%</div>
<div class="bg-terminal-bg p-3 text-primary font-bold">50%</div>
</div>
<div class="grid grid-cols-2 gap-px bg-terminal-border">
<div class="bg-terminal-bg p-3">&lt; 90.0%</div>
<div class="bg-terminal-bg p-3 text-primary font-bold">100%</div>
</div>
</div>
<div class="text-sm text-terminal-muted pl-4 mt-2">
<p>// 크레딧은 다음 달 이용료에서 자동 차감</p>
<p>// 보상 신청: 장애 발생 익월 말일까지</p>
</div>
</section>
<!-- Section 6 -->
<section class="space-y-3">
<h2 class="text-lg font-display font-bold text-terminal-cyan">## 제6조 (제외 사항)</h2>
<div class="bg-terminal-bg rounded border border-terminal-border p-4 text-sm">
<p class="text-terminal-muted mb-2"># SLA 적용 제외:</p>
<p class="text-terminal-muted"><span class="text-terminal-red"></span> 계획된 유지보수 (사전 공지된 점검)</p>
<p class="text-terminal-muted"><span class="text-terminal-red"></span> 이용자 귀책사유 (잘못된 설정, 코드 오류)</p>
<p class="text-terminal-muted"><span class="text-terminal-red"></span> 외부 요인 (DDoS, 천재지변, ISP 장애)</p>
<p class="text-terminal-muted"><span class="text-terminal-red"></span> 베타/테스트 서비스</p>
<p class="text-terminal-muted"><span class="text-terminal-red"></span> 무료/체험 플랜</p>
</div>
</section>
<!-- Section 7 -->
<section class="space-y-3">
<h2 class="text-lg font-display font-bold text-terminal-cyan">## 제7조 (백업 및 데이터 보존)</h2>
<div class="space-y-2 text-terminal-text pl-4">
<p><span class="text-primary">Pro+</span> 일일 자동 백업 (7일 보관)</p>
<p><span class="text-terminal-muted">Starter</span> 선택적 백업 (별도 요금)</p>
<p class="text-terminal-amber mt-3">⚠️ 중요 데이터는 독립적인 백업을 유지하세요</p>
</div>
</section>
<!-- Section 8 -->
<section class="space-y-3">
<h2 class="text-lg font-display font-bold text-terminal-cyan">## 제8조 (모니터링 및 보고)</h2>
<div class="space-y-2 text-terminal-text pl-4 text-sm">
<p><span class="text-primary"></span> 24시간 서비스 상태 모니터링</p>
<p><span class="text-primary"></span> 텔레그램 봇으로 실시간 상태 확인</p>
<p><span class="text-primary"></span> 긴급 장애 시 텔레그램 알림 발송</p>
<p><span class="text-primary"></span> 계획된 유지보수 48시간 전 사전 공지</p>
<p><span class="text-primary"></span> Business+ 월간 가용성 리포트 제공</p>
</div>
</section>
<!-- Section 9-10 -->
<section class="space-y-3">
<h2 class="text-lg font-display font-bold text-terminal-cyan">## 제9-10조 (변경 및 연락처)</h2>
<div class="bg-terminal-bg rounded border border-terminal-border p-4 text-sm">
<p class="text-terminal-muted mb-3"># SLA 변경 시 30일 전 공지</p>
<p><span class="text-terminal-cyan">company</span> = <span class="text-primary">"LIBEHAIM Inc."</span></p>
<p><span class="text-terminal-cyan">ceo</span> = <span class="text-primary">"Taro Tanaka"</span></p>
<p><span class="text-terminal-cyan">address</span> = <span class="text-primary">"#202 K-Flat, 3-1-13 Higashioi, Shinagawa-ku, Tokyo"</span></p>
<p><span class="text-terminal-cyan">url</span> = <a href="https://hosting.inouter.com" class="text-primary hover:underline">"https://hosting.inouter.com"</a></p>
<p><span class="text-terminal-cyan">support</span> = <a href="https://t.me/AnvilForgeBot" class="text-primary hover:underline">"@AnvilForgeBot"</a></p>
</div>
</section>
<!-- Back -->
<div class="pt-6 border-t border-terminal-border">
<a href="/" class="text-primary hover:underline text-sm">$ cd / # 메인으로 돌아가기</a>
</div>
</div>
<!-- Vim Status Bar -->
<div class="bg-primary text-background-dark text-xs font-bold py-1 px-4 flex justify-between">
<div class="flex gap-4">
<span class="bg-background-dark/20 px-2 rounded text-white/90">NORMAL</span>
<span>sla.md</span>
</div>
<div class="flex gap-4">
<span>utf-8</span>
<span>100%</span>
</div>
</div>
</div>
<footer class="mt-6 text-terminal-muted text-xs text-center opacity-50">
© 2026 LIBEHAIM Inc. exit 0
</footer>
</body>
</html>