Add legal pages: terms, privacy policy, and SLA

- Add terms.html (이용약관)
- Add privacy.html (개인정보처리방침)
- Add sla.html (서비스 수준 협약)
- Update footer links to internal pages

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
kappa
2026-01-20 23:53:05 +09:00
parent 586d123e27
commit 86119b2890
4 changed files with 771 additions and 3 deletions

View File

@@ -702,9 +702,9 @@
<!-- Links --> <!-- Links -->
<div class="flex flex-wrap justify-center gap-8"> <div class="flex flex-wrap justify-center gap-8">
<a href="https://t.me/AnvilForgeBot?start=terms" target="_blank" rel="noopener noreferrer" class="text-slate-400 hover:text-brand-400 transition underline-animation">이용약관</a> <a href="/terms.html" class="text-slate-400 hover:text-brand-400 transition underline-animation">이용약관</a>
<a href="https://t.me/AnvilForgeBot?start=privacy" target="_blank" rel="noopener noreferrer" class="text-slate-400 hover:text-brand-400 transition underline-animation">개인정보처리방침</a> <a href="/privacy.html" class="text-slate-400 hover:text-brand-400 transition underline-animation">개인정보처리방침</a>
<a href="https://t.me/AnvilForgeBot?start=sla" target="_blank" rel="noopener noreferrer" class="text-slate-400 hover:text-brand-400 transition underline-animation">SLA</a> <a href="/sla.html" class="text-slate-400 hover:text-brand-400 transition underline-animation">SLA</a>
</div> </div>
<!-- Company Info --> <!-- Company Info -->

265
privacy.html Normal file
View File

@@ -0,0 +1,265 @@
<!DOCTYPE html>
<html lang="ko" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>개인정보처리방침 - Anvil Hosting</title>
<!-- Tailwind CSS -->
<link rel="stylesheet" href="style.css">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Pretendard:wght@400;600;700&display=swap">
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%230ea5e9' rx='20' width='100' height='100'/><text x='50' y='70' font-size='60' text-anchor='middle' fill='white' font-family='sans-serif' font-weight='bold'>A</text></svg>">
</head>
<body class="font-sans antialiased bg-dark-900 text-slate-300">
<!-- Header -->
<nav class="fixed w-full z-50 top-0 border-b border-white/5 bg-dark-900/80 backdrop-blur-md">
<div class="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between">
<a href="/" class="flex items-center gap-2 group">
<div class="w-8 h-8 rounded bg-brand-500 flex items-center justify-center text-white font-bold font-mono text-xl shadow-lg shadow-brand-500/20">A</div>
<span class="font-bold text-lg tracking-tight">Anvil<span class="text-brand-400">.Hosting</span></span>
</a>
<a href="/" class="text-sm text-slate-400 hover:text-white transition">← 메인으로</a>
</div>
</nav>
<!-- Main Content -->
<main class="pt-24 pb-16">
<div class="max-w-4xl mx-auto px-6">
<!-- Page Header -->
<div class="mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4">개인정보처리방침</h1>
<p class="text-slate-400">최종 수정일: 2026년 1월 20일</p>
</div>
<!-- Privacy Content -->
<div class="glass-card p-8 md:p-12 rounded-2xl space-y-8">
<!-- Section 1 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제1조 (개인정보의 처리 목적)</h2>
<p class="text-slate-300 leading-relaxed mb-3">
LIBEHAIM Inc.(이하 "회사")는 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며, 이용 목적이 변경되는 경우에는 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다.
</p>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p><strong class="text-white">1. 회원가입 및 관리</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>회원제 서비스 제공에 따른 본인 확인, 개인 식별</li>
<li>회원자격 유지·관리</li>
<li>서비스 부정이용 방지</li>
<li>각종 고지·통지</li>
</ul>
<p><strong class="text-white">2. 서비스 제공</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>클라우드 인프라 서비스 제공</li>
<li>맞춤형 서비스 제공</li>
<li>본인인증</li>
<li>요금 결제·정산</li>
</ul>
<p><strong class="text-white">3. 고객 지원</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>고객 문의사항 처리 및 응대</li>
<li>서비스 장애 대응 및 기술 지원</li>
<li>공지사항 전달</li>
</ul>
</div>
</section>
<!-- Section 2 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제2조 (수집하는 개인정보의 항목)</h2>
<div class="space-y-4 text-slate-300 leading-relaxed">
<p>회사는 서비스 제공을 위해 다음과 같은 개인정보를 수집하고 있습니다.</p>
<div>
<p><strong class="text-white">1. 필수 수집 항목</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>이메일 주소</li>
<li>텔레그램 계정 정보 (사용자명, 고유 ID)</li>
<li>결제 정보 (결제 수단, 거래 내역)</li>
</ul>
</div>
<div>
<p><strong class="text-white">2. 선택 수집 항목</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>회사명 (법인 고객의 경우)</li>
<li>연락처 (추가 연락 수단 등록 시)</li>
</ul>
</div>
<div>
<p><strong class="text-white">3. 서비스 이용 과정에서 자동 수집되는 정보</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>IP 주소, 쿠키, 접속 로그</li>
<li>서비스 이용 기록 (인스턴스 생성/삭제 이력 등)</li>
<li>불량 이용 기록</li>
</ul>
</div>
</div>
</section>
<!-- Section 3 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제3조 (개인정보의 처리 및 보유 기간)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>회사는 법령에 따른 개인정보 보유·이용기간 또는 정보주체로부터 개인정보를 수집 시에 동의받은 개인정보 보유·이용기간 내에서 개인정보를 처리·보유합니다.</p>
<div>
<p><strong class="text-white">1. 회원 정보</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>보유 기간: 회원 탈퇴 시까지</li>
<li>다만, 관계 법령 위반에 따른 수사·조사 등이 진행 중인 경우에는 해당 수사·조사 종료 시까지</li>
</ul>
</div>
<div>
<p><strong class="text-white">2. 결제 정보</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>보유 기간: 전자상거래법에 따라 5년</li>
<li>계약 또는 청약철회 등에 관한 기록: 5년</li>
<li>대금결제 및 재화 등의 공급에 관한 기록: 5년</li>
<li>소비자의 불만 또는 분쟁처리에 관한 기록: 3년</li>
</ul>
</div>
<div>
<p><strong class="text-white">3. 접속 로그 기록</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>보유 기간: 통신비밀보호법에 따라 3개월</li>
</ul>
</div>
</div>
</section>
<!-- Section 4 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제4조 (개인정보의 제3자 제공)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>회사는 원칙적으로 이용자의 개인정보를 제3자에게 제공하지 않습니다. 다만, 아래의 경우에는 예외로 합니다.</p>
<ul class="list-disc list-inside ml-4 space-y-2">
<li>이용자가 사전에 동의한 경우</li>
<li>법령의 규정에 의거하거나, 수사 목적으로 법령에 정해진 절차와 방법에 따라 수사기관의 요구가 있는 경우</li>
</ul>
<p class="mt-4"><strong class="text-white">결제 대행사 정보 제공</strong></p>
<ul class="list-none ml-4 space-y-1">
<li>제공받는 자: 결제대행사 (Stripe, PayPal 등)</li>
<li>제공 항목: 결제에 필요한 최소한의 정보 (이메일, 결제 금액)</li>
<li>제공 목적: 결제 처리</li>
<li>보유 기간: 결제 완료 후 5년 (전자상거래법에 따름)</li>
</ul>
</div>
</section>
<!-- Section 5 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제5조 (개인정보의 파기)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>회사는 개인정보 보유기간의 경과, 처리목적 달성 등 개인정보가 불필요하게 되었을 때에는 지체 없이 해당 개인정보를 파기합니다.</p>
<p><strong class="text-white">파기 절차</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>이용자가 입력한 정보는 목적 달성 후 별도의 DB에 옮겨져 내부 방침 및 관련 법령에 따라 일정 기간 저장된 후 파기됩니다.</li>
<li>법률에 의한 경우가 아닌 한 다른 목적으로 이용되지 않습니다.</li>
</ul>
<p><strong class="text-white">파기 방법</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>전자적 파일 형태: 복구 및 재생이 불가능한 방법으로 영구 삭제</li>
<li>종이 문서: 분쇄 또는 소각</li>
</ul>
</div>
</section>
<!-- Section 6 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제6조 (개인정보 보호 조치)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>회사는 개인정보의 안전성 확보를 위해 다음과 같은 조치를 취하고 있습니다.</p>
<ul class="list-disc list-inside ml-4 space-y-2">
<li><strong class="text-white">관리적 조치:</strong> 내부관리계획 수립·시행, 정기적 직원 교육</li>
<li><strong class="text-white">기술적 조치:</strong> 개인정보처리시스템 등의 접근권한 관리, 접근통제시스템 설치, 고유식별정보 등의 암호화, 보안프로그램 설치</li>
<li><strong class="text-white">물리적 조치:</strong> 전산실, 자료보관실 등의 접근통제</li>
</ul>
</div>
</section>
<!-- Section 7 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제7조 (이용자의 권리)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>이용자는 언제든지 다음 각 호의 권리를 행사할 수 있습니다.</p>
<ul class="list-disc list-inside ml-4 space-y-2">
<li>개인정보 열람 요구</li>
<li>개인정보 정정·삭제 요구</li>
<li>개인정보 처리정지 요구</li>
</ul>
<p>권리 행사는 회사에 서면, 전화, 이메일, 텔레그램 등을 통하여 하실 수 있으며, 회사는 이에 대해 지체 없이 조치하겠습니다.</p>
</div>
</section>
<!-- Section 8 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제8조 (개인정보 보호책임자)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>회사는 개인정보 처리에 관한 업무를 총괄해서 책임지고, 개인정보 처리와 관련한 정보주체의 불만처리 및 피해구제 등을 위하여 아래와 같이 개인정보 보호책임자를 지정하고 있습니다.</p>
<ul class="list-none ml-4 space-y-2">
<li><strong class="text-white">개인정보 보호책임자:</strong> Taro Tanaka</li>
<li><strong class="text-white">연락처:</strong> <a href="https://t.me/AnvilForgeBot" target="_blank" rel="noopener noreferrer" class="text-brand-400 hover:underline">@AnvilForgeBot</a> (Telegram)</li>
</ul>
</div>
</section>
<!-- Section 9 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제9조 (개인정보 처리방침 변경)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>이 개인정보처리방침은 2026년 1월 20일부터 적용됩니다.</p>
<p>개인정보처리방침이 변경되는 경우 회사는 변경사항을 서비스 내 공지사항을 통해 공지합니다.</p>
</div>
</section>
<!-- Section 10 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제10조 (연락처)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>개인정보 관련 문의사항은 아래 연락처로 문의하시기 바랍니다.</p>
<ul class="list-none ml-4 space-y-2">
<li><strong class="text-white">회사명:</strong> LIBEHAIM Inc.</li>
<li><strong class="text-white">대표:</strong> Taro Tanaka</li>
<li><strong class="text-white">주소:</strong> #202 K-Flat, 3-1-13 Higashioi, Shinagawa-ku, Tokyo 140-0011, Japan</li>
<li><strong class="text-white">서비스 URL:</strong> <a href="https://hosting.anvil.it.com" class="text-brand-400 hover:underline">https://hosting.anvil.it.com</a></li>
<li><strong class="text-white">고객 지원:</strong> <a href="https://t.me/AnvilForgeBot" target="_blank" rel="noopener noreferrer" class="text-brand-400 hover:underline">@AnvilForgeBot</a> (Telegram)</li>
</ul>
</div>
</section>
</div>
<!-- Back to Home -->
<div class="mt-12 text-center">
<a href="/" class="inline-flex items-center gap-2 text-brand-400 hover:text-brand-300 transition">
<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
메인 페이지로 돌아가기
</a>
</div>
</div>
</main>
<!-- Footer -->
<footer class="py-8 border-t border-white/5">
<div class="max-w-7xl mx-auto px-6 text-center text-sm text-slate-500">
<p>© 2026 LIBEHAIM Inc. All rights reserved.</p>
</div>
</footer>
</body>
</html>

306
sla.html Normal file
View File

@@ -0,0 +1,306 @@
<!DOCTYPE html>
<html lang="ko" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>서비스 수준 협약 (SLA) - Anvil Hosting</title>
<!-- Tailwind CSS -->
<link rel="stylesheet" href="style.css">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Pretendard:wght@400;600;700&display=swap">
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%230ea5e9' rx='20' width='100' height='100'/><text x='50' y='70' font-size='60' text-anchor='middle' fill='white' font-family='sans-serif' font-weight='bold'>A</text></svg>">
</head>
<body class="font-sans antialiased bg-dark-900 text-slate-300">
<!-- Header -->
<nav class="fixed w-full z-50 top-0 border-b border-white/5 bg-dark-900/80 backdrop-blur-md">
<div class="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between">
<a href="/" class="flex items-center gap-2 group">
<div class="w-8 h-8 rounded bg-brand-500 flex items-center justify-center text-white font-bold font-mono text-xl shadow-lg shadow-brand-500/20">A</div>
<span class="font-bold text-lg tracking-tight">Anvil<span class="text-brand-400">.Hosting</span></span>
</a>
<a href="/" class="text-sm text-slate-400 hover:text-white transition">← 메인으로</a>
</div>
</nav>
<!-- Main Content -->
<main class="pt-24 pb-16">
<div class="max-w-4xl mx-auto px-6">
<!-- Page Header -->
<div class="mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4">서비스 수준 협약 (SLA)</h1>
<p class="text-slate-400">Service Level Agreement - 최종 수정일: 2026년 1월 20일</p>
</div>
<!-- SLA Content -->
<div class="glass-card p-8 md:p-12 rounded-2xl space-y-8">
<!-- Section 1 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제1조 (목적)</h2>
<p class="text-slate-300 leading-relaxed">
본 서비스 수준 협약(Service Level Agreement, 이하 "SLA")은 LIBEHAIM Inc.(이하 "회사")가 제공하는 Anvil Hosting 서비스(이하 "서비스")의 품질 수준 및 장애 발생 시 보상에 관한 사항을 규정함을 목적으로 합니다.
</p>
</section>
<!-- Section 2 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제2조 (가용성 보장)</h2>
<div class="space-y-4 text-slate-300 leading-relaxed">
<p>회사는 다음과 같은 가용성(Uptime) 수준을 보장합니다.</p>
<div class="glass-panel p-6 rounded-xl border border-brand-500/20">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<div class="text-brand-400 font-bold text-lg mb-2">Standard 플랜</div>
<div class="text-3xl font-bold text-white">99.5%</div>
<div class="text-sm text-slate-400 mt-1">월간 최대 3.6시간 다운타임</div>
</div>
<div>
<div class="text-brand-400 font-bold text-lg mb-2">Pro/Business 플랜</div>
<div class="text-3xl font-bold text-white">99.9%</div>
<div class="text-sm text-slate-400 mt-1">월간 최대 43분 다운타임</div>
</div>
</div>
</div>
<p class="mt-4"><strong class="text-white">가용성 측정 방식</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>가용성은 월 단위로 측정됩니다.</li>
<li>가용성(%) = (월간 총 시간 - 다운타임) / 월간 총 시간 × 100</li>
<li>다운타임은 인스턴스가 정상적으로 작동하지 않는 시간을 의미합니다.</li>
</ul>
</div>
</section>
<!-- Section 3 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제3조 (네트워크 성능 보장)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>회사는 다음과 같은 네트워크 성능을 보장합니다.</p>
<ul class="list-disc list-inside ml-4 space-y-2">
<li><strong class="text-white">네트워크 대역폭:</strong> 각 플랜에서 명시된 대역폭을 보장합니다.</li>
<li><strong class="text-white">패킷 손실률:</strong> 1% 이하</li>
<li><strong class="text-white">네트워크 지연시간:</strong>
<ul class="list-circle list-inside ml-8 space-y-1 mt-2">
<li>서울-도쿄: 40ms 이하</li>
<li>서울-싱가포르: 70ms 이하</li>
<li>서울-홍콩: 50ms 이하</li>
</ul>
</li>
</ul>
</div>
</section>
<!-- Section 4 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제4조 (장애 대응 시간)</h2>
<div class="space-y-4 text-slate-300 leading-relaxed">
<p>회사는 장애 발생 시 다음과 같은 대응 시간을 준수합니다.</p>
<div class="overflow-x-auto">
<table class="w-full text-left border-collapse">
<thead>
<tr class="border-b border-slate-700">
<th class="py-3 px-4 text-white font-bold">장애 등급</th>
<th class="py-3 px-4 text-white font-bold">정의</th>
<th class="py-3 px-4 text-white font-bold">초기 응답</th>
<th class="py-3 px-4 text-white font-bold">복구 목표</th>
</tr>
</thead>
<tbody class="text-sm">
<tr class="border-b border-slate-700/50">
<td class="py-3 px-4 font-bold text-red-400">긴급 (P1)</td>
<td class="py-3 px-4">전체 서비스 중단</td>
<td class="py-3 px-4">15분 이내</td>
<td class="py-3 px-4">1시간 이내</td>
</tr>
<tr class="border-b border-slate-700/50">
<td class="py-3 px-4 font-bold text-orange-400">높음 (P2)</td>
<td class="py-3 px-4">주요 기능 장애</td>
<td class="py-3 px-4">30분 이내</td>
<td class="py-3 px-4">4시간 이내</td>
</tr>
<tr class="border-b border-slate-700/50">
<td class="py-3 px-4 font-bold text-yellow-400">보통 (P3)</td>
<td class="py-3 px-4">부분 기능 장애</td>
<td class="py-3 px-4">1시간 이내</td>
<td class="py-3 px-4">24시간 이내</td>
</tr>
<tr>
<td class="py-3 px-4 font-bold text-green-400">낮음 (P4)</td>
<td class="py-3 px-4">일반 문의/요청</td>
<td class="py-3 px-4">4시간 이내</td>
<td class="py-3 px-4">72시간 이내</td>
</tr>
</tbody>
</table>
</div>
<p class="mt-4 text-sm text-slate-400">
* 초기 응답: 장애 접수 후 담당자의 첫 응답 시간<br>
* 복구 목표: 장애가 완전히 해결되어 정상 서비스가 재개되는 목표 시간
</p>
</div>
</section>
<!-- Section 5 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제5조 (보상 정책)</h2>
<div class="space-y-4 text-slate-300 leading-relaxed">
<p>회사의 귀책사유로 인한 서비스 가용성 미달 시 다음과 같은 보상을 제공합니다.</p>
<div class="overflow-x-auto">
<table class="w-full text-left border-collapse">
<thead>
<tr class="border-b border-slate-700">
<th class="py-3 px-4 text-white font-bold">월간 가용성</th>
<th class="py-3 px-4 text-white font-bold">크레딧 비율</th>
</tr>
</thead>
<tbody class="text-sm">
<tr class="border-b border-slate-700/50">
<td class="py-3 px-4">99.0% ~ 99.5% 미만</td>
<td class="py-3 px-4 text-brand-400 font-bold">10%</td>
</tr>
<tr class="border-b border-slate-700/50">
<td class="py-3 px-4">95.0% ~ 99.0% 미만</td>
<td class="py-3 px-4 text-brand-400 font-bold">25%</td>
</tr>
<tr class="border-b border-slate-700/50">
<td class="py-3 px-4">90.0% ~ 95.0% 미만</td>
<td class="py-3 px-4 text-brand-400 font-bold">50%</td>
</tr>
<tr>
<td class="py-3 px-4">90.0% 미만</td>
<td class="py-3 px-4 text-brand-400 font-bold">100%</td>
</tr>
</tbody>
</table>
</div>
<p class="mt-4"><strong class="text-white">크레딧 지급 방식</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>크레딧은 해당 월 서비스 이용료를 기준으로 산정됩니다.</li>
<li>크레딧은 다음 달 이용료에서 자동으로 차감됩니다.</li>
<li>보상 신청은 장애 발생 익월 말일까지 가능합니다.</li>
<li>크레딧은 현금으로 환급되지 않습니다.</li>
</ul>
</div>
</section>
<!-- Section 6 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제6조 (제외 사항)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>다음의 경우 SLA 적용 대상에서 제외됩니다.</p>
<ul class="list-disc list-inside ml-4 space-y-2">
<li><strong class="text-white">계획된 유지보수:</strong> 사전 공지된 시스템 점검 및 업그레이드 작업</li>
<li><strong class="text-white">이용자 귀책사유:</strong> 이용자의 잘못된 설정, 코드 오류, 약관 위반 등</li>
<li><strong class="text-white">외부 요인:</strong> DDoS 공격, 천재지변, 전쟁, 테러, ISP 장애, 외부 서비스 장애 등</li>
<li><strong class="text-white">베타 서비스:</strong> 명시적으로 '베타' 또는 '테스트'로 표시된 서비스</li>
<li><strong class="text-white">무료 플랜:</strong> 무료 또는 체험 플랜 이용자</li>
</ul>
</div>
</section>
<!-- Section 7 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제7조 (백업 및 데이터 보존)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p><strong class="text-white">1. 자동 백업</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>Pro 플랜 이상: 일일 자동 백업 제공 (7일 보관)</li>
<li>Starter 플랜: 선택적 백업 옵션 제공 (별도 요금)</li>
<li>백업 데이터는 별도 스토리지에 안전하게 보관됩니다.</li>
</ul>
<p class="mt-4"><strong class="text-white">2. 데이터 복구</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>회사의 귀책사유로 인한 데이터 손실 시 무상 복구 지원</li>
<li>이용자 귀책사유로 인한 데이터 손실 시 복구 불가 (백업본이 있는 경우 제외)</li>
</ul>
<p class="mt-4 text-sm text-amber-400">
⚠️ 중요: 회사는 백업 서비스를 제공하지만, 이용자는 자신의 중요 데이터에 대해 독립적인 백업을 유지할 책임이 있습니다.
</p>
</div>
</section>
<!-- Section 8 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제8조 (모니터링 및 보고)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p><strong class="text-white">1. 실시간 모니터링</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>회사는 24시간 서비스 상태를 모니터링합니다.</li>
<li>이용자는 텔레그램 봇을 통해 실시간 서버 상태를 확인할 수 있습니다.</li>
</ul>
<p class="mt-4"><strong class="text-white">2. 장애 알림</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>긴급 장애 발생 시 텔레그램을 통해 즉시 알림 발송</li>
<li>계획된 유지보수는 최소 48시간 전 사전 공지</li>
</ul>
<p class="mt-4"><strong class="text-white">3. 월간 리포트</strong></p>
<ul class="list-disc list-inside ml-4 space-y-1">
<li>Business 플랜 이상: 월간 가용성 보고서 제공</li>
<li>리포트 포함 항목: 가용성 통계, 장애 이력, 성능 지표</li>
</ul>
</div>
</section>
<!-- Section 9 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제9조 (SLA 변경)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>회사는 서비스 개선 또는 운영 환경 변화에 따라 SLA를 변경할 수 있습니다.</p>
<p>변경 시 최소 30일 전에 공지하며, 중요한 변경사항은 이메일 또는 텔레그램을 통해 개별 통지합니다.</p>
</div>
</section>
<!-- Section 10 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제10조 (연락처)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>SLA 관련 문의 및 보상 신청은 아래 연락처로 문의하시기 바랍니다.</p>
<ul class="list-none ml-4 space-y-2">
<li><strong class="text-white">회사명:</strong> LIBEHAIM Inc.</li>
<li><strong class="text-white">대표:</strong> Taro Tanaka</li>
<li><strong class="text-white">주소:</strong> #202 K-Flat, 3-1-13 Higashioi, Shinagawa-ku, Tokyo 140-0011, Japan</li>
<li><strong class="text-white">서비스 URL:</strong> <a href="https://hosting.anvil.it.com" class="text-brand-400 hover:underline">https://hosting.anvil.it.com</a></li>
<li><strong class="text-white">기술 지원:</strong> <a href="https://t.me/AnvilForgeBot" target="_blank" rel="noopener noreferrer" class="text-brand-400 hover:underline">@AnvilForgeBot</a> (Telegram)</li>
</ul>
</div>
</section>
</div>
<!-- Back to Home -->
<div class="mt-12 text-center">
<a href="/" class="inline-flex items-center gap-2 text-brand-400 hover:text-brand-300 transition">
<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
메인 페이지로 돌아가기
</a>
</div>
</div>
</main>
<!-- Footer -->
<footer class="py-8 border-t border-white/5">
<div class="max-w-7xl mx-auto px-6 text-center text-sm text-slate-500">
<p>© 2026 LIBEHAIM Inc. All rights reserved.</p>
</div>
</footer>
</body>
</html>

197
terms.html Normal file
View File

@@ -0,0 +1,197 @@
<!DOCTYPE html>
<html lang="ko" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>이용약관 - Anvil Hosting</title>
<!-- Tailwind CSS -->
<link rel="stylesheet" href="style.css">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Pretendard:wght@400;600;700&display=swap">
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect fill='%230ea5e9' rx='20' width='100' height='100'/><text x='50' y='70' font-size='60' text-anchor='middle' fill='white' font-family='sans-serif' font-weight='bold'>A</text></svg>">
</head>
<body class="font-sans antialiased bg-dark-900 text-slate-300">
<!-- Header -->
<nav class="fixed w-full z-50 top-0 border-b border-white/5 bg-dark-900/80 backdrop-blur-md">
<div class="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between">
<a href="/" class="flex items-center gap-2 group">
<div class="w-8 h-8 rounded bg-brand-500 flex items-center justify-center text-white font-bold font-mono text-xl shadow-lg shadow-brand-500/20">A</div>
<span class="font-bold text-lg tracking-tight">Anvil<span class="text-brand-400">.Hosting</span></span>
</a>
<a href="/" class="text-sm text-slate-400 hover:text-white transition">← 메인으로</a>
</div>
</nav>
<!-- Main Content -->
<main class="pt-24 pb-16">
<div class="max-w-4xl mx-auto px-6">
<!-- Page Header -->
<div class="mb-12">
<h1 class="text-4xl md:text-5xl font-bold mb-4">이용약관</h1>
<p class="text-slate-400">최종 수정일: 2026년 1월 20일</p>
</div>
<!-- Terms Content -->
<div class="glass-card p-8 md:p-12 rounded-2xl space-y-8">
<!-- Section 1 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제1조 (목적)</h2>
<p class="text-slate-300 leading-relaxed">
본 약관은 LIBEHAIM Inc.(이하 "회사")가 제공하는 Anvil Hosting 서비스(이하 "서비스")의 이용과 관련하여 회사와 이용자 간의 권리, 의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.
</p>
</section>
<!-- Section 2 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제2조 (정의)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p><strong class="text-white">1. "서비스"</strong>란 회사가 제공하는 클라우드 컨테이너 호스팅 및 관련 서비스 일체를 의미합니다.</p>
<p><strong class="text-white">2. "이용자"</strong>란 본 약관에 동의하고 회사가 제공하는 서비스를 이용하는 개인 또는 법인을 의미합니다.</p>
<p><strong class="text-white">3. "계정"</strong>이란 이용자가 서비스를 이용하기 위해 회사가 부여한 고유 식별정보를 의미합니다.</p>
<p><strong class="text-white">4. "인스턴스"</strong>란 이용자가 서비스를 통해 생성하는 가상 서버 환경을 의미합니다.</p>
</div>
</section>
<!-- Section 3 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제3조 (약관의 효력 및 변경)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>1. 본 약관은 서비스를 이용하고자 하는 모든 이용자에 대하여 그 효력을 발생합니다.</p>
<p>2. 회사는 필요한 경우 관련 법령을 위배하지 않는 범위에서 본 약관을 변경할 수 있으며, 변경된 약관은 서비스 내 공지사항을 통해 공지됩니다.</p>
<p>3. 이용자는 변경된 약관에 동의하지 않을 경우 서비스 이용을 중단하고 탈퇴할 수 있습니다.</p>
</div>
</section>
<!-- Section 4 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제4조 (회원가입 및 계정 관리)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>1. 서비스 이용을 위해서는 회사가 정한 절차에 따라 회원가입을 완료해야 합니다.</p>
<p>2. 이용자는 계정정보의 관리 책임을 지며, 타인에게 자신의 계정을 양도하거나 대여할 수 없습니다.</p>
<p>3. 이용자는 계정정보가 도용되거나 제3자가 사용하고 있음을 인지한 경우 즉시 회사에 통보해야 합니다.</p>
<p>4. 회사는 다음 각 호에 해당하는 경우 회원가입을 거부하거나 사후에 계정을 해지할 수 있습니다.</p>
<ul class="list-disc list-inside ml-4 space-y-2">
<li>타인의 정보를 도용한 경우</li>
<li>허위 정보를 기재한 경우</li>
<li>법령 또는 본 약관을 위반한 경우</li>
</ul>
</div>
</section>
<!-- Section 5 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제5조 (서비스 이용료 및 결제)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>1. 서비스 이용료는 회사가 정한 요금표에 따르며, 웹사이트 또는 공식 채널을 통해 공지됩니다.</p>
<p>2. 이용자는 선택한 결제 방식(월간/연간)에 따라 서비스 이용료를 납부해야 합니다.</p>
<p>3. 이용료는 VAT가 포함된 금액이며, 결제 시점의 환율에 따라 변동될 수 있습니다.</p>
<p>4. 이용자가 이용료를 납부하지 않을 경우 회사는 서비스 제공을 일시 중단하거나 해지할 수 있습니다.</p>
<p>5. 환불 정책은 다음과 같습니다.</p>
<ul class="list-disc list-inside ml-4 space-y-2">
<li>서비스 이용 전: 전액 환불</li>
<li>서비스 이용 후 7일 이내: 사용일수를 제외한 금액 환불</li>
<li>서비스 이용 후 7일 이후: 환불 불가 (단, 회사의 귀책사유가 있는 경우 제외)</li>
</ul>
</div>
</section>
<!-- Section 6 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제6조 (금지 행위)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>이용자는 다음 각 호의 행위를 해서는 안 됩니다.</p>
<ul class="list-disc list-inside ml-4 space-y-2">
<li>불법 콘텐츠(아동 학대물, 저작권 침해물 등)의 저장, 배포 또는 전송</li>
<li>스팸 메일 또는 불법 광고 발송</li>
<li>해킹, DDoS 공격 등 타인의 시스템을 공격하는 행위</li>
<li>무단 암호화폐 채굴 행위</li>
<li>과도한 네트워크 트래픽 발생으로 서비스 안정성을 저해하는 행위</li>
<li>회사의 서비스 운영을 방해하는 행위</li>
<li>관련 법령을 위반하는 행위</li>
</ul>
<p>회사는 위반 행위 발견 시 사전 통지 없이 서비스 이용을 제한하거나 계정을 해지할 수 있습니다.</p>
</div>
</section>
<!-- Section 7 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제7조 (서비스 중단 및 해지)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>1. 회사는 다음 각 호의 경우 서비스 제공을 일시 중단할 수 있습니다.</p>
<ul class="list-disc list-inside ml-4 space-y-2">
<li>시스템 점검, 보수, 교체 등 기술적 사유</li>
<li>천재지변, 국가비상사태 등 불가항력적 사유</li>
<li>기타 서비스 제공이 어려운 경우</li>
</ul>
<p>2. 이용자는 언제든지 서비스 해지를 요청할 수 있으며, 회사는 즉시 처리합니다.</p>
<p>3. 서비스 해지 시 이용자의 모든 데이터는 삭제되며, 복구되지 않습니다.</p>
</div>
</section>
<!-- Section 8 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제8조 (면책 조항)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>1. 회사는 천재지변, 전쟁, 테러 등 불가항력적 사유로 인한 서비스 중단에 대해 책임을 지지 않습니다.</p>
<p>2. 회사는 이용자의 귀책사유로 인한 서비스 이용 장애에 대해 책임을 지지 않습니다.</p>
<p>3. 회사는 이용자가 서비스를 통해 저장하거나 전송한 데이터의 내용에 대해 책임을 지지 않습니다.</p>
<p>4. 이용자는 자신의 데이터에 대한 백업 책임을 지며, 회사는 데이터 손실에 대해 책임을 지지 않습니다. (단, SLA에서 정한 경우 제외)</p>
</div>
</section>
<!-- Section 9 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제9조 (분쟁 해결)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>1. 본 약관과 관련된 분쟁은 회사와 이용자 간의 협의를 통해 해결합니다.</p>
<p>2. 협의가 이루어지지 않을 경우, 일본 도쿄 지방법원을 전속 관할법원으로 합니다.</p>
<p>3. 본 약관의 해석 및 적용은 대한민국 법령 및 일본 법령을 우선 적용합니다.</p>
</div>
</section>
<!-- Section 10 -->
<section>
<h2 class="text-2xl font-bold text-white mb-4">제10조 (연락처)</h2>
<div class="space-y-3 text-slate-300 leading-relaxed">
<p>서비스 관련 문의사항은 아래 연락처로 문의하시기 바랍니다.</p>
<ul class="list-none ml-4 space-y-2">
<li><strong class="text-white">회사명:</strong> LIBEHAIM Inc.</li>
<li><strong class="text-white">대표:</strong> Taro Tanaka</li>
<li><strong class="text-white">주소:</strong> #202 K-Flat, 3-1-13 Higashioi, Shinagawa-ku, Tokyo 140-0011, Japan</li>
<li><strong class="text-white">서비스 URL:</strong> <a href="https://hosting.anvil.it.com" class="text-brand-400 hover:underline">https://hosting.anvil.it.com</a></li>
<li><strong class="text-white">고객 지원:</strong> <a href="https://t.me/AnvilForgeBot" target="_blank" rel="noopener noreferrer" class="text-brand-400 hover:underline">@AnvilForgeBot</a> (Telegram)</li>
</ul>
</div>
</section>
</div>
<!-- Back to Home -->
<div class="mt-12 text-center">
<a href="/" class="inline-flex items-center gap-2 text-brand-400 hover:text-brand-300 transition">
<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
메인 페이지로 돌아가기
</a>
</div>
</div>
</main>
<!-- Footer -->
<footer class="py-8 border-t border-white/5">
<div class="max-w-7xl mx-auto px-6 text-center text-sm text-slate-500">
<p>© 2026 LIBEHAIM Inc. All rights reserved.</p>
</div>
</footer>
</body>
</html>