404.html

---
layout: default
title: 페이지를 찾을 수 없습니다
permalink: /404.html
---

<main class="flex-grow">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16 text-center">
        <div class="mb-8">
            <span class="text-9xl font-bold text-bacchus-600">404</span>
        </div>
        <h1 class="text-3xl font-bold text-gray-900 mb-4">페이지를 찾을 수 없습니다</h1>
        <p class="text-xl text-gray-600 mb-8">
            요청하신 페이지가 존재하지 않거나 이동되었을 수 있습니다.
        </p>
        <div class="flex flex-col sm:flex-row gap-4 justify-center">
            <a href="{{ '/' | relative_url }}" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-bacchus-600 hover:bg-bacchus-700 transition-colors">
                홈으로 돌아가기
            </a>
            <a href="{{ '/posts' | relative_url }}" class="inline-flex items-center justify-center px-6 py-3 border border-gray-300 text-base font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 transition-colors">
                공지사항 보기
            </a>
        </div>
    </div>
</main>