diff --git a/package.json b/package.json
index 2a48f59..f38b46f 100644
--- a/package.json
+++ b/package.json
@@ -81,5 +81,6 @@
     "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2",
     "typescript": "^5"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }
diff --git a/public/assets/icon-arrow.svg b/public/assets/icon-arrow.svg
new file mode 100644
index 0000000..66fc891
--- /dev/null
+++ b/public/assets/icon-arrow.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Vector" d="M7 13L1 7L7 1" stroke="#6C7887" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/assets/icon-hamburger.svg b/public/assets/icon-hamburger.svg
new file mode 100644
index 0000000..5b98610
--- /dev/null
+++ b/public/assets/icon-hamburger.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ci:hamburger-md">
+<path id="Vector" d="M5 17H19M5 12H19M5 7H19" stroke="#C2C5C7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/src/app/mobile/page.tsx b/src/app/mobile/page.tsx
index 5b0ca6f..8c6e7b9 100644
--- a/src/app/mobile/page.tsx
+++ b/src/app/mobile/page.tsx
@@ -1,12 +1,14 @@
 import MobileLayout from '@/components/mobile/layout';
+import Header from '@/components/mobile/Header';
 
 export default function Mobile() {
   return (
     <MobileLayout>
-      <div className="w-full bg-main-primary">
+      {/* <div className="w-full bg-main-primary">
         <h1>국민대학교 소프트웨어융합대학</h1>
         <p className="text-3xl font-bold">복지물품 대여 시스템</p>
-      </div>
+      </div> */}
+      <Header title="관리자 대시보드" menu />
     </MobileLayout>
   );
 }
diff --git a/src/components/mobile/Header/index.tsx b/src/components/mobile/Header/index.tsx
new file mode 100644
index 0000000..4b5b8af
--- /dev/null
+++ b/src/components/mobile/Header/index.tsx
@@ -0,0 +1,38 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import IconArrow from 'public/assets/icon-arrow.svg';
+import IconHamburger from 'public/assets/icon-hamburger.svg';
+
+interface HeaderProps {
+  title: string;
+  menu?: boolean;
+}
+
+export default function Header({ title, menu = false }: HeaderProps) {
+  const router = useRouter();
+
+  return (
+    <section className="flex h-8 w-full items-center justify-between px-4 py-1.5">
+      <button
+        className="h-6 w-6 items-center justify-center"
+        type="button"
+        onClick={() => router.back()}
+      >
+        <IconArrow />
+      </button>
+      <div className="font-medium text-black-primary">{title}</div>
+      {menu ? (
+        <button
+          className="h-6 w-6 items-center justify-center"
+          type="button"
+          onClick={() => console.log('사이드바 오픈!')}
+        >
+          <IconHamburger />
+        </button>
+      ) : (
+        <div className="h-6 w-6" />
+      )}
+    </section>
+  );
+}