From 22fe0a6081d86d88f1b0764e88cae274d4ea9626 Mon Sep 17 00:00:00 2001
From: kappa <kappa@inouter.com>
Date: Mon, 19 Jan 2026 11:25:55 +0900
Subject: [PATCH] =?UTF-8?q?feat(web):=20DDoS=20=EB=B0=A9=EC=96=B4=20?=
 =?UTF-8?q?=EA=B0=80=EA=B2=A9=20=EC=98=B5=EC=85=98=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 기본 방어: 무료 (Cloudflare)
- 프리미엄 방어: ₩99,000/월 (VAT 포함, 1Tbps+)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 web/index.html | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/web/index.html b/web/index.html
index 350715b..69a0c96 100644
--- a/web/index.html
+++ b/web/index.html
@@ -627,13 +627,26 @@
         </p>
       </div>
 
-      <!-- 공통 포함 사항 -->
-      <div class="grid md:grid-cols-3 gap-6">
-        <div class="sketch-border p-6 text-center">
-          <div class="text-3xl mb-3">🛡️</div>
-          <h4 class="font-bold mb-2">DDoS 방어</h4>
-          <p class="text-sketch-line/70 text-sm">모든 요금제 기본 포함</p>
+      <!-- DDoS 방어 옵션 -->
+      <div class="sketch-border p-6 md:p-8 mb-8" style="transform: rotate(0deg);">
+        <h3 class="text-xl font-bold mb-6 text-center font-hand">🛡️ DDoS 방어 옵션</h3>
+        <div class="grid md:grid-cols-2 gap-6">
+          <div class="border-2 border-dashed border-sketch-line/30 rounded p-5 text-center">
+            <div class="text-2xl font-bold mb-2">기본 방어</div>
+            <div class="text-3xl font-bold text-sketch-green mb-3">무료</div>
+            <p class="text-sketch-line/70 text-sm">Cloudflare 기본 보호<br>일반적인 공격 대응</p>
+          </div>
+          <div class="border-2 border-sketch-blue rounded p-5 text-center bg-sketch-blue/5">
+            <div class="text-2xl font-bold mb-2 text-sketch-blue">프리미엄 방어</div>
+            <div class="text-3xl font-bold mb-3">₩99,000<span class="text-base font-normal text-sketch-line/70">/월</span></div>
+            <p class="text-sketch-line/70 text-sm">1Tbps+ 엔터프라이즈 방어<br>대규모 공격 완벽 차단</p>
+            <p class="text-xs text-sketch-line/50 mt-2">VAT 포함</p>
+          </div>
         </div>
+      </div>
+
+      <!-- 공통 포함 사항 -->
+      <div class="grid md:grid-cols-2 gap-6">
         <div class="sketch-border p-6 text-center">
           <div class="text-3xl mb-3">🔒</div>
           <h4 class="font-bold mb-2">무료 SSL</h4>