diff --git a/design/uiux/prototype/01-회원가입.html b/design/uiux/prototype/01-회원가입.html
index 04455e4..9bcc971 100644
--- a/design/uiux/prototype/01-회원가입.html
+++ b/design/uiux/prototype/01-회원가입.html
@@ -17,7 +17,7 @@
   <link rel="stylesheet" href="css/common.css">
   <link rel="stylesheet" href="css/components/buttons.css">
   <link rel="stylesheet" href="css/components/inputs.css">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <link rel="stylesheet" href="css/components/modals.css">
 </head>
 <body>
diff --git a/design/uiux/prototype/02-매장정보등록.html b/design/uiux/prototype/02-매장정보등록.html
index a6492c6..9caefcc 100644
--- a/design/uiux/prototype/02-매장정보등록.html
+++ b/design/uiux/prototype/02-매장정보등록.html
@@ -17,7 +17,7 @@
   <link rel="stylesheet" href="css/common.css">
   <link rel="stylesheet" href="css/components/buttons.css">
   <link rel="stylesheet" href="css/components/inputs.css">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <link rel="stylesheet" href="css/components/modals.css">
 
   <style>
diff --git a/design/uiux/prototype/03-홈화면.html b/design/uiux/prototype/03-홈화면.html
index 6264c16..b88a290 100644
--- a/design/uiux/prototype/03-홈화면.html
+++ b/design/uiux/prototype/03-홈화면.html
@@ -17,7 +17,7 @@
   <link rel="stylesheet" href="css/common.css">
   <link rel="stylesheet" href="css/components/buttons.css">
   <link rel="stylesheet" href="css/components/cards.css">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
 
   <style>
     /* Home Screen Specific Styles */
diff --git a/design/uiux/prototype/04-이벤트목적선택.html b/design/uiux/prototype/04-이벤트목적선택.html
index 820c2a7..4ba39ed 100644
--- a/design/uiux/prototype/04-이벤트목적선택.html
+++ b/design/uiux/prototype/04-이벤트목적선택.html
@@ -17,7 +17,7 @@
   <link rel="stylesheet" href="css/common.css">
   <link rel="stylesheet" href="css/components/buttons.css">
   <link rel="stylesheet" href="css/components/cards.css">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
 
   <style>
     /* Event Purpose Selection Specific Styles */
diff --git a/design/uiux/prototype/05-AI트렌드분석결과.html b/design/uiux/prototype/05-AI트렌드분석결과.html
index 199ef29..65b338b 100644
--- a/design/uiux/prototype/05-AI트렌드분석결과.html
+++ b/design/uiux/prototype/05-AI트렌드분석결과.html
@@ -17,7 +17,7 @@
   <link rel="stylesheet" href="css/common.css">
   <link rel="stylesheet" href="css/components/buttons.css">
   <link rel="stylesheet" href="css/components/cards.css">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <link rel="stylesheet" href="css/components/loaders.css">
 
   <style>
diff --git a/design/uiux/prototype/06-AI이벤트상품추천.html b/design/uiux/prototype/06-AI이벤트상품추천.html
index ba9b84a..e092ea6 100644
--- a/design/uiux/prototype/06-AI이벤트상품추천.html
+++ b/design/uiux/prototype/06-AI이벤트상품추천.html
@@ -17,7 +17,7 @@
   <link rel="stylesheet" href="css/common.css">
   <link rel="stylesheet" href="css/components/buttons.css">
   <link rel="stylesheet" href="css/components/cards.css">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
 
   <style>
     /* AI Prize Recommendation Specific Styles */
@@ -272,7 +272,7 @@
     <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">
+          <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>
diff --git a/design/uiux/prototype/07-AI참여방법설계.html b/design/uiux/prototype/07-AI참여방법설계.html
index c81de07..59fc0f5 100644
--- a/design/uiux/prototype/07-AI참여방법설계.html
+++ b/design/uiux/prototype/07-AI참여방법설계.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>AI 참여 방법 설계 - KT AI 이벤트 플랫폼</title>
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* CSS Reset */
     * {
diff --git a/design/uiux/prototype/08-AI홍보문구생성.html b/design/uiux/prototype/08-AI홍보문구생성.html
index 5ddff3b..7f20968 100644
--- a/design/uiux/prototype/08-AI홍보문구생성.html
+++ b/design/uiux/prototype/08-AI홍보문구생성.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>AI 홍보 문구 생성 - KT 이벤트 마케팅</title>
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* CSS Variables */
     :root {
diff --git a/design/uiux/prototype/09-이벤트기획안승인.html b/design/uiux/prototype/09-이벤트기획안승인.html
index 8766ca5..c1c27b3 100644
--- a/design/uiux/prototype/09-이벤트기획안승인.html
+++ b/design/uiux/prototype/09-이벤트기획안승인.html
@@ -8,7 +8,7 @@
   <link rel="stylesheet" href="css/reset.css">
   <link rel="stylesheet" href="css/layout.css">
   <link rel="stylesheet" href="css/common.css">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* Content */
     .approval-content {
diff --git a/design/uiux/prototype/10-AI영상제작.html b/design/uiux/prototype/10-AI영상제작.html
index e2072fd..47c8d4c 100644
--- a/design/uiux/prototype/10-AI영상제작.html
+++ b/design/uiux/prototype/10-AI영상제작.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>AI 영상 제작 - KT 이벤트 마케팅</title>
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* CSS Variables */
     :root {
diff --git a/design/uiux/prototype/11-SNS콘텐츠생성.html b/design/uiux/prototype/11-SNS콘텐츠생성.html
index 34b6d86..9be28f3 100644
--- a/design/uiux/prototype/11-SNS콘텐츠생성.html
+++ b/design/uiux/prototype/11-SNS콘텐츠생성.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SNS 콘텐츠 생성 - KT 이벤트 마케팅</title>
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* CSS Variables */
     :root {
diff --git a/design/uiux/prototype/12-QR포스터생성.html b/design/uiux/prototype/12-QR포스터생성.html
index c6aaca9..229c337 100644
--- a/design/uiux/prototype/12-QR포스터생성.html
+++ b/design/uiux/prototype/12-QR포스터생성.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>QR 포스터 생성 - KT 이벤트 마케팅</title>
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* CSS Variables */
     :root {
diff --git a/design/uiux/prototype/13-콘텐츠편집.html b/design/uiux/prototype/13-콘텐츠편집.html
index 3147aad..6df1967 100644
--- a/design/uiux/prototype/13-콘텐츠편집.html
+++ b/design/uiux/prototype/13-콘텐츠편집.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>콘텐츠 편집 - KT 이벤트 마케팅</title>
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* CSS Variables */
     :root {
diff --git a/design/uiux/prototype/14-콘텐츠최종승인.html b/design/uiux/prototype/14-콘텐츠최종승인.html
index 0e8f8ab..4fc5151 100644
--- a/design/uiux/prototype/14-콘텐츠최종승인.html
+++ b/design/uiux/prototype/14-콘텐츠최종승인.html
@@ -8,7 +8,7 @@
   <link rel="stylesheet" href="css/reset.css">
   <link rel="stylesheet" href="css/layout.css">
   <link rel="stylesheet" href="css/common.css">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <style>
     /* Content */
     .approval-content {
diff --git a/design/uiux/prototype/20-당첨자명단관리.html b/design/uiux/prototype/20-당첨자명단관리.html
index 1e60b22..a8ce22c 100644
--- a/design/uiux/prototype/20-당첨자명단관리.html
+++ b/design/uiux/prototype/20-당첨자명단관리.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <title>당첨자 명단 관리 - KT AI 이벤트 플랫폼</title>
   <style>
     /* CSS Reset */
diff --git a/design/uiux/prototype/21-실시간대시보드.html b/design/uiux/prototype/21-실시간대시보드.html
index f054424..2169ed5 100644
--- a/design/uiux/prototype/21-실시간대시보드.html
+++ b/design/uiux/prototype/21-실시간대시보드.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <title>실시간 대시보드 - KT AI 이벤트 플랫폼</title>
   <style>
     /* CSS Reset */
diff --git a/design/uiux/prototype/22-채널별성과분석.html b/design/uiux/prototype/22-채널별성과분석.html
index bb97f09..3e936b2 100644
--- a/design/uiux/prototype/22-채널별성과분석.html
+++ b/design/uiux/prototype/22-채널별성과분석.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <title>채널별 성과 분석 - KT AI 이벤트 플랫폼</title>
   <style>
     /* CSS Reset */
diff --git a/design/uiux/prototype/23-ROI분석.html b/design/uiux/prototype/23-ROI분석.html
index bfd08d9..0e3dfff 100644
--- a/design/uiux/prototype/23-ROI분석.html
+++ b/design/uiux/prototype/23-ROI분석.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <title>ROI 분석 - KT AI 이벤트 플랫폼</title>
   <style>
     /* CSS Reset */
diff --git a/design/uiux/prototype/24-분석리포트.html b/design/uiux/prototype/24-분석리포트.html
index 7635950..4341706 100644
--- a/design/uiux/prototype/24-분석리포트.html
+++ b/design/uiux/prototype/24-분석리포트.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <title>분석 리포트 - KT AI 이벤트 플랫폼</title>
   <style>
     /* CSS Reset */
diff --git a/design/uiux/prototype/25-이벤트목록.html b/design/uiux/prototype/25-이벤트목록.html
index 79a1aa4..95afbf4 100644
--- a/design/uiux/prototype/25-이벤트목록.html
+++ b/design/uiux/prototype/25-이벤트목록.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <title>이벤트 목록 - KT AI 이벤트 플랫폼</title>
   <style>
     /* CSS Reset */
diff --git a/design/uiux/prototype/26-마이페이지.html b/design/uiux/prototype/26-마이페이지.html
index bf8526c..6759180 100644
--- a/design/uiux/prototype/26-마이페이지.html
+++ b/design/uiux/prototype/26-마이페이지.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="css/components/navigation.css">
+  <link rel="stylesheet" href="css/navigation.css">
   <title>마이페이지 - KT AI 이벤트 플랫폼</title>
   <style>
     /* CSS Reset */
diff --git a/design/uiux/prototype/css/navigation.css b/design/uiux/prototype/css/navigation.css
new file mode 100644
index 0000000..05b28fd
--- /dev/null
+++ b/design/uiux/prototype/css/navigation.css
@@ -0,0 +1,45 @@
+/* ========================================
+   Navigation Bar (App Bar)
+   ======================================== */
+
+.app-bar {
+  background: var(--color-white, #FFFFFF);
+  padding: 16px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  position: sticky;
+  top: 0;
+  z-index: 1020;
+}
+
+.app-bar__container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.app-bar__left,
+.app-bar__right {
+  width: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.app-bar__title {
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--color-text-primary, #212121);
+  flex: 1;
+  text-align: center;
+}
+
+.app-bar__back {
+  cursor: pointer;
+  color: var(--color-text-primary, #212121);
+}
+
+.app-bar__back:hover {
+  opacity: 0.7;
+}
