diff --git a/design/uiux/prototype/13-QR포스터상세설정.html b/design/uiux/prototype/13-QR포스터상세설정.html
index 308c2bc..0c28390 100644
--- a/design/uiux/prototype/13-QR포스터상세설정.html
+++ b/design/uiux/prototype/13-QR포스터상세설정.html
@@ -6,6 +6,7 @@
   <title>QR 포스터 상세 설정 - KT 이벤트 마케팅</title>
   <link rel="stylesheet" href="css/variables.css">
   <link rel="stylesheet" href="css/common.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* Layout */
     .detail-container {
@@ -329,12 +330,16 @@
 <body>
   <div class="detail-container">
     <!-- Header -->
-    <header class="detail-header">
-      <button class="detail-header__back" onclick="history.back()">
-        ←
-      </button>
-      <h1 class="detail-header__title">QR 포스터 상세 설정</h1>
-      <p class="detail-header__subtitle">포스터 내용을 상세하게 편집하세요</p>
+    <header class="app-bar">
+      <div class="app-bar__container">
+        <div class="app-bar__left">
+          <svg class="app-bar__back" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" onclick="history.back()">
+            <path d="M19 12H5M12 19l-7-7 7-7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+        </div>
+        <h1 class="app-bar__title">QR 포스터 상세 설정</h1>
+        <div class="app-bar__right"></div>
+      </div>
     </header>
 
     <!-- Content -->
diff --git a/design/uiux/prototype/15-배포채널선택.html b/design/uiux/prototype/15-배포채널선택.html
index 2371b46..df1e642 100644
--- a/design/uiux/prototype/15-배포채널선택.html
+++ b/design/uiux/prototype/15-배포채널선택.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>배포 채널 선택 - KT AI 이벤트</title>
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* CSS Variables */
     :root {
@@ -747,12 +748,16 @@
 </head>
 <body>
   <!-- Header -->
-  <header class="header">
-    <button class="header__back" onclick="window.location.href='14-콘텐츠최종승인.html'" aria-label="뒤로 가기">
-      ←
-    </button>
-    <h1 class="header__title">배포 채널 선택</h1>
-    <div class="header__action"></div>
+  <header class="app-bar">
+    <div class="app-bar__container">
+      <div class="app-bar__left">
+        <svg class="app-bar__back" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" onclick="window.location.href='14-콘텐츠최종승인.html'">
+          <path d="M19 12H5M12 19l-7-7 7-7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+      </div>
+      <h1 class="app-bar__title">배포 채널 선택</h1>
+      <div class="app-bar__right"></div>
+    </div>
   </header>
 
   <!-- Main Content -->
diff --git a/design/uiux/prototype/16-배포진행상태.html b/design/uiux/prototype/16-배포진행상태.html
index 3dee0d7..5af263f 100644
--- a/design/uiux/prototype/16-배포진행상태.html
+++ b/design/uiux/prototype/16-배포진행상태.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>배포 진행 상태 - KT AI 이벤트</title>
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* CSS Variables */
     :root {
@@ -658,12 +659,16 @@
 </head>
 <body>
   <!-- Header -->
-  <header class="header">
-    <button class="header__back" onclick="window.location.href='15-배포채널선택.html'" aria-label="뒤로 가기">
-      ←
-    </button>
-    <h1 class="header__title">배포 진행 중</h1>
-    <div class="header__action"></div>
+  <header class="app-bar">
+    <div class="app-bar__container">
+      <div class="app-bar__left">
+        <svg class="app-bar__back" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" onclick="window.location.href='15-배포채널선택.html'">
+          <path d="M19 12H5M12 19l-7-7 7-7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+      </div>
+      <h1 class="app-bar__title">배포 진행 중</h1>
+      <div class="app-bar__right"></div>
+    </div>
   </header>
 
   <!-- Main Content -->
diff --git a/design/uiux/prototype/17-오프라인자료다운로드.html b/design/uiux/prototype/17-오프라인자료다운로드.html
index c5fd5e0..a8e5b66 100644
--- a/design/uiux/prototype/17-오프라인자료다운로드.html
+++ b/design/uiux/prototype/17-오프라인자료다운로드.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>오프라인 자료 다운로드 - KT AI 이벤트</title>
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* CSS Variables */
     :root {
@@ -609,12 +610,16 @@
 </head>
 <body>
   <!-- Header -->
-  <header class="header">
-    <button class="header__back" onclick="window.location.href='16-배포진행상태.html'" aria-label="뒤로 가기">
-      ←
-    </button>
-    <h1 class="header__title">오프라인 자료</h1>
-    <div class="header__action"></div>
+  <header class="app-bar">
+    <div class="app-bar__container">
+      <div class="app-bar__left">
+        <svg class="app-bar__back" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" onclick="window.location.href='16-배포진행상태.html'">
+          <path d="M19 12H5M12 19l-7-7 7-7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+      </div>
+      <h1 class="app-bar__title">오프라인 자료</h1>
+      <div class="app-bar__right"></div>
+    </div>
   </header>
 
   <!-- Main Content -->
diff --git a/design/uiux/prototype/18-이벤트참여.html b/design/uiux/prototype/18-이벤트참여.html
index a66562a..dd4a7b0 100644
--- a/design/uiux/prototype/18-이벤트참여.html
+++ b/design/uiux/prototype/18-이벤트참여.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>이벤트 참여 - KT AI 이벤트</title>
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* ========================================
        CSS Variables & Base Styles
@@ -653,6 +654,19 @@
   </style>
 </head>
 <body>
+  <!-- Header -->
+  <header class="app-bar">
+    <div class="app-bar__container">
+      <div class="app-bar__left">
+        <svg class="app-bar__back" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" onclick="history.back()">
+          <path d="M19 12H5M12 19l-7-7 7-7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+      </div>
+      <h1 class="app-bar__title">이벤트 참여</h1>
+      <div class="app-bar__right"></div>
+    </div>
+  </header>
+
   <!-- Main Content -->
   <main class="event-participation">
     <!-- Event Header -->
diff --git a/design/uiux/prototype/19-참여완료.html b/design/uiux/prototype/19-참여완료.html
index 48dee83..ae3d93e 100644
--- a/design/uiux/prototype/19-참여완료.html
+++ b/design/uiux/prototype/19-참여완료.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>참여 완료 - KT AI 이벤트</title>
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* ========================================
        CSS Variables & Base Styles
@@ -619,6 +620,19 @@
   </style>
 </head>
 <body>
+  <!-- Header -->
+  <header class="app-bar">
+    <div class="app-bar__container">
+      <div class="app-bar__left">
+        <svg class="app-bar__back" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" onclick="history.back()">
+          <path d="M19 12H5M12 19l-7-7 7-7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+      </div>
+      <h1 class="app-bar__title">참여 완료</h1>
+      <div class="app-bar__right"></div>
+    </div>
+  </header>
+
   <!-- Confetti Container -->
   <div class="confetti" id="confetti"></div>
 
