<!DOCTYPE html>
<html lang="ko">
<head>
    
<head>
    
        <!-- Google tag (gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZHBSENNS87"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'G-ZHBSENNS87');
        </script>
    

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="content-type" content="text/javascript">
    <meta http-equiv="content-type" content="text/css">
    <meta name="format-detection" content="address=no">

    <!-- 기본 OG 태그 -->
    <meta property="og:url" content="https://modu.pcpp.go.kr/">
    <meta property="og:type" content="website">
    <meta property="og:title" content="국민소통 플랫폼 모두의 광장">
    <meta property="og:description" content="국민과 함께하는 진짜 소통, 여기서 시작합니다.">
    <meta property="og:image" content="null/img/modu_og.png?v=4">

    <!-- Twitter Card (텔레그램 호환) -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="국민소통 플랫폼 모두의 광장">
    <meta name="twitter:description" content="국민과 함께하는 진짜 소통, 여기서 시작합니다.">
    <meta name="twitter:image" content="null/img/modu_og.png?v=4">

    <link rel="apple-touch-icon" sizes="57x57" href="null/img/favicons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="null/img/favicons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="null/img/favicons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="null/img/favicons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="null/img/favicons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="null/img/favicons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="null/img/favicons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="null/img/favicons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="null/img/favicons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="null/img/favicons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="null/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="null/img/favicons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="null/img/favicons/favicon-16x16.png">
    <link rel="manifest" href="null/img/favicons/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="null/img/favicons/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <link rel="preload" href="/fonts/Pretendard/Pretendard-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><!-- 400 -->
    <link rel="preload" href="/fonts/Pretendard/Pretendard-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous"><!-- 500 -->
    <link rel="preload" href="/fonts/Pretendard/Pretendard-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"><!-- 700 -->
    <link rel="stylesheet" type="text/css" href="null/css/style_page_navi.css">

<!--    <style>-->
<!--        body {-->
<!--            visibility: hidden;-->
<!--        }-->
<!--    </style>-->
<!--    <link rel="stylesheet" href="/css/main.css" id="main-style" />-->
<!--    <script>-->
<!--        window.addEventListener('load', function () {-->
<!--            document.body.style.visibility = 'visible';-->
<!--        });-->
<!--    </script>-->

</head>

    <title>404 Not Found</title>
    <style>
        body {
            font-family: 'Noto Sans KR', sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f5f5f5;
        }
        .error-container {
            text-align: center;
            padding: 40px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            max-width: 500px;
            width: 90%;
        }
        h1 {
            color: #333;
            font-size: 48px;
            margin-bottom: 20px;
        }
        p {
            color: #666;
            font-size: 18px;
            margin-bottom: 30px;
            line-height: 1.5;
        }
        .home-button {
            display: inline-block;
            padding: 12px 24px;
            background-color: #007bff;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s;
        }
        .home-button:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>
<!--
<th:block th:if="${@environment.getProperty('spring.profiles.active') == 'prd' or @environment.getProperty('spring.profiles.active') == 'dev'}">
&lt;!&ndash; Google Tag Manager (noscript) &ndash;&gt;
  <noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NRBXF22T" height="0" width="0" style="display:none;visibility:hidden"></iframe>
  </noscript>
&lt;!&ndash; End Google Tag Manager (noscript) &ndash;&gt;
</th:block>-->

    <div class="error-container">
        <h1>404 Not Found</h1>
        <p>요청하신 페이지를 찾을 수 없습니다.<br>URL을 확인해 주세요.</p>
        <a href="/" class="home-button">홈으로 돌아가기</a>
    </div>
</body>
</html>
