Fix: 모바일 메뉴 수정 + 캐시 버스팅

- 햄버거 메뉴 중복 바인딩 방지 (initializeNavigation 가드 추가) - 모바일 메뉴 애니메이션 좌측 슬라이드 → 위에서 아래 드롭다운으로 변경 - 전체 HTML 파일 common.js/common.css 캐시 버스팅 (?v=20260313) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-17 23:23:33 +09:00 · 2026-03-17 23:23:33 +09:00 · 447436cccf
commit 447436cccf
parent a5651819e1
42 changed files with 102 additions and 90 deletions
--- a/404.html
+++ b/404.html
@ -28,7 +28,7 @@
    
    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLGPg8YJ04IY4YZ7C7BC9XkjsTBdQ1B8TAVxT2BOxqIRkVvNs/FNRs0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="css/common.css">
+    <link rel="stylesheet" href="css/common.css?v=20260313">
    
    <style>
        .error-container {
@ -244,7 +244,7 @@
    </div>
    
    <script src="js/i18n.js"></script>
-    <script src="js/common.js"></script>
+    <script src="js/common.js?v=20260313"></script>
    <script>
        // 검색 기능
        document.getElementById('errorSearch').addEventListener('keypress', function(e) {
--- a/about.html
+++ b/about.html
@ -60,7 +60,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="css/common.css">
+    <link rel="stylesheet" href="css/common.css?v=20260313">
    <link rel="stylesheet" href="css/about.css">

    
@ -411,6 +411,6 @@

    <!-- JavaScript -->
    <script src="js/i18n.js"></script>
-    <script src="js/common.js"></script>
+    <script src="js/common.js?v=20260313"></script>

 </body></html>
--- a/backgrounds.html
+++ b/backgrounds.html
@ -34,7 +34,7 @@

    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLGPg8YJ04IY4YZ7C7BC9XkjsTBdQ1B8TAVxT2BOxqIRkVvNs/FNRs0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="css/common.css">
+    <link rel="stylesheet" href="css/common.css?v=20260313">
    <link rel="stylesheet" href="css/backgrounds.css">

    
@ -243,7 +243,7 @@
    </footer>

    <!-- JavaScript -->
-    <script src="js/common.js"></script>
+    <script src="js/common.js?v=20260313"></script>
    <script src="js/backgrounds.js"></script>


--- a/contact.html
+++ b/contact.html
@ -60,7 +60,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="css/common.css">
+    <link rel="stylesheet" href="css/common.css?v=20260313">
    <link rel="stylesheet" href="css/contact.css">

    
@ -516,7 +516,7 @@

    <!-- JavaScript -->
    <script src="js/i18n.js"></script>
-    <script src="js/common.js"></script>
+    <script src="js/common.js?v=20260313"></script>
    <script src="js/contact.js"></script>

 </body></html>
--- a/css/common.css
+++ b/css/common.css
@ -959,7 +959,7 @@ body {
@media (max-width: 768px) {
    .nav-menu {
        position: fixed;
-        left: -100%;
+        left: 0;
        top: var(--navbar-height);
        flex-direction: column;
        background: rgba(255, 255, 255, 0.98);
@ -967,15 +967,23 @@ body {
        -webkit-backdrop-filter: blur(20px);
        width: 100%;
        text-align: center;
-        transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
-        padding: var(--spacing-lg) 0;
+        padding: 0;
        z-index: 999;
-        gap: 0.25rem;
+        gap: 0;
+        max-height: 0;
+        overflow: hidden;
+        opacity: 0;
+        transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
+                    opacity 0.25s ease,
+                    padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .nav-menu.active {
-        left: 0;
+        max-height: 500px;
+        opacity: 1;
+        padding: var(--spacing-md) 0;
+        gap: 0.25rem;
    }

    .nav-link {
--- a/en/404.html
+++ b/en/404.html
@ -28,7 +28,7 @@
    
    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLGPg8YJ04IY4YZ7C7BC9XkjsTBdQ1B8TAVxT2BOxqIRkVvNs/FNRs0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    
    <style>
        .error-container {
@ -247,7 +247,7 @@
    </div>
    
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script>
        // 검색 기능
        document.getElementById('errorSearch').addEventListener('keypress', function(e) {
--- a/en/about.html
+++ b/en/about.html
@ -60,7 +60,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/about.css">

    
@ -416,6 +416,6 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>

 </body></html>
--- a/en/backgrounds.html
+++ b/en/backgrounds.html
@ -34,7 +34,7 @@

    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLGPg8YJ04IY4YZ7C7BC9XkjsTBdQ1B8TAVxT2BOxqIRkVvNs/FNRs0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/backgrounds.css">

    
@ -248,7 +248,7 @@
    </footer>

    <!-- JavaScript -->
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/backgrounds.js"></script>


--- a/en/contact.html
+++ b/en/contact.html
@ -60,7 +60,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/contact.css">

    
@ -520,7 +520,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/contact.js"></script>

 </body></html>
--- a/en/gallery.html
+++ b/en/gallery.html
@ -61,7 +61,7 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    
    
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/gallery.css">

    
@ -322,7 +322,7 @@
    </footer>

    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/gallery.js"></script>

 </body></html>
--- a/en/index.html
+++ b/en/index.html
@ -38,7 +38,7 @@
    <link rel="dns-prefetch" href="//www.youtube.com">
    
    <!-- Preload 중요 리소스 -->
-    <link rel="preload" href="/css/common.css" as="style">
+    <link rel="preload" href="/css/common.css?v=20260313" as="style">
    <link rel="preload" href="/css/main.css" as="style">
    
    <!-- Security Headers (기본 설정) -->
@ -176,7 +176,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/main.css">
    <link rel="stylesheet" href="/css/contact.css">
    <link rel="stylesheet" href="/css/popup.css?v=2">
@ -1088,7 +1088,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/contact.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/popup.js"></script>
--- a/en/portfolio.html
+++ b/en/portfolio.html
@ -61,7 +61,7 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/portfolio.css">

    <!-- SOOP VOD 구조화 데이터 -->
@ -727,7 +727,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/portfolio.js"></script>

 </body></html>
--- a/en/props.html
+++ b/en/props.html
@ -34,7 +34,7 @@

    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLGPg8YJ04IY4YZ7C7BC9XkjsTBdQ1B8TAVxT2BOxqIRkVvNs/FNRs0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/props.css">

    
@ -243,7 +243,7 @@
    </footer>

    <!-- JavaScript -->
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/props.js"></script>


--- a/en/qna.html
+++ b/en/qna.html
@ -60,7 +60,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/qna.css">

    
@ -526,7 +526,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/qna.js"></script>

 </body></html>
--- a/en/services.html
+++ b/en/services.html
@ -61,7 +61,7 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/services.css">

    
@ -1130,7 +1130,7 @@ as a follow-up service (separate consultation)</p>

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/services.js"></script>

 </body></html>
--- a/gallery.html
+++ b/gallery.html
@ -61,7 +61,7 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    
    
-    <link rel="stylesheet" href="css/common.css">
+    <link rel="stylesheet" href="css/common.css?v=20260313">
    <link rel="stylesheet" href="css/gallery.css">

    
@ -317,7 +317,7 @@
    </footer>

    <script src="js/i18n.js"></script>
-    <script src="js/common.js"></script>
+    <script src="js/common.js?v=20260313"></script>
    <script src="js/gallery.js"></script>

 </body></html>
--- a/index.html
+++ b/index.html
@ -38,7 +38,7 @@
    <link rel="dns-prefetch" href="//www.youtube.com">
    
    <!-- Preload 중요 리소스 -->
-    <link rel="preload" href="css/common.css" as="style">
+    <link rel="preload" href="css/common.css?v=20260313" as="style">
    <link rel="preload" href="css/main.css" as="style">
    
    <!-- Security Headers (기본 설정) -->
@ -176,7 +176,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="css/common.css">
+    <link rel="stylesheet" href="css/common.css?v=20260313">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/popup.css?v=2">
    <link rel="stylesheet" href="css/contact.css">
@ -1097,7 +1097,7 @@

    <!-- JavaScript -->
    <script src="js/i18n.js"></script>
-    <script src="js/common.js"></script>
+    <script src="js/common.js?v=20260313"></script>
    <script src="js/contact.js"></script>
    <script src="js/main.js"></script>
    <script src="js/popup.js"></script>
--- a/ja/404.html
+++ b/ja/404.html
@ -28,7 +28,7 @@
    
    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLGPg8YJ04IY4YZ7C7BC9XkjsTBdQ1B8TAVxT2BOxqIRkVvNs/FNRs0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    
    <style>
        .error-container {
@ -247,7 +247,7 @@
    </div>
    
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script>
        // 검색 기능
        document.getElementById('errorSearch').addEventListener('keypress', function(e) {
--- a/ja/about.html
+++ b/ja/about.html
@ -60,7 +60,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/about.css">

    
@ -416,6 +416,6 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>

 </body></html>
--- a/ja/backgrounds.html
+++ b/ja/backgrounds.html
@ -34,7 +34,7 @@

    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLGPg8YJ04IY4YZ7C7BC9XkjsTBdQ1B8TAVxT2BOxqIRkVvNs/FNRs0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/backgrounds.css">

    
@ -248,7 +248,7 @@
    </footer>

    <!-- JavaScript -->
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/backgrounds.js"></script>


--- a/ja/contact.html
+++ b/ja/contact.html
@ -60,7 +60,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/contact.css">

    
@ -520,7 +520,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/contact.js"></script>

 </body></html>
--- a/ja/gallery.html
+++ b/ja/gallery.html
@ -61,7 +61,7 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    
    
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/gallery.css">

    
@ -322,7 +322,7 @@
    </footer>

    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/gallery.js"></script>

 </body></html>
--- a/ja/index.html
+++ b/ja/index.html
@ -38,7 +38,7 @@
    <link rel="dns-prefetch" href="//www.youtube.com">
    
    <!-- Preload 중요 리소스 -->
-    <link rel="preload" href="/css/common.css" as="style">
+    <link rel="preload" href="/css/common.css?v=20260313" as="style">
    <link rel="preload" href="/css/main.css" as="style">
    
    <!-- Security Headers (기본 설정) -->
@ -176,7 +176,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/main.css">
    <link rel="stylesheet" href="/css/contact.css">
    <link rel="stylesheet" href="/css/popup.css?v=2">
@ -1088,7 +1088,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/contact.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/popup.js"></script>
--- a/ja/portfolio.html
+++ b/ja/portfolio.html
@ -61,7 +61,7 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/portfolio.css">

    <!-- SOOP VOD 구조화 데이터 -->
@ -727,7 +727,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/portfolio.js"></script>

 </body></html>
--- a/ja/props.html
+++ b/ja/props.html
@ -34,7 +34,7 @@

    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLGPg8YJ04IY4YZ7C7BC9XkjsTBdQ1B8TAVxT2BOxqIRkVvNs/FNRs0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/props.css">

    
@ -243,7 +243,7 @@
    </footer>

    <!-- JavaScript -->
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/props.js"></script>


--- a/ja/qna.html
+++ b/ja/qna.html
@ -60,7 +60,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/qna.css">

    
@ -526,7 +526,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/qna.js"></script>

 </body></html>
--- a/ja/services.html
+++ b/ja/services.html
@ -61,7 +61,7 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/services.css">

    
@ -1130,7 +1130,7 @@ Mingle Studioまたは依頼者帰属を選択可能です</p>

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/services.js"></script>

 </body></html>
--- a/js/common.js
+++ b/js/common.js
@ -91,6 +91,10 @@ function initializeNavigation() {
    const navMenu = document.querySelector('.nav-menu');

    if (hamburger && navMenu) {
+        // 중복 바인딩 방지
+        if (hamburger._navInitialized) return;
+        hamburger._navInitialized = true;
+
        hamburger.addEventListener('click', function() {
            const isActive = hamburger.classList.toggle('active');
            navMenu.classList.toggle('active');
--- a/portfolio.html
+++ b/portfolio.html
@ -61,7 +61,7 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    
    <!-- CSS -->
-    <link rel="stylesheet" href="css/common.css">
+    <link rel="stylesheet" href="css/common.css?v=20260313">
    <link rel="stylesheet" href="css/portfolio.css">

    <!-- SOOP VOD 구조화 데이터 -->
@ -724,7 +724,7 @@

    <!-- JavaScript -->
    <script src="js/i18n.js"></script>
-    <script src="js/common.js"></script>
+    <script src="js/common.js?v=20260313"></script>
    <script src="js/portfolio.js"></script>

 </body></html>
--- a/props.html
+++ b/props.html
@ -34,7 +34,7 @@

    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLGPg8YJ04IY4YZ7C7BC9XkjsTBdQ1B8TAVxT2BOxqIRkVvNs/FNRs0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="css/common.css">
+    <link rel="stylesheet" href="css/common.css?v=20260313">
    <link rel="stylesheet" href="css/props.css">

    
@ -238,7 +238,7 @@
    </footer>

    <!-- JavaScript -->
-    <script src="js/common.js"></script>
+    <script src="js/common.js?v=20260313"></script>
    <script src="js/props.js"></script>


--- a/qna.html
+++ b/qna.html
@ -60,7 +60,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="css/common.css">
+    <link rel="stylesheet" href="css/common.css?v=20260313">
    <link rel="stylesheet" href="css/qna.css">

    
@ -559,7 +559,7 @@

    <!-- JavaScript -->
    <script src="js/i18n.js"></script>
-    <script src="js/common.js"></script>
+    <script src="js/common.js?v=20260313"></script>
    <script src="js/qna.js"></script>

 </body></html>
--- a/services.html
+++ b/services.html
@ -61,7 +61,7 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    
    <!-- CSS -->
-    <link rel="stylesheet" href="css/common.css">
+    <link rel="stylesheet" href="css/common.css?v=20260313">
    <link rel="stylesheet" href="css/services.css">

    
@ -1124,7 +1124,7 @@

    <!-- JavaScript -->
    <script src="js/i18n.js"></script>
-    <script src="js/common.js"></script>
+    <script src="js/common.js?v=20260313"></script>
    <script src="js/services.js"></script>

 </body></html>
--- a/zh/404.html
+++ b/zh/404.html
@ -28,7 +28,7 @@
    
    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLGPg8YJ04IY4YZ7C7BC9XkjsTBdQ1B8TAVxT2BOxqIRkVvNs/FNRs0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    
    <style>
        .error-container {
@ -247,7 +247,7 @@
    </div>
    
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script>
        // 검색 기능
        document.getElementById('errorSearch').addEventListener('keypress', function(e) {
--- a/zh/about.html
+++ b/zh/about.html
@ -60,7 +60,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/about.css">

    
@ -416,6 +416,6 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>

 </body></html>
--- a/zh/backgrounds.html
+++ b/zh/backgrounds.html
@ -34,7 +34,7 @@

    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLGPg8YJ04IY4YZ7C7BC9XkjsTBdQ1B8TAVxT2BOxqIRkVvNs/FNRs0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/backgrounds.css">

    
@ -248,7 +248,7 @@
    </footer>

    <!-- JavaScript -->
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/backgrounds.js"></script>


--- a/zh/contact.html
+++ b/zh/contact.html
@ -60,7 +60,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/contact.css">

    
@ -520,7 +520,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/contact.js"></script>

 </body></html>
--- a/zh/gallery.html
+++ b/zh/gallery.html
@ -61,7 +61,7 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    
    
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/gallery.css">

    
@ -322,7 +322,7 @@
    </footer>

    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/gallery.js"></script>

 </body></html>
--- a/zh/index.html
+++ b/zh/index.html
@ -38,7 +38,7 @@
    <link rel="dns-prefetch" href="//www.youtube.com">
    
    <!-- Preload 중요 리소스 -->
-    <link rel="preload" href="/css/common.css" as="style">
+    <link rel="preload" href="/css/common.css?v=20260313" as="style">
    <link rel="preload" href="/css/main.css" as="style">
    
    <!-- Security Headers (기본 설정) -->
@ -176,7 +176,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/main.css">
    <link rel="stylesheet" href="/css/contact.css">
    <link rel="stylesheet" href="/css/popup.css?v=2">
@ -1088,7 +1088,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/contact.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/popup.js"></script>
--- a/zh/portfolio.html
+++ b/zh/portfolio.html
@ -61,7 +61,7 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/portfolio.css">

    <!-- SOOP VOD 구조화 데이터 -->
@ -727,7 +727,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/portfolio.js"></script>

 </body></html>
--- a/zh/props.html
+++ b/zh/props.html
@ -34,7 +34,7 @@

    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-Avb2QiuDEEvB4bZJYdft2mNjVShBftLGPg8YJ04IY4YZ7C7BC9XkjsTBdQ1B8TAVxT2BOxqIRkVvNs/FNRs0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/props.css">

    
@ -243,7 +243,7 @@
    </footer>

    <!-- JavaScript -->
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/props.js"></script>


--- a/zh/qna.html
+++ b/zh/qna.html
@ -60,7 +60,7 @@
    <!-- Icons -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/qna.css">

    
@ -526,7 +526,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/qna.js"></script>

 </body></html>
--- a/zh/services.html
+++ b/zh/services.html
@ -61,7 +61,7 @@
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
    
    <!-- CSS -->
-    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/common.css?v=20260313">
    <link rel="stylesheet" href="/css/services.css">

    
@ -1130,7 +1130,7 @@

    <!-- JavaScript -->
    <script src="/js/i18n.js"></script>
-    <script src="/js/common.js"></script>
+    <script src="/js/common.js?v=20260313"></script>
    <script src="/js/services.js"></script>

 </body></html>