feat(web): 리눅스 서버 가이드 섹션 추가

- 윈도우 vs 리눅스 비교 테이블 (비용, 성능, 보안, 안정성)
- SSH 접속 방법 안내 (PuTTY, Tabby 링크)
- 웹 기반 관리 도구 소개 (cPanel, Webmin, Cockpit)
- 자주 쓰는 명령어 5개 (ls, cd, cp, mv, rm, sudo)
- 네비게이션에 리눅스 메뉴 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

web/index.html

@@ -207,7 +207,7 @@
       <div class="hidden md:flex gap-8 text-lg">
         <a href="#services" class="hover:text-sketch-blue transition">서비스</a>
         <a href="#domain" class="hover:text-sketch-blue transition">도메인</a>
-        <a href="#features" class="hover:text-sketch-blue transition">특징</a>
+        <a href="#linux-guide" class="hover:text-sketch-green transition">리눅스</a>
         <a href="#pricing" class="hover:text-sketch-blue transition">가격</a>
         <a href="#contact" class="hover:text-sketch-blue transition">문의</a>
       </div>
@@ -425,6 +425,146 @@
     </div>
   </section>
 
+  <!-- Linux Guide Section -->
+  <section id="linux-guide" class="py-20">
+    <div class="max-w-6xl mx-auto px-6">
+      <div class="text-center mb-16">
+        <div class="sketch-badge mb-6" style="border-color: #2f9e44; color: #2f9e44;">
+          🐧 윈도우 서버만 고집하셨나요?
+        </div>
+        <h2 class="text-3xl md:text-4xl font-bold mb-4 font-hand">
+          <span class="sketch-underline" style="--underline-color: #2f9e44;">리눅스, 생각보다 쉬워요!</span>
+        </h2>
+        <p class="text-xl text-sketch-line/70">비용은 절반, 성능은 2배. 지금 바로 시작하세요.</p>
+      </div>
+
+      <!-- 비교 테이블 -->
+      <div class="sketch-border p-6 md:p-8 mb-12" style="transform: rotate(0deg);">
+        <h3 class="text-xl font-bold mb-6 text-center font-hand">💡 윈도우 vs 리눅스 서버</h3>
+        <div class="overflow-x-auto">
+          <table class="w-full text-left">
+            <thead>
+              <tr class="border-b-2 border-dashed border-sketch-line/30">
+                <th class="py-3 px-4"></th>
+                <th class="py-3 px-4 text-center">🪟 윈도우</th>
+                <th class="py-3 px-4 text-center text-sketch-green">🐧 리눅스</th>
+              </tr>
+            </thead>
+            <tbody class="text-sketch-line/80">
+              <tr class="border-b border-dashed border-sketch-line/20">
+                <td class="py-3 px-4 font-medium">월 비용</td>
+                <td class="py-3 px-4 text-center">₩50,000~</td>
+                <td class="py-3 px-4 text-center font-bold text-sketch-green">₩9,900~ ✓</td>
+              </tr>
+              <tr class="border-b border-dashed border-sketch-line/20">
+                <td class="py-3 px-4 font-medium">리소스 효율</td>
+                <td class="py-3 px-4 text-center">메모리 2GB+ 필요</td>
+                <td class="py-3 px-4 text-center font-bold text-sketch-green">512MB로 충분 ✓</td>
+              </tr>
+              <tr class="border-b border-dashed border-sketch-line/20">
+                <td class="py-3 px-4 font-medium">보안</td>
+                <td class="py-3 px-4 text-center">바이러스 취약</td>
+                <td class="py-3 px-4 text-center font-bold text-sketch-green">압도적 보안 ✓</td>
+              </tr>
+              <tr class="border-b border-dashed border-sketch-line/20">
+                <td class="py-3 px-4 font-medium">안정성</td>
+                <td class="py-3 px-4 text-center">주기적 재부팅</td>
+                <td class="py-3 px-4 text-center font-bold text-sketch-green">수년간 무중단 ✓</td>
+              </tr>
+              <tr>
+                <td class="py-3 px-4 font-medium">웹 호스팅 점유율</td>
+                <td class="py-3 px-4 text-center">~20%</td>
+                <td class="py-3 px-4 text-center font-bold text-sketch-green">~80% ✓</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      <!-- 접속 방법 -->
+      <div class="grid md:grid-cols-2 gap-8 mb-12">
+        <div class="sketch-border p-6">
+          <div class="text-3xl mb-4">🔌</div>
+          <h3 class="text-xl font-bold mb-3">접속이 어렵다?</h3>
+          <p class="text-sketch-line/70 mb-4">
+            원격 데스크톱 대신 <span class="highlight-box">SSH</span>를 사용합니다.<br>
+            한 줄 명령어면 끝!
+          </p>
+          <div class="bg-sketch-line/5 border-2 border-dashed border-sketch-line/30 rounded p-4 font-mono text-sm">
+            <span class="text-sketch-green">$</span> ssh user@서버주소
+          </div>
+          <p class="text-sketch-line/50 text-sm mt-3">
+            💡 Mac/리눅스는 터미널, 윈도우는 <a href="https://www.putty.org/" target="_blank" class="text-sketch-blue hover:underline">PuTTY</a> 또는 <a href="https://tabby.sh/" target="_blank" class="text-sketch-blue hover:underline">Tabby</a> 사용
+          </p>
+        </div>
+
+        <div class="sketch-border p-6">
+          <div class="text-3xl mb-4">🖥️</div>
+          <h3 class="text-xl font-bold mb-3">터미널이 무섭다?</h3>
+          <p class="text-sketch-line/70 mb-4">
+            웹 기반 관리 패널로 <span class="highlight-box">클릭만으로</span> 관리하세요!
+          </p>
+          <div class="space-y-2 text-sm">
+            <div class="flex items-center gap-2">
+              <span class="text-sketch-green font-bold">✓</span>
+              <span><strong>cPanel</strong> - 가장 직관적인 호스팅 패널</span>
+            </div>
+            <div class="flex items-center gap-2">
+              <span class="text-sketch-green font-bold">✓</span>
+              <span><strong>Webmin</strong> - 무료 서버 관리 도구</span>
+            </div>
+            <div class="flex items-center gap-2">
+              <span class="text-sketch-green font-bold">✓</span>
+              <span><strong>Cockpit</strong> - 현대적인 웹 콘솔</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 자주 쓰는 명령어 -->
+      <div class="sketch-border p-6 md:p-8 mb-12" style="background: #f0fdf4;">
+        <h3 class="text-xl font-bold mb-6 font-hand">📝 이것만 알면 OK! 자주 쓰는 명령어 5개</h3>
+        <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
+          <div class="bg-white border-2 border-sketch-line/20 rounded p-4">
+            <code class="text-sketch-blue font-mono">ls</code>
+            <p class="text-sketch-line/70 text-sm mt-1">파일 목록 보기</p>
+          </div>
+          <div class="bg-white border-2 border-sketch-line/20 rounded p-4">
+            <code class="text-sketch-blue font-mono">cd 폴더명</code>
+            <p class="text-sketch-line/70 text-sm mt-1">폴더 이동</p>
+          </div>
+          <div class="bg-white border-2 border-sketch-line/20 rounded p-4">
+            <code class="text-sketch-blue font-mono">cp 파일 대상</code>
+            <p class="text-sketch-line/70 text-sm mt-1">파일 복사</p>
+          </div>
+          <div class="bg-white border-2 border-sketch-line/20 rounded p-4">
+            <code class="text-sketch-blue font-mono">mv 파일 대상</code>
+            <p class="text-sketch-line/70 text-sm mt-1">파일 이동/이름변경</p>
+          </div>
+          <div class="bg-white border-2 border-sketch-line/20 rounded p-4">
+            <code class="text-sketch-blue font-mono">rm 파일</code>
+            <p class="text-sketch-line/70 text-sm mt-1">파일 삭제</p>
+          </div>
+          <div class="bg-white border-2 border-sketch-line/20 rounded p-4">
+            <code class="text-sketch-blue font-mono">sudo 명령어</code>
+            <p class="text-sketch-line/70 text-sm mt-1">관리자 권한 실행</p>
+          </div>
+        </div>
+      </div>
+
+      <!-- CTA -->
+      <div class="text-center">
+        <div class="sticky-note inline-block mb-6" style="transform: rotate(-1deg);">
+          <p class="text-lg">🎁 리눅스 서버 주문 시 <span class="font-bold">초기 설정 무료 지원!</span></p>
+        </div>
+        <br>
+        <a href="https://t.me/AnvilForgeBot" target="_blank" class="sketch-btn sketch-btn-primary px-8 py-4 text-xl inline-flex items-center gap-2">
+          리눅스 서버 상담받기 →
+        </a>
+      </div>
+    </div>
+  </section>
+
   <!-- Pricing Section -->
   <section id="pricing" class="py-20">
     <div class="max-w-6xl mx-auto px-6">