diff --git a/src/app/(private)/admin/layout.tsx b/src/app/(private)/admin/layout.tsx
index 4190c74..0797ccc 100644
--- a/src/app/(private)/admin/layout.tsx
+++ b/src/app/(private)/admin/layout.tsx
@@ -1,7 +1,20 @@
+import { Header } from '@/components/admin/layout/Header';
+import { LNB } from '@/components/admin/layout/LNB';
+
 export default function AdminLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-  return <div data-admin>{children}</div>;
+  return (
+    <div data-admin className="flex h-screen flex-col">
+      <div className="flex flex-1 overflow-hidden">
+        <LNB />
+        <main className="bg-container-neutral flex-1 overflow-auto">
+          <Header />
+          {children}
+        </main>
+      </div>
+    </div>
+  );
 }
diff --git a/src/assets/icons/admin/ic_admin_absence.svg b/src/assets/icons/admin/ic_admin_absence.svg
new file mode 100644
index 0000000..6971867
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_absence.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.71 8.29C15.617 8.19627 15.5064 8.12188 15.3846 8.07111C15.2627 8.02034 15.132 7.9942 15 7.9942C14.868 7.9942 14.7373 8.02034 14.6154 8.07111C14.4936 8.12188 14.383 8.19627 14.29 8.29L12 10.59L9.71 8.29C9.5217 8.1017 9.2663 7.99591 9 7.99591C8.7337 7.99591 8.4783 8.1017 8.29 8.29C8.1017 8.4783 7.99591 8.7337 7.99591 9C7.99591 9.2663 8.1017 9.5217 8.29 9.71L10.59 12L8.29 14.29C8.19627 14.383 8.12188 14.4936 8.07111 14.6154C8.02034 14.7373 7.9942 14.868 7.9942 15C7.9942 15.132 8.02034 15.2627 8.07111 15.3846C8.12188 15.5064 8.19627 15.617 8.29 15.71C8.38296 15.8037 8.49356 15.8781 8.61542 15.9289C8.73728 15.9797 8.86799 16.0058 9 16.0058C9.13201 16.0058 9.26272 15.9797 9.38458 15.9289C9.50644 15.8781 9.61704 15.8037 9.71 15.71L12 13.41L14.29 15.71C14.383 15.8037 14.4936 15.8781 14.6154 15.9289C14.7373 15.9797 14.868 16.0058 15 16.0058C15.132 16.0058 15.2627 15.9797 15.3846 15.9289C15.5064 15.8781 15.617 15.8037 15.71 15.71C15.8037 15.617 15.8781 15.5064 15.9289 15.3846C15.9797 15.2627 16.0058 15.132 16.0058 15C16.0058 14.868 15.9797 14.7373 15.9289 14.6154C15.8781 14.4936 15.8037 14.383 15.71 14.29L13.41 12L15.71 9.71C15.8037 9.61704 15.8781 9.50644 15.9289 9.38458C15.9797 9.26272 16.0058 9.13201 16.0058 9C16.0058 8.86799 15.9797 8.73728 15.9289 8.61542C15.8781 8.49356 15.8037 8.38296 15.71 8.29ZM19 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V5C22 4.20435 21.6839 3.44129 21.1213 2.87868C20.5587 2.31607 19.7956 2 19 2ZM20 19C20 19.2652 19.8946 19.5196 19.7071 19.7071C19.5196 19.8946 19.2652 20 19 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H19C19.2652 4 19.5196 4.10536 19.7071 4.29289C19.8946 4.48043 20 4.73478 20 5V19Z" fill="#FF5858"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_attendance.svg b/src/assets/icons/admin/ic_admin_attendance.svg
new file mode 100644
index 0000000..837e944
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_attendance.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="current" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.7 5.3C20.3 4.9 19.7 4.9 19.3 5.3L11.8 12.8L8.7 9.7C8.3 9.3 7.7 9.3 7.3 9.7C6.9 10.1 6.9 10.7 7.3 11.1L11.1 14.9C11.3 15.1 11.5 15.2 11.8 15.2C12.1 15.2 12.3 15.1 12.5 14.9L20.7 6.7C21.1 6.3 21.1 5.7 20.7 5.3Z" fill="current"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C13.3403 4 14.6037 4.32963 15.7134 4.91224C16.1441 5.13834 16.68 5.09154 17.024 4.74759C17.4676 4.30401 17.4103 3.56516 16.8624 3.25969C15.4231 2.45722 13.7649 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 11.4673 21.9583 10.9443 21.8781 10.4341C21.7546 9.64896 20.8084 9.42001 20.2464 9.98199C19.9914 10.237 19.8866 10.6024 19.933 10.96C19.9772 11.3004 20 11.6475 20 12Z" fill="current"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_backarrow.svg b/src/assets/icons/admin/ic_admin_backarrow.svg
new file mode 100644
index 0000000..e1a3abb
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_backarrow.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9999 4.99994H3.4099L6.7099 1.70994C6.8982 1.52164 7.00399 1.26624 7.00399 0.999941C7.00399 0.73364 6.8982 0.478245 6.7099 0.289941C6.52159 0.101638 6.2662 -0.00415039 5.9999 -0.00415039C5.73359 -0.00415039 5.4782 0.101638 5.2899 0.289941L0.289896 5.28994C0.198856 5.38505 0.127491 5.49719 0.0798963 5.61994C-0.0201217 5.8634 -0.0201217 6.13648 0.0798963 6.37994C0.127491 6.50269 0.198856 6.61484 0.289896 6.70994L5.2899 11.7099C5.38286 11.8037 5.49346 11.8781 5.61532 11.9288C5.73718 11.9796 5.86788 12.0057 5.9999 12.0057C6.13191 12.0057 6.26261 11.9796 6.38447 11.9288C6.50633 11.8781 6.61693 11.8037 6.7099 11.7099C6.80363 11.617 6.87802 11.5064 6.92879 11.3845C6.97956 11.2627 7.00569 11.132 7.00569 10.9999C7.00569 10.8679 6.97956 10.7372 6.92879 10.6154C6.87802 10.4935 6.80363 10.3829 6.7099 10.2899L3.4099 6.99994H10.9999C11.2651 6.99994 11.5195 6.89458 11.707 6.70705C11.8945 6.51951 11.9999 6.26516 11.9999 5.99994C11.9999 5.73472 11.8945 5.48037 11.707 5.29283C11.5195 5.1053 11.2651 4.99994 10.9999 4.99994Z" fill="white"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_cardinal.svg b/src/assets/icons/admin/ic_admin_cardinal.svg
new file mode 100644
index 0000000..45ce06c
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_cardinal.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" transform="rotate(180)">
+<path d="M7.1002 14.8C7.5002 15.2 8.1002 15.2 8.5002 14.8L12.0002 11.3L15.5002 14.8C15.9002 15.2 16.5002 15.2 16.9002 14.8C17.3002 14.4 17.3002 13.8 16.9002 13.4L12.7002 9.19997C12.5002 8.99997 12.3002 8.89997 12.0002 8.89997C11.7002 8.89997 11.5002 8.99997 11.3002 9.19997L7.1002 13.4C6.7002 13.8 6.7002 14.4 7.1002 14.8Z" fill="black"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_change.svg b/src/assets/icons/admin/ic_admin_change.svg
new file mode 100644
index 0000000..d4b91eb
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_change.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.58366 14.5833H3.33366V5.41668H9.83366L9.16699 6.07501C9.01007 6.23082 8.92148 6.44259 8.9207 6.66373C8.91991 6.88487 9.00701 7.09726 9.16283 7.25418C9.31864 7.4111 9.53041 7.49969 9.75155 7.50047C9.97268 7.50125 10.1851 7.41416 10.342 7.25834L12.4253 5.17501C12.5034 5.09754 12.5654 5.00537 12.6077 4.90382C12.65 4.80227 12.6718 4.69335 12.6718 4.58334C12.6718 4.47333 12.65 4.36441 12.6077 4.26286C12.5654 4.16131 12.5034 4.06915 12.4253 3.99168L10.342 1.90834C10.1859 1.75313 9.97465 1.66602 9.75449 1.66602C9.53434 1.66602 9.32313 1.75313 9.16699 1.90834C9.08889 1.98581 9.02689 2.07798 8.98458 2.17953C8.94228 2.28108 8.92049 2.39 8.92049 2.50001C8.92049 2.61002 8.94228 2.71894 8.98458 2.82049C9.02689 2.92204 9.08889 3.01421 9.16699 3.09168L9.82533 3.75001H2.50033C2.27931 3.75001 2.06735 3.83781 1.91107 3.99409C1.75479 4.15037 1.66699 4.36233 1.66699 4.58334V15.4167C1.66699 15.6377 1.75479 15.8497 1.91107 16.0059C2.06735 16.1622 2.27931 16.25 2.50033 16.25H4.58366C4.80467 16.25 5.01663 16.1622 5.17291 16.0059C5.32919 15.8497 5.41699 15.6377 5.41699 15.4167C5.41699 15.1957 5.32919 14.9837 5.17291 14.8274C5.01663 14.6711 4.80467 14.5833 4.58366 14.5833ZM17.5003 3.75001H15.417C15.196 3.75001 14.984 3.83781 14.8277 3.99409C14.6715 4.15037 14.5837 4.36233 14.5837 4.58334C14.5837 4.80436 14.6715 5.01632 14.8277 5.1726C14.984 5.32888 15.196 5.41668 15.417 5.41668H16.667V14.5833H9.69199L10.3503 13.925C10.4284 13.8475 10.4904 13.7554 10.5327 13.6538C10.575 13.5523 10.5968 13.4434 10.5968 13.3333C10.5968 13.2233 10.575 13.1144 10.5327 13.0129C10.4904 12.9113 10.4284 12.8191 10.3503 12.7417C10.1942 12.5865 9.98298 12.4993 9.76283 12.4993C9.54267 12.4993 9.33146 12.5865 9.17533 12.7417L7.09199 14.825C7.01389 14.9025 6.95189 14.9946 6.90958 15.0962C6.86728 15.1977 6.84549 15.3067 6.84549 15.4167C6.84549 15.5267 6.86728 15.6356 6.90958 15.7372C6.95189 15.8387 7.01389 15.9309 7.09199 16.0083L9.17533 18.0917C9.33225 18.2475 9.54464 18.3346 9.76577 18.3338C9.98691 18.333 10.1987 18.2444 10.3545 18.0875C10.5103 17.9306 10.5974 17.7182 10.5966 17.4971C10.5958 17.2759 10.5072 17.0642 10.3503 16.9083L9.69199 16.25H17.5003C17.7213 16.25 17.9333 16.1622 18.0896 16.0059C18.2459 15.8497 18.3337 15.6377 18.3337 15.4167V4.58334C18.3337 4.36233 18.2459 4.15037 18.0896 3.99409C17.9333 3.83781 17.7213 3.75001 17.5003 3.75001Z" fill="black"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_check.svg b/src/assets/icons/admin/ic_admin_check.svg
new file mode 100644
index 0000000..a0e539c
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_check.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.21 14.75C10.303 14.8437 10.4136 14.9181 10.5354 14.9689C10.6573 15.0197 10.788 15.0458 10.92 15.0458C11.052 15.0458 11.1827 15.0197 11.3046 14.9689C11.4264 14.9181 11.537 14.8437 11.63 14.75L15.71 10.67C15.8983 10.4817 16.0041 10.2263 16.0041 9.96C16.0041 9.6937 15.8983 9.4383 15.71 9.25C15.5217 9.0617 15.2663 8.95591 15 8.95591C14.7337 8.95591 14.4783 9.0617 14.29 9.25L10.92 12.63L9.71 11.41C9.5217 11.2217 9.2663 11.1159 9 11.1159C8.7337 11.1159 8.4783 11.2217 8.29 11.41C8.1017 11.5983 7.99591 11.8537 7.99591 12.12C7.99591 12.3863 8.1017 12.6417 8.29 12.83L10.21 14.75ZM21 2H3C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H21C21.2652 22 21.5196 21.8946 21.7071 21.7071C21.8946 21.5196 22 21.2652 22 21V3C22 2.73478 21.8946 2.48043 21.7071 2.29289C21.5196 2.10536 21.2652 2 21 2ZM20 20H4V4H20V20Z" fill="#508FFF"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_checkbox.svg b/src/assets/icons/admin/ic_admin_checkbox.svg
new file mode 100644
index 0000000..8eaed53
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_checkbox.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 2H3C2.4 2 2 2.4 2 3V21C2 21.6 2.4 22 3 22H21C21.6 22 22 21.6 22 21V3C22 2.4 21.6 2 21 2ZM17.7 9.3L10.9 16.1C10.5 16.5 9.9 16.5 9.5 16.1L6.3 12.9C5.9 12.5 5.9 11.9 6.3 11.5C6.7 11.1 7.3 11.1 7.7 11.5L10.2 14L16.3 7.9C16.7 7.5 17.3 7.5 17.7 7.9C18.1 8.3 18.1 8.9 17.7 9.3Z" fill="black"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_circle_check.svg b/src/assets/icons/admin/ic_admin_circle_check.svg
new file mode 100644
index 0000000..ff37652
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_circle_check.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.72 8.79L10.43 13.09L8.78 11.44C8.69036 11.3353 8.58004 11.2503 8.45597 11.1903C8.33191 11.1303 8.19678 11.0965 8.05906 11.0912C7.92134 11.0859 7.78401 11.1091 7.65568 11.1594C7.52736 11.2096 7.41081 11.2859 7.31335 11.3833C7.2159 11.4808 7.13964 11.5974 7.08937 11.7257C7.03909 11.854 7.01589 11.9913 7.02121 12.1291C7.02653 12.2668 7.06026 12.4019 7.12028 12.526C7.1803 12.65 7.26532 12.7604 7.37 12.85L9.72 15.21C9.81344 15.3027 9.92426 15.376 10.0461 15.4258C10.1679 15.4755 10.2984 15.5008 10.43 15.5C10.6923 15.4989 10.9437 15.3947 11.13 15.21L16.13 10.21C16.2237 10.117 16.2981 10.0064 16.3489 9.88458C16.3997 9.76272 16.4258 9.63201 16.4258 9.5C16.4258 9.36799 16.3997 9.23728 16.3489 9.11542C16.2981 8.99356 16.2237 8.88296 16.13 8.79C15.9426 8.60375 15.6892 8.49921 15.425 8.49921C15.1608 8.49921 14.9074 8.60375 14.72 8.79ZM12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 20C10.4178 20 8.87104 19.5308 7.55544 18.6518C6.23985 17.7727 5.21447 16.5233 4.60897 15.0615C4.00347 13.5997 3.84504 11.9911 4.15372 10.4393C4.4624 8.88743 5.22433 7.46197 6.34315 6.34315C7.46197 5.22433 8.88743 4.4624 10.4393 4.15372C11.9911 3.84504 13.5997 4.00346 15.0615 4.60896C16.5233 5.21447 17.7727 6.23984 18.6518 7.55544C19.5308 8.87103 20 10.4177 20 12C20 14.1217 19.1572 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20Z" fill="black"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_close.svg b/src/assets/icons/admin/ic_admin_close.svg
new file mode 100644
index 0000000..7b5e0c6
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_close.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.4099 12L19.7099 5.71C19.8982 5.5217 20.004 5.2663 20.004 5C20.004 4.7337 19.8982 4.47831 19.7099 4.29C19.5216 4.1017 19.2662 3.99591 18.9999 3.99591C18.7336 3.99591 18.4782 4.1017 18.2899 4.29L11.9999 10.59L5.70994 4.29C5.52164 4.1017 5.26624 3.99591 4.99994 3.99591C4.73364 3.99591 4.47824 4.1017 4.28994 4.29C4.10164 4.47831 3.99585 4.7337 3.99585 5C3.99585 5.2663 4.10164 5.5217 4.28994 5.71L10.5899 12L4.28994 18.29C4.19621 18.383 4.12182 18.4936 4.07105 18.6154C4.02028 18.7373 3.99414 18.868 3.99414 19C3.99414 19.132 4.02028 19.2627 4.07105 19.3846C4.12182 19.5064 4.19621 19.617 4.28994 19.71C4.3829 19.8037 4.4935 19.8781 4.61536 19.9289C4.73722 19.9797 4.86793 20.0058 4.99994 20.0058C5.13195 20.0058 5.26266 19.9797 5.38452 19.9289C5.50638 19.8781 5.61698 19.8037 5.70994 19.71L11.9999 13.41L18.2899 19.71C18.3829 19.8037 18.4935 19.8781 18.6154 19.9289C18.7372 19.9797 18.8679 20.0058 18.9999 20.0058C19.132 20.0058 19.2627 19.9797 19.3845 19.9289C19.5064 19.8781 19.617 19.8037 19.7099 19.71C19.8037 19.617 19.8781 19.5064 19.9288 19.3846C19.9796 19.2627 20.0057 19.132 20.0057 19C20.0057 18.868 19.9796 18.7373 19.9288 18.6154C19.8781 18.4936 19.8037 18.383 19.7099 18.29L13.4099 12Z" fill="black"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_column_meatball.svg b/src/assets/icons/admin/ic_admin_column_meatball.svg
new file mode 100644
index 0000000..66882c4
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_column_meatball.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_816_10897)">
+<path d="M12 10C11.6044 10 11.2178 10.1173 10.8889 10.3371C10.56 10.5568 10.3036 10.8692 10.1522 11.2346C10.0009 11.6001 9.96126 12.0022 10.0384 12.3902C10.1156 12.7781 10.3061 13.1345 10.5858 13.4142C10.8655 13.6939 11.2219 13.8844 11.6098 13.9616C11.9978 14.0387 12.3999 13.9991 12.7654 13.8478C13.1308 13.6964 13.4432 13.44 13.6629 13.1111C13.8827 12.7822 14 12.3956 14 12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10Z" fill="black"/>
+<path d="M10.8889 3.33706C11.2178 3.1173 11.6044 3 12 3C12.5304 3 13.0391 3.21071 13.4142 3.58579C13.7893 3.96086 14 4.46957 14 5C14 5.39556 13.8827 5.78224 13.6629 6.11114C13.4432 6.44004 13.1308 6.69638 12.7654 6.84776C12.3999 6.99913 11.9978 7.03874 11.6098 6.96157C11.2219 6.8844 10.8655 6.69392 10.5858 6.41421C10.3061 6.13451 10.1156 5.77814 10.0384 5.39018C9.96126 5.00222 10.0009 4.60009 10.1522 4.23463C10.3036 3.86918 10.56 3.55682 10.8889 3.33706Z" fill="black"/>
+<path d="M10.8889 17.3371C11.2178 17.1173 11.6044 17 12 17C12.5304 17 13.0391 17.2107 13.4142 17.5858C13.7893 17.9609 14 18.4696 14 19C14 19.3956 13.8827 19.7822 13.6629 20.1111C13.4432 20.44 13.1308 20.6964 12.7654 20.8478C12.3999 20.9991 11.9978 21.0387 11.6098 20.9616C11.2219 20.8844 10.8655 20.6939 10.5858 20.4142C10.3061 20.1345 10.1156 19.7781 10.0384 19.3902C9.96126 19.0022 10.0009 18.6001 10.1522 18.2346C10.3036 17.8692 10.56 17.5568 10.8889 17.3371Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_816_10897">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_due.svg b/src/assets/icons/admin/ic_admin_due.svg
new file mode 100644
index 0000000..82bf746
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_due.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="current" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 11H16C15.7348 11 15.4804 11.1054 15.2929 11.2929C15.1054 11.4804 15 11.7348 15 12C15 12.2652 15.1054 12.5196 15.2929 12.7071C15.4804 12.8946 15.7348 13 16 13H17C17.2652 13 17.5196 12.8946 17.7071 12.7071C17.8946 12.5196 18 12.2652 18 12C18 11.7348 17.8946 11.4804 17.7071 11.2929C17.5196 11.1054 17.2652 11 17 11ZM17 15H16C15.7348 15 15.4804 15.1054 15.2929 15.2929C15.1054 15.4804 15 15.7348 15 16C15 16.2652 15.1054 16.5196 15.2929 16.7071C15.4804 16.8946 15.7348 17 16 17H17C17.2652 17 17.5196 16.8946 17.7071 16.7071C17.8946 16.5196 18 16.2652 18 16C18 15.7348 17.8946 15.4804 17.7071 15.2929C17.5196 15.1054 17.2652 15 17 15ZM11 9H17C17.2652 9 17.5196 8.89464 17.7071 8.70711C17.8946 8.51957 18 8.26522 18 8C18 7.73478 17.8946 7.48043 17.7071 7.29289C17.5196 7.10536 17.2652 7 17 7H11C10.7348 7 10.4804 7.10536 10.2929 7.29289C10.1054 7.48043 10 7.73478 10 8C10 8.26522 10.1054 8.51957 10.2929 8.70711C10.4804 8.89464 10.7348 9 11 9ZM21 3H7C6.73478 3 6.48043 3.10536 6.29289 3.29289C6.10536 3.48043 6 3.73478 6 4V7H3C2.73478 7 2.48043 7.10536 2.29289 7.29289C2.10536 7.48043 2 7.73478 2 8V18C2 18.7956 2.31607 19.5587 2.87868 20.1213C3.44129 20.6839 4.20435 21 5 21H18C19.0609 21 20.0783 20.5786 20.8284 19.8284C21.5786 19.0783 22 18.0609 22 17V4C22 3.73478 21.8946 3.48043 21.7071 3.29289C21.5196 3.10536 21.2652 3 21 3ZM6 18C6 18.2652 5.89464 18.5196 5.70711 18.7071C5.51957 18.8946 5.26522 19 5 19C4.73478 19 4.48043 18.8946 4.29289 18.7071C4.10536 18.5196 4 18.2652 4 18V9H6V18ZM20 17C20 17.5304 19.7893 18.0391 19.4142 18.4142C19.0391 18.7893 18.5304 19 18 19H7.82C7.93642 18.6793 7.9973 18.3411 8 18V5H20V17ZM11 13H12C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11H11C10.7348 11 10.4804 11.1054 10.2929 11.2929C10.1054 11.4804 10 11.7348 10 12C10 12.2652 10.1054 12.5196 10.2929 12.7071C10.4804 12.8946 10.7348 13 11 13ZM11 17H12C12.2652 17 12.5196 16.8946 12.7071 16.7071C12.8946 16.5196 13 16.2652 13 16C13 15.7348 12.8946 15.4804 12.7071 15.2929C12.5196 15.1054 12.2652 15 12 15H11C10.7348 15 10.4804 15.1054 10.2929 15.2929C10.1054 15.4804 10 15.7348 10 16C10 16.2652 10.1054 16.5196 10.2929 16.7071C10.4804 16.8946 10.7348 17 11 17Z" fill="current"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_manual.svg b/src/assets/icons/admin/ic_admin_manual.svg
new file mode 100644
index 0000000..a02c343
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_manual.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="current" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4 14.8285L10.3 18.75C8.6 20.45 5.9 20.45 4.3 18.75C2.6 17.05 2.6 14.35 4.3 12.75L12.3 4.75C13.3 3.85 14.8 3.85 15.8 4.75C16.8 5.75 16.8 7.35 15.8 8.25L8.9 15.15C8.6 15.45 8.1 15.45 7.8 15.15C7.5 14.85 7.5 14.35 7.8 14.05L12.9 8.95C13.3 8.55 13.3 7.95 12.9 7.55C12.5 7.15 11.9 7.15 11.5 7.55L6.4 12.75C5.3 13.85 5.3 15.55 6.4 16.65C7.5 17.65 9.2 17.65 10.3 16.65L17.2 9.75C19 7.95 19 5.15 17.2 3.35C15.4 1.55 12.6 1.55 10.8 3.35L2.8 11.35C1.6 12.55 1 14.15 1 15.75C1 19.25 3.8 21.95 7.3 21.95C9 21.95 10.5 21.25 11.7 20.15L15.8 16.2285C16.2 15.8285 16.2 15.2285 15.8 14.8285C15.4 14.4285 14.8 14.4285 14.4 14.8285Z" fill="current"/>
+<path d="M18.9747 14.1689L15.7119 14.176C15.5794 14.176 15.4481 14.1499 15.3256 14.0992C15.2032 14.0485 15.0919 13.9741 14.9982 13.8804C14.9044 13.7866 14.8301 13.6754 14.7794 13.5529C14.7286 13.4304 14.7025 13.2992 14.7025 13.1666C14.7025 13.0341 14.7286 12.9028 14.7794 12.7803C14.8301 12.6579 14.9044 12.5466 14.9982 12.4529C15.0919 12.3591 15.2032 12.2848 15.3256 12.2341C15.4481 12.1833 15.5794 12.1572 15.7119 12.1572L21.3986 12.1572C21.531 12.1601 21.6614 12.1891 21.7825 12.2425C22.0267 12.3445 22.2208 12.5386 22.3227 12.7828C22.3762 12.9039 22.4051 13.0343 22.408 13.1666L22.408 18.8533C22.4086 18.9861 22.3828 19.1176 22.3323 19.2403C22.2818 19.363 22.2074 19.4745 22.1136 19.5683C22.0198 19.6621 21.9083 19.7365 21.7856 19.787C21.6629 19.8375 21.5313 19.8633 21.3986 19.8627C21.2659 19.8633 21.1344 19.8375 21.0117 19.787C20.889 19.7365 20.7775 19.6621 20.6837 19.5683C20.5898 19.4745 20.5155 19.363 20.465 19.2403C20.4144 19.1176 20.3887 18.9861 20.3892 18.8533L20.3964 15.5906L13.5794 22.4075C13.3909 22.5961 13.1352 22.702 12.8686 22.702C12.6019 22.702 12.3462 22.5961 12.1577 22.4075C11.9692 22.219 11.8633 21.9633 11.8633 21.6967C11.8633 21.4301 11.9692 21.1744 12.1577 20.9859L18.9747 14.1689Z" fill="current"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_meatball.svg b/src/assets/icons/admin/ic_admin_meatball.svg
new file mode 100644
index 0000000..d1fd6b1
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_meatball.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_336_13024)">
+<path d="M12 10C11.6044 10 11.2178 10.1173 10.8889 10.3371C10.56 10.5568 10.3036 10.8692 10.1522 11.2346C10.0009 11.6001 9.96126 12.0022 10.0384 12.3902C10.1156 12.7781 10.3061 13.1345 10.5858 13.4142C10.8655 13.6939 11.2219 13.8844 11.6098 13.9616C11.9978 14.0387 12.3999 13.9991 12.7654 13.8478C13.1308 13.6964 13.4432 13.44 13.6629 13.1111C13.8827 12.7822 14 12.3956 14 12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10ZM5 10C4.60444 10 4.21776 10.1173 3.88886 10.3371C3.55996 10.5568 3.30362 10.8692 3.15224 11.2346C3.00087 11.6001 2.96126 12.0022 3.03843 12.3902C3.1156 12.7781 3.30608 13.1345 3.58579 13.4142C3.86549 13.6939 4.22186 13.8844 4.60982 13.9616C4.99778 14.0387 5.39992 13.9991 5.76537 13.8478C6.13082 13.6964 6.44318 13.44 6.66294 13.1111C6.8827 12.7822 7 12.3956 7 12C7 11.4696 6.78929 10.9609 6.41421 10.5858C6.03914 10.2107 5.53043 10 5 10ZM19 10C18.6044 10 18.2178 10.1173 17.8889 10.3371C17.56 10.5568 17.3036 10.8692 17.1522 11.2346C17.0009 11.6001 16.9613 12.0022 17.0384 12.3902C17.1156 12.7781 17.3061 13.1345 17.5858 13.4142C17.8655 13.6939 18.2219 13.8844 18.6098 13.9616C18.9978 14.0387 19.3999 13.9991 19.7654 13.8478C20.1308 13.6964 20.4432 13.44 20.6629 13.1111C20.8827 12.7822 21 12.3956 21 12C21 11.4696 20.7893 10.9609 20.4142 10.5858C20.0391 10.2107 19.5304 10 19 10Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_336_13024">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_penalty.svg b/src/assets/icons/admin/ic_admin_penalty.svg
new file mode 100644
index 0000000..265f55f
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_penalty.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="current" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.29 15.71C11.4299 15.851 11.6086 15.9472 11.8033 15.9863C11.9981 16.0253 12.2 16.0055 12.3835 15.9294C12.5669 15.8532 12.7235 15.7241 12.8333 15.5586C12.9431 15.3931 13.0012 15.1986 13 15C12.9963 14.7352 12.8927 14.4816 12.71 14.29C12.5694 14.1512 12.3908 14.0572 12.1968 14.0199C12.0028 13.9825 11.8021 14.0034 11.62 14.08C11.4972 14.1276 11.3851 14.199 11.29 14.29C11.1073 14.4816 11.0037 14.7352 11 15C10.9992 15.1316 11.0245 15.2621 11.0742 15.3839C11.124 15.5057 11.1973 15.6166 11.29 15.71ZM19.91 15.51H15.38C15.1148 15.51 14.8604 15.6154 14.6729 15.8029C14.4854 15.9904 14.38 16.2448 14.38 16.51C14.38 16.7752 14.4854 17.0296 14.6729 17.2171C14.8604 17.4046 15.1148 17.51 15.38 17.51H17.78C16.6769 18.6627 15.2544 19.4593 13.6952 19.7974C12.1359 20.1355 10.5112 19.9996 9.02978 19.4072C7.54834 18.8149 6.27787 17.7931 5.38159 16.4732C4.48531 15.1532 4.00418 13.5955 4 12C4 11.7348 3.89464 11.4804 3.70711 11.2929C3.51957 11.1054 3.26522 11 3 11C2.73478 11 2.48043 11.1054 2.29289 11.2929C2.10536 11.4804 2 11.7348 2 12C2.00529 13.9528 2.58222 15.8613 3.6596 17.49C4.73699 19.1187 6.26767 20.3964 8.06274 21.1652C9.85782 21.9341 11.8387 22.1605 13.761 21.8166C15.6833 21.4727 17.4628 20.5735 18.88 19.23V21C18.88 21.2652 18.9854 21.5196 19.1729 21.7071C19.3604 21.8946 19.6148 22 19.88 22C20.1452 22 20.3996 21.8946 20.5871 21.7071C20.7746 21.5196 20.88 21.2652 20.88 21V16.5C20.8775 16.2416 20.7752 15.9943 20.5943 15.8097C20.4135 15.6251 20.1683 15.5177 19.91 15.51ZM12 2C9.43639 2.00731 6.97349 2.99891 5.12 4.77V3C5.12 2.73478 5.01464 2.48043 4.82711 2.29289C4.63957 2.10536 4.38522 2 4.12 2C3.85478 2 3.60043 2.10536 3.41289 2.29289C3.22536 2.48043 3.12 2.73478 3.12 3V7.5C3.12 7.76522 3.22536 8.01957 3.41289 8.20711C3.60043 8.39464 3.85478 8.5 4.12 8.5H8.62C8.88522 8.5 9.13957 8.39464 9.32711 8.20711C9.51464 8.01957 9.62 7.76522 9.62 7.5C9.62 7.23478 9.51464 6.98043 9.32711 6.79289C9.13957 6.60536 8.88522 6.5 8.62 6.5H6.22C7.32247 5.34787 8.74409 4.5515 10.3024 4.21311C11.8607 3.87472 13.4846 4.00975 14.9656 4.60086C16.4466 5.19198 17.7172 6.21221 18.6142 7.5306C19.5113 8.849 19.9938 10.4054 20 12C20 12.2652 20.1054 12.5196 20.2929 12.7071C20.4804 12.8946 20.7348 13 21 13C21.2652 13 21.5196 12.8946 21.7071 12.7071C21.8946 12.5196 22 12.2652 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 13C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12V9C13 8.73478 12.8946 8.48043 12.7071 8.29289C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.29289C11.1054 8.48043 11 8.73478 11 9V12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13Z" fill="current"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_plus.svg b/src/assets/icons/admin/ic_admin_plus.svg
new file mode 100644
index 0000000..6303263
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_plus.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 5V19" stroke="#1F1F1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 12H19" stroke="#1F1F1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_receipt.svg b/src/assets/icons/admin/ic_admin_receipt.svg
new file mode 100644
index 0000000..299c1f4
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_receipt.svg
@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" rx="24" fill="#00DDA8" fill-opacity="0.1"/>
+<path d="M31 14H17C16.2044 14 15.4413 14.3161 14.8787 14.8787C14.3161 15.4413 14 16.2044 14 17V31C14 31.7956 14.3161 32.5587 14.8787 33.1213C15.4413 33.6839 16.2044 34 17 34H31C31.1645 33.9977 31.3284 33.981 31.49 33.95L31.79 33.88H31.86H31.91L32.28 33.74L32.41 33.67C32.51 33.61 32.62 33.56 32.72 33.49C32.8535 33.3918 32.9805 33.2849 33.1 33.17L33.17 33.08C33.2682 32.9805 33.3585 32.8735 33.44 32.76L33.53 32.63C33.5998 32.5187 33.6601 32.4016 33.71 32.28C33.7374 32.232 33.7609 32.1818 33.78 32.13C33.83 32.01 33.86 31.88 33.9 31.75V31.6C33.9567 31.4046 33.9903 31.2032 34 31V17C34 16.2044 33.6839 15.4413 33.1213 14.8787C32.5587 14.3161 31.7956 14 31 14ZM17 32C16.7348 32 16.4804 31.8946 16.2929 31.7071C16.1054 31.5196 16 31.2652 16 31V26.69L19.29 23.39C19.383 23.2963 19.4936 23.2219 19.6154 23.1711C19.7373 23.1203 19.868 23.0942 20 23.0942C20.132 23.0942 20.2627 23.1203 20.3846 23.1711C20.5064 23.2219 20.617 23.2963 20.71 23.39L29.31 32H17ZM32 31C31.9991 31.1233 31.9753 31.2453 31.93 31.36C31.9071 31.4087 31.8804 31.4556 31.85 31.5C31.8232 31.5423 31.7931 31.5825 31.76 31.62L26.41 26.27L27.29 25.39C27.383 25.2963 27.4936 25.2219 27.6154 25.1711C27.7373 25.1203 27.868 25.0942 28 25.0942C28.132 25.0942 28.2627 25.1203 28.3846 25.1711C28.5064 25.2219 28.617 25.2963 28.71 25.39L32 28.69V31ZM32 25.86L30.12 24C29.5477 23.457 28.7889 23.1543 28 23.1543C27.2111 23.1543 26.4523 23.457 25.88 24L25 24.88L22.12 22C21.5477 21.457 20.7889 21.1543 20 21.1543C19.2111 21.1543 18.4523 21.457 17.88 22L16 23.86V17C16 16.7348 16.1054 16.4804 16.2929 16.2929C16.4804 16.1054 16.7348 16 17 16H31C31.2652 16 31.5196 16.1054 31.7071 16.2929C31.8946 16.4804 32 16.7348 32 17V25.86Z" fill="black"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_search.svg b/src/assets/icons/admin/ic_admin_search.svg
new file mode 100644
index 0000000..b050748
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_search.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_637_2674)">
+<path d="M21.07 16.8302L19 14.7102C18.5547 14.2869 17.9931 14.0065 17.3872 13.9049C16.7813 13.8034 16.1589 13.8853 15.6 14.1402L14.7 13.2402C15.7605 11.8231 16.2449 10.0569 16.0555 8.29702C15.8662 6.53718 15.0172 4.91441 13.6794 3.75539C12.3417 2.59636 10.6145 1.98714 8.84565 2.05037C7.07678 2.1136 5.39754 2.84458 4.14596 4.09615C2.89438 5.34773 2.1634 7.02698 2.10017 8.79585C2.03695 10.5647 2.64617 12.2919 3.80519 13.6296C4.96421 14.9674 6.58699 15.8164 8.34683 16.0057C10.1067 16.1951 11.8729 15.7107 13.29 14.6502L14.18 15.5402C13.8951 16.0998 13.793 16.7348 13.8881 17.3555C13.9831 17.9762 14.2706 18.5515 14.71 19.0002L16.83 21.1202C17.3925 21.682 18.155 21.9975 18.95 21.9975C19.745 21.9975 20.5075 21.682 21.07 21.1202C21.3557 20.8408 21.5828 20.5071 21.7378 20.1388C21.8928 19.7704 21.9726 19.3748 21.9726 18.9752C21.9726 18.5756 21.8928 18.1799 21.7378 17.8116C21.5828 17.4432 21.3557 17.1096 21.07 16.8302ZM12.59 12.5902C11.8902 13.2882 10.9993 13.7631 10.0297 13.955C9.06017 14.1469 8.05549 14.0472 7.14259 13.6684C6.2297 13.2896 5.44955 12.6487 4.9007 11.8267C4.35185 11.0048 4.05893 10.0386 4.05893 9.05019C4.05893 8.06182 4.35185 7.09562 4.9007 6.27365C5.44955 5.45168 6.2297 4.81081 7.14259 4.432C8.05549 4.05319 9.06017 3.95343 10.0297 4.14534C10.9993 4.33724 11.8902 4.81219 12.59 5.51019C13.0556 5.97464 13.4251 6.5264 13.6771 7.13385C13.9292 7.7413 14.0589 8.39251 14.0589 9.05019C14.0589 9.70786 13.9292 10.3591 13.6771 10.9665C13.4251 11.574 13.0556 12.1257 12.59 12.5902ZM19.66 19.6602C19.567 19.7539 19.4564 19.8283 19.3346 19.8791C19.2127 19.9298 19.082 19.956 18.95 19.956C18.818 19.956 18.6873 19.9298 18.5654 19.8791C18.4436 19.8283 18.333 19.7539 18.24 19.6602L16.12 17.5402C16.0263 17.4472 15.9519 17.3366 15.9011 17.2148C15.8503 17.0929 15.8242 16.9622 15.8242 16.8302C15.8242 16.6982 15.8503 16.5675 15.9011 16.4456C15.9519 16.3237 16.0263 16.2132 16.12 16.1202C16.213 16.0265 16.3236 15.9521 16.4454 15.9013C16.5673 15.8505 16.698 15.8244 16.83 15.8244C16.962 15.8244 17.0927 15.8505 17.2146 15.9013C17.3364 15.9521 17.447 16.0265 17.54 16.1202L19.66 18.2402C19.7537 18.3331 19.8281 18.4438 19.8789 18.5656C19.9296 18.6875 19.9558 18.8182 19.9558 18.9502C19.9558 19.0822 19.9296 19.2129 19.8789 19.3348C19.8281 19.4566 19.7537 19.5672 19.66 19.6602Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_637_2674">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_service_transfer.svg b/src/assets/icons/admin/ic_admin_service_transfer.svg
new file mode 100644
index 0000000..137d4a4
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_service_transfer.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="current" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 10.82C17.7348 10.82 17.4804 10.9254 17.2929 11.1129C17.1054 11.3004 17 11.5548 17 11.82V19C17 19.2652 16.8946 19.5196 16.7071 19.7071C16.5196 19.8946 16.2652 20 16 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V8C4 7.73478 4.10536 7.48043 4.29289 7.29289C4.48043 7.10536 4.73478 7 5 7H12.18C12.4452 7 12.6996 6.89464 12.8871 6.70711C13.0746 6.51957 13.18 6.26522 13.18 6C13.18 5.73478 13.0746 5.48043 12.8871 5.29289C12.6996 5.10536 12.4452 5 12.18 5H5C4.20435 5 3.44129 5.31607 2.87868 5.87868C2.31607 6.44129 2 7.20435 2 8V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H16C16.7956 22 17.5587 21.6839 18.1213 21.1213C18.6839 20.5587 19 19.7956 19 19V11.82C19 11.5548 18.8946 11.3004 18.7071 11.1129C18.5196 10.9254 18.2652 10.82 18 10.82ZM21.92 2.62C21.8185 2.37565 21.6243 2.18147 21.38 2.08C21.2598 2.02876 21.1307 2.00158 21 2H15C14.7348 2 14.4804 2.10536 14.2929 2.29289C14.1054 2.48043 14 2.73478 14 3C14 3.26522 14.1054 3.51957 14.2929 3.70711C14.4804 3.89464 14.7348 4 15 4H18.59L8.29 14.29C8.19627 14.383 8.12188 14.4936 8.07111 14.6154C8.02034 14.7373 7.9942 14.868 7.9942 15C7.9942 15.132 8.02034 15.2627 8.07111 15.3846C8.12188 15.5064 8.19627 15.617 8.29 15.71C8.38296 15.8037 8.49356 15.8781 8.61542 15.9289C8.73728 15.9797 8.86799 16.0058 9 16.0058C9.13201 16.0058 9.26272 15.9797 9.38458 15.9289C9.50644 15.8781 9.61704 15.8037 9.71 15.71L20 5.41V9C20 9.26522 20.1054 9.51957 20.2929 9.70711C20.4804 9.89464 20.7348 10 21 10C21.2652 10 21.5196 9.89464 21.7071 9.70711C21.8946 9.51957 22 9.26522 22 9V3C21.9984 2.86932 21.9712 2.74022 21.92 2.62Z" fill="current"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_uncheckbox.svg b/src/assets/icons/admin/ic_admin_uncheckbox.svg
new file mode 100644
index 0000000..b4719e6
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_uncheckbox.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 2H3C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V21C2 21.2652 2.10536 21.5196 2.29289 21.7071C2.48043 21.8946 2.73478 22 3 22H21C21.2652 22 21.5196 21.8946 21.7071 21.7071C21.8946 21.5196 22 21.2652 22 21V3C22 2.73478 21.8946 2.48043 21.7071 2.29289C21.5196 2.10536 21.2652 2 21 2ZM20 20H4V4H20V20Z" fill="black"/>
+</svg>
diff --git a/src/assets/icons/admin/ic_admin_user.svg b/src/assets/icons/admin/ic_admin_user.svg
new file mode 100644
index 0000000..7f44dd9
--- /dev/null
+++ b/src/assets/icons/admin/ic_admin_user.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="current" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.3 12.22C12.8336 11.7581 13.2616 11.1869 13.5549 10.545C13.8482 9.90316 14 9.20571 14 8.5C14 7.17392 13.4732 5.90215 12.5355 4.96447C11.5979 4.02678 10.3261 3.5 9 3.5C7.67392 3.5 6.40215 4.02678 5.46447 4.96447C4.52678 5.90215 4 7.17392 4 8.5C3.99999 9.20571 4.1518 9.90316 4.44513 10.545C4.73845 11.1869 5.16642 11.7581 5.7 12.22C4.30014 12.8539 3.11247 13.8775 2.27898 15.1685C1.4455 16.4596 1.00147 17.9633 1 19.5C1 19.7652 1.10536 20.0196 1.29289 20.2071C1.48043 20.3946 1.73478 20.5 2 20.5C2.26522 20.5 2.51957 20.3946 2.70711 20.2071C2.89464 20.0196 3 19.7652 3 19.5C3 17.9087 3.63214 16.3826 4.75736 15.2574C5.88258 14.1321 7.4087 13.5 9 13.5C10.5913 13.5 12.1174 14.1321 13.2426 15.2574C14.3679 16.3826 15 17.9087 15 19.5C15 19.7652 15.1054 20.0196 15.2929 20.2071C15.4804 20.3946 15.7348 20.5 16 20.5C16.2652 20.5 16.5196 20.3946 16.7071 20.2071C16.8946 20.0196 17 19.7652 17 19.5C16.9985 17.9633 16.5545 16.4596 15.721 15.1685C14.8875 13.8775 13.6999 12.8539 12.3 12.22ZM9 11.5C8.40666 11.5 7.82664 11.3241 7.33329 10.9944C6.83994 10.6648 6.45542 10.1962 6.22836 9.64805C6.0013 9.09987 5.94189 8.49667 6.05764 7.91473C6.1734 7.33279 6.45912 6.79824 6.87868 6.37868C7.29824 5.95912 7.83279 5.6734 8.41473 5.55764C8.99667 5.44189 9.59987 5.5013 10.1481 5.72836C10.6962 5.95542 11.1648 6.33994 11.4944 6.83329C11.8241 7.32664 12 7.90666 12 8.5C12 9.29565 11.6839 10.0587 11.1213 10.6213C10.5587 11.1839 9.79565 11.5 9 11.5ZM18.74 11.82C19.38 11.0993 19.798 10.2091 19.9438 9.25634C20.0896 8.30362 19.9569 7.32907 19.5618 6.45C19.1666 5.57093 18.5258 4.8248 17.7165 4.30142C16.9071 3.77805 15.9638 3.49974 15 3.5C14.7348 3.5 14.4804 3.60536 14.2929 3.79289C14.1054 3.98043 14 4.23478 14 4.5C14 4.76522 14.1054 5.01957 14.2929 5.20711C14.4804 5.39464 14.7348 5.5 15 5.5C15.7956 5.5 16.5587 5.81607 17.1213 6.37868C17.6839 6.94129 18 7.70435 18 8.5C17.9986 9.02524 17.8593 9.5409 17.5961 9.99542C17.3328 10.4499 16.9549 10.8274 16.5 11.09C16.3517 11.1755 16.2279 11.2977 16.1404 11.4447C16.0528 11.5918 16.0045 11.7589 16 11.93C15.9958 12.0998 16.0349 12.2678 16.1137 12.4183C16.1924 12.5687 16.3081 12.6967 16.45 12.79L16.84 13.05L16.97 13.12C18.1754 13.6917 19.1923 14.596 19.901 15.7263C20.6096 16.8566 20.9805 18.1659 20.97 19.5C20.97 19.7652 21.0754 20.0196 21.2629 20.2071C21.4504 20.3946 21.7048 20.5 21.97 20.5C22.2352 20.5 22.4896 20.3946 22.6771 20.2071C22.8646 20.0196 22.97 19.7652 22.97 19.5C22.9782 17.9654 22.5938 16.4543 21.8535 15.1101C21.1131 13.7659 20.0413 12.6333 18.74 11.82Z" fill="current"/>
+</svg>
diff --git a/src/assets/icons/logo/logo_full_Origin.svg b/src/assets/icons/logo/logo_full_Origin.svg
new file mode 100644
index 0000000..f8b3470
--- /dev/null
+++ b/src/assets/icons/logo/logo_full_Origin.svg
@@ -0,0 +1,5 @@
+<svg width="220" height="99" viewBox="0 0 220 99" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.4361 80.5559L10.4512 40.278H25.5555V55.3822L30.5902 40.278L40.6597 30.2085L50.7291 50.3474L54.3908 10.0695L70.8681 5.03479L65.8334 55.3822L59.8832 80.5559L40.6597 75.5211L35.6249 55.3822L30.5902 80.5559H21.4361Z" fill="#00FAC8"/>
+<circle cx="23.8772" cy="13.426" r="13.426" fill="#00FAC8"/>
+<path d="M90.3078 82.1952C78.8398 82.1952 71.8471 74.5732 71.8471 62.6856C71.8471 50.9379 78.9796 42.9662 89.8183 42.9662C99.1186 42.9662 107.16 48.7701 107.16 62.1262V64.9233H80.6579C80.7628 71.3915 84.5738 75.2025 90.3777 75.2025C94.2936 75.2025 96.9508 73.5243 98.0697 71.2866H106.811C105.202 77.8598 99.1186 82.1952 90.3078 82.1952ZM80.7278 58.8396H98.6291C98.5592 53.665 95.1327 49.889 89.9582 49.889C84.5738 49.889 81.0075 53.9797 80.7278 58.8396ZM130.935 82.1952C119.467 82.1952 112.475 74.5732 112.475 62.6856C112.475 50.9379 119.607 42.9662 130.446 42.9662C139.746 42.9662 147.788 48.7701 147.788 62.1262V64.9233H121.285C121.39 71.3915 125.201 75.2025 131.005 75.2025C134.921 75.2025 137.578 73.5243 138.697 71.2866H147.438C145.83 77.8598 139.746 82.1952 130.935 82.1952ZM121.355 58.8396H139.257C139.187 53.665 135.76 49.889 130.586 49.889C125.201 49.889 121.635 53.9797 121.355 58.8396ZM173.661 43.4557V50.3085H166.179V70.0279C166.179 73.6641 167.997 74.4333 170.234 74.4333C171.283 74.4333 173.031 74.3634 174.15 74.2935V81.5659C173.101 81.7757 171.353 81.9155 169.115 81.9155C162.402 81.9155 157.228 78.6289 157.298 71.4964V50.3085H151.843V43.4557H157.298V34.3652H166.179V43.4557H173.661ZM190.303 59.1893V81.426H181.353V30.7989H190.094V49.889H190.583C192.331 45.6234 195.967 42.9662 201.841 42.9662C209.743 42.9662 214.918 48.0709 214.918 57.2313V81.426H206.037V58.6298C206.037 53.4552 203.24 50.5183 198.555 50.5183C193.73 50.5183 190.303 53.665 190.303 59.1893Z" fill="#00FAC8"/>
+</svg>
diff --git a/src/assets/icons/logo/logo_full_Spring.svg b/src/assets/icons/logo/logo_full_Spring.svg
new file mode 100644
index 0000000..ba06971
--- /dev/null
+++ b/src/assets/icons/logo/logo_full_Spring.svg
@@ -0,0 +1,15 @@
+<svg width="268" height="160" viewBox="0 0 268 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40.1317 125.494L29.2227 84.9611H44.2227V100.161L49.2227 84.9611L59.2227 74.8278L69.2227 95.0944L72.859 54.5611L89.2227 49.4944L84.2227 100.161L78.3136 125.494L59.2227 120.428L54.2227 100.161L49.2227 125.494H40.1317Z" fill="#00DDA8"/>
+<circle cx="42.7227" cy="57.9944" r="13.5" fill="#00DDA8"/>
+<path d="M109.146 127.385C97.698 127.385 90.7007 119.77 90.7007 107.877C90.7007 96.1571 97.7969 88.1707 108.651 88.1707C117.973 88.1707 126.009 94.006 126.009 107.358V110.102H99.5277C99.6266 116.63 103.459 120.462 109.245 120.462C113.127 120.462 115.772 118.756 116.935 116.481H125.638C124.031 123.058 117.973 127.385 109.146 127.385ZM99.5524 104.069H117.454C117.429 98.9016 113.943 95.1186 108.8 95.1186C103.434 95.1186 99.8244 99.223 99.5524 104.069ZM149.774 127.385C138.326 127.385 131.328 119.77 131.328 107.877C131.328 96.1571 138.424 88.1707 149.279 88.1707C158.601 88.1707 166.636 94.006 166.636 107.358V110.102H140.155C140.254 116.63 144.087 120.462 149.872 120.462C153.754 120.462 156.4 118.756 157.562 116.481H166.265C164.658 123.058 158.601 127.385 149.774 127.385ZM140.18 104.069H158.081C158.057 98.9016 154.57 95.1186 149.427 95.1186C144.062 95.1186 140.452 99.223 140.18 104.069ZM192.478 88.6652V95.5389H185.011V115.22C185.011 118.88 186.816 119.622 189.091 119.671C190.129 119.696 191.885 119.572 192.997 119.498V126.792C191.934 126.965 190.228 127.163 187.953 127.163C181.253 127.163 176.085 123.85 176.11 116.704V95.5389H170.72V88.6652H176.11V79.5662H185.011V88.6652H192.478ZM209.061 104.391V126.644H200.16V76.0058H208.863V95.1186H209.333C211.089 90.8164 214.773 88.1707 220.608 88.1707C228.471 88.1707 233.688 93.2642 233.688 102.462V126.644H224.787V103.822C224.787 98.6791 222.017 95.712 217.295 95.712C212.498 95.712 209.061 98.8769 209.061 104.391Z" fill="#00DDA8"/>
+<path d="M101.367 36V41.5L109.867 39L112.867 30L107.367 33L105.867 28L101.367 36Z" fill="#FFD4FD"/>
+<path d="M38.526 114.71L37.6742 120.917L31.6449 120.532L26.0651 115.699L28.9821 113.521L31.8517 114.036L33.4136 109.699L38.526 114.71Z" fill="#FFD4FD"/>
+<path d="M229.046 129.087L226.482 133.991L221.586 131.87L218.393 126.184L221.469 125.246L223.7 126.532L226.295 123.394L229.046 129.087Z" fill="#FFD4FD"/>
+<path d="M138 53L141.5 57.5L145.5 54L146 50L144 48L141.5 49.5L138.5 46L138 53Z" fill="#FFD4FD"/>
+<path d="M228.995 125.063L226.673 128.791L230.317 130.586L233.369 129.794L234.28 127.827L232.503 126.509L234.233 123.415L228.995 125.063Z" fill="#FF90F9"/>
+<path d="M124 69L129.5 73.5L131.5 70L132 66L127.5 62L126.5 64.5L124 63V69Z" fill="#FFD4FD"/>
+<path d="M87.3294 90.4484L94.4345 90.5828L93.8413 86.5955L91.7603 83.1431L85.7503 82.7832L86.5107 85.3661L83.6185 85.7337L87.3294 90.4484Z" fill="#FFD4FD"/>
+<path d="M203.676 132.051L209.759 131.864L208.068 128.456L205.27 125.573L200.052 125.519L201.467 127.71L199.117 128.15L203.676 132.051Z" fill="#FFD4FD"/>
+<path d="M208.461 124.858L206.897 129.407L209.137 130.432L211.405 130.304L212.859 126.544L211.329 126.123L211.742 124.123L208.461 124.858Z" fill="#FF90F9"/>
+<path d="M215.337 124.906L211.492 128.826L214.263 130.448L217.492 130.972L220.897 127.777L218.902 126.937L220.207 125.135L215.337 124.906Z" fill="#FFD4FD"/>
+</svg>
diff --git a/src/assets/icons/logo/logo_full_Xmas.svg b/src/assets/icons/logo/logo_full_Xmas.svg
new file mode 100644
index 0000000..3b7b2ef
--- /dev/null
+++ b/src/assets/icons/logo/logo_full_Xmas.svg
@@ -0,0 +1,59 @@
+<svg width="268" height="160" viewBox="0 0 268 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40.7655 125.495L29.8564 84.9613H44.8564V100.161L49.8564 84.9613L59.8564 74.828L69.8564 95.0946L73.4927 54.5613L89.8564 49.4946L84.8564 100.161L78.9473 125.495L59.8564 120.428L54.8564 100.161L49.8564 125.495H40.7655Z" fill="#00DDA8"/>
+<circle cx="43.3564" cy="57.9944" r="13.5" fill="#00DDA8"/>
+<path d="M64.6663 33.9439C49.3084 29.0373 38.1877 39.5645 34.2808 46.2746L58.2775 53.9411L64.6663 33.9439Z" fill="#FF5858"/>
+<circle cx="61.946" cy="28.6678" r="4.1986" transform="rotate(17.7179 61.946 28.6678)" fill="white"/>
+<circle cx="60.6682" cy="32.6669" r="4.1986" transform="rotate(17.7179 60.6682 32.6669)" fill="white"/>
+<circle cx="64.6686" cy="33.9444" r="4.1986" transform="rotate(17.7179 64.6686 33.9444)" fill="white"/>
+<circle cx="34.2775" cy="46.2757" r="4.1986" transform="rotate(17.7179 34.2775 46.2757)" fill="white"/>
+<circle cx="38.2791" cy="47.5536" r="4.1986" transform="rotate(17.7179 38.2791 47.5536)" fill="white"/>
+<circle cx="42.2808" cy="48.8309" r="4.1986" transform="rotate(17.7179 42.2808 48.8309)" fill="white"/>
+<circle cx="46.2751" cy="50.11" r="4.1986" transform="rotate(17.7179 46.2751 50.11)" fill="white"/>
+<circle cx="50.2816" cy="51.3866" r="4.1986" transform="rotate(17.7179 50.2816 51.3866)" fill="white"/>
+<circle cx="54.2759" cy="52.6642" r="4.1986" transform="rotate(17.7179 54.2759 52.6642)" fill="white"/>
+<circle cx="58.2751" cy="53.9422" r="4.1986" transform="rotate(17.7179 58.2751 53.9422)" fill="white"/>
+<circle cx="65.9452" cy="29.9449" r="4.1986" transform="rotate(17.7179 65.9452 29.9449)" fill="white"/>
+<path d="M109.78 127.386C98.3318 127.386 91.3344 119.77 91.3344 107.877C91.3344 96.1572 98.4307 88.1708 109.285 88.1708C118.607 88.1708 126.643 94.0061 126.643 107.358V110.102H100.161C100.26 116.63 104.093 120.462 109.879 120.462C113.76 120.462 116.406 118.756 117.568 116.482H126.272C124.664 123.059 118.607 127.386 109.78 127.386ZM100.186 104.069H118.087C118.063 98.9017 114.576 95.1187 109.434 95.1187C104.068 95.1187 100.458 99.2232 100.186 104.069ZM193.112 88.6654V95.5391H185.645V115.221C185.645 118.88 187.45 119.622 189.724 119.671C190.763 119.696 192.518 119.572 193.631 119.498V126.792C192.568 126.965 190.862 127.163 188.587 127.163C181.886 127.163 176.719 123.85 176.743 116.704V95.5391H171.353V88.6654H176.743V79.5664H185.645V88.6654H193.112ZM209.695 104.391V126.644H200.794V76.0059H209.497V95.1187H209.967C211.722 90.8165 215.406 88.1708 221.242 88.1708C229.104 88.1708 234.321 93.2643 234.321 102.462V126.644H225.42V103.822C225.42 98.6792 222.651 95.7121 217.928 95.7121C213.132 95.7121 209.695 98.877 209.695 104.391Z" fill="#00DDA8"/>
+<path d="M150.407 127.386C138.959 127.386 131.962 119.77 131.962 107.877C131.962 96.1572 139.058 88.1708 149.913 88.1708C159.234 88.1708 167.27 94.0061 167.27 107.358V110.102H140.789C140.888 116.63 144.72 120.462 150.506 120.462C154.388 120.462 157.034 118.756 158.196 116.482H166.899C165.292 123.059 159.234 127.386 150.407 127.386ZM140.814 104.069H158.715C158.69 98.9017 155.204 95.1187 150.061 95.1187C144.696 95.1187 141.086 99.2232 140.814 104.069Z" fill="white"/>
+<circle cx="14" cy="68" r="4" fill="white"/>
+<circle cx="12" cy="121" r="4" fill="white"/>
+<circle cx="17" cy="118" r="4" fill="white"/>
+<circle cx="17" cy="122" r="4" fill="white"/>
+<circle cx="21" cy="122" r="4" fill="white"/>
+<circle cx="6" cy="122" r="4" fill="white"/>
+<circle cx="105" cy="16" r="4" fill="white"/>
+<circle cx="150" cy="52" r="4" fill="white"/>
+<circle cx="180" cy="76" r="4" fill="white"/>
+<circle cx="183" cy="78" r="4" fill="white"/>
+<circle cx="190" cy="86" r="4" fill="white"/>
+<circle cx="187" cy="86" r="4" fill="white"/>
+<circle cx="175" cy="86" r="4" fill="white"/>
+<circle cx="203" cy="74" r="4" fill="white"/>
+<circle cx="208" cy="73" r="4" fill="white"/>
+<circle cx="219" cy="85" r="4" fill="white"/>
+<circle cx="224" cy="83" r="4" fill="white"/>
+<circle cx="225" cy="87" r="4" fill="white"/>
+<circle cx="230" cy="88" r="4" fill="white"/>
+<circle cx="122" cy="60" r="4" fill="white"/>
+<circle cx="88" cy="48" r="4" fill="white"/>
+<circle cx="85" cy="47" r="4" fill="white"/>
+<circle cx="82" cy="51" r="4" fill="white"/>
+<circle cx="76" cy="52" r="4" fill="white"/>
+<circle cx="119" cy="88" r="4" fill="white"/>
+<circle cx="114" cy="86" r="4" fill="white"/>
+<circle cx="109" cy="87" r="4" fill="white"/>
+<circle cx="218" cy="20" r="4" fill="white"/>
+<circle cx="243" cy="52" r="4" fill="white"/>
+<circle cx="239" cy="122" r="4" fill="white"/>
+<circle cx="244" cy="121" r="4" fill="white"/>
+<circle cx="247" cy="123" r="4" fill="white"/>
+<circle cx="250" cy="122" r="4" fill="white"/>
+<circle cx="254" cy="122" r="4" fill="white"/>
+<circle cx="258" cy="122" r="4" fill="white"/>
+<circle cx="150" cy="78" r="13" fill="white"/>
+<circle cx="147" cy="79" r="1" fill="#1F1F1F"/>
+<circle cx="156" cy="79" r="1" fill="#1F1F1F"/>
+<path d="M158.635 86.4951L149 83.8174L149.803 80.927L152.091 79.4868L158.635 86.4951Z" fill="#FFF700"/>
+<path d="M169.565 123.409C168.316 125.557 167.052 127.731 164.026 125.972C161 124.213 162.264 122.039 163.513 119.89C164.763 117.742 167.13 116.788 168.801 117.759C170.472 118.731 170.814 121.26 169.565 123.409Z" fill="#FF5858"/>
+<path d="M160.31 123.945C160.148 126.425 159.985 128.934 156.493 128.707C153 128.48 153.163 125.971 153.324 123.491C153.486 121.01 155.18 119.102 157.109 119.227C159.038 119.352 160.471 121.465 160.31 123.945Z" fill="#FF5858"/>
+</svg>
diff --git a/src/assets/icons/logo/logo_initial_Origin.svg b/src/assets/icons/logo/logo_initial_Origin.svg
new file mode 100644
index 0000000..7732b01
--- /dev/null
+++ b/src/assets/icons/logo/logo_initial_Origin.svg
@@ -0,0 +1,4 @@
+<svg width="33" height="34" viewBox="0 0 33 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.42176 33.1933L4.0278 17.0821H10.0695V23.1238L12.0834 17.0821L16.1112 13.0543L20.139 21.1099L21.6036 4.99876L28.1945 2.98486L26.1807 23.1238L23.8006 33.1933L16.1112 31.1794L14.0973 23.1238L12.0834 33.1933H8.42176Z" fill="#00FAC8"/>
+<circle cx="9.39819" cy="6.34158" r="5.37039" fill="#00FAC8"/>
+</svg>
diff --git a/src/assets/icons/logo/logo_initial_Xmas.svg b/src/assets/icons/logo/logo_initial_Xmas.svg
new file mode 100644
index 0000000..64b9768
--- /dev/null
+++ b/src/assets/icons/logo/logo_initial_Xmas.svg
@@ -0,0 +1,16 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1103 40.0002L7.49994 23.0955H13.8392V29.4348L15.9523 23.0955L20.1784 18.8694L24.4046 27.3217L25.9414 10.417L32.8569 8.30396L30.7438 29.4348L28.2465 40.0002L20.1784 37.8871L18.0653 29.4348L15.9523 40.0002H12.1103Z" fill="#00DDA8"/>
+<circle cx="13.1348" cy="11.8256" r="5.63488" fill="#00DDA8"/>
+<path d="M20.132 3.13034C15.0587 1.50951 11.3851 4.98702 10.0945 7.20361L18.0215 9.73617L20.132 3.13034Z" fill="#FF5858"/>
+<path d="M20.5542 1.80942C20.3211 2.53908 19.5406 2.9416 18.8109 2.70849C18.0813 2.47537 17.6787 1.69489 17.9118 0.965233C18.145 0.235575 18.9254 -0.166954 19.6551 0.0661609C20.3848 0.299276 20.7873 1.07976 20.5542 1.80942Z" fill="white"/>
+<path d="M20.132 3.13034C19.8988 3.86 19.1193 4.26272 18.3897 4.02961C17.66 3.79649 17.2575 3.01601 17.4906 2.28635C17.7237 1.55669 18.5042 1.15416 19.2339 1.38728C19.9635 1.62039 20.3651 2.40068 20.132 3.13034Z" fill="white"/>
+<path d="M21.4534 3.55241C21.2203 4.28207 20.4398 4.6846 19.7102 4.45148C18.9805 4.21837 18.5778 3.43815 18.8109 2.70849C19.044 1.97883 19.8245 1.5763 20.5542 1.80942C21.2838 2.04253 21.6865 2.82275 21.4534 3.55241Z" fill="white"/>
+<path d="M11.4157 7.62573C11.1826 8.35539 10.4021 8.75792 9.67245 8.5248C8.94279 8.29169 8.54026 7.5112 8.77338 6.78155C9.00649 6.05189 9.78697 5.64936 10.5166 5.88247C11.2463 6.11559 11.6488 6.89607 11.4157 7.62573Z" fill="white"/>
+<path d="M12.7376 8.04811C12.5045 8.77777 11.724 9.18029 10.9943 8.94718C10.2647 8.71406 9.86139 7.93327 10.0945 7.20361C10.3276 6.47396 11.1088 6.07174 11.8385 6.30485C12.5682 6.53796 12.9707 7.31845 12.7376 8.04811Z" fill="white"/>
+<path d="M14.0582 8.46998C13.8251 9.19964 13.0446 9.60217 12.3149 9.36906C11.5853 9.13594 11.1826 8.35539 11.4157 7.62573C11.6488 6.89607 12.4295 6.49361 13.1591 6.72673C13.8888 6.95984 14.2913 7.74033 14.0582 8.46998Z" fill="white"/>
+<path d="M15.3788 8.89236C15.1457 9.62202 14.3652 10.0245 13.6355 9.79143C12.9059 9.55832 12.5034 8.77784 12.7365 8.04818C12.9696 7.31852 13.7501 6.91599 14.4797 7.14911C15.2094 7.38222 15.6119 8.1627 15.3788 8.89236Z" fill="white"/>
+<path d="M16.7007 9.31424C16.4676 10.0439 15.6871 10.4464 14.9574 10.2133C14.2278 9.9802 13.8251 9.19964 14.0582 8.46998C14.2913 7.74033 15.0719 7.33787 15.8016 7.57098C16.5313 7.8041 16.9338 8.58458 16.7007 9.31424Z" fill="white"/>
+<path d="M18.0215 9.73617C17.7884 10.4658 17.0077 10.8683 16.278 10.6352C15.5484 10.4021 15.1457 9.62202 15.3788 8.89236C15.6119 8.1627 16.3926 7.75975 17.1222 7.99286C17.8519 8.22598 18.2546 9.00651 18.0215 9.73617Z" fill="white"/>
+<path d="M19.3433 10.1585C19.1102 10.8882 18.3297 11.2907 17.6 11.0576C16.8704 10.8245 16.4676 10.0439 16.7007 9.31424C16.9338 8.58458 17.7145 8.18212 18.4442 8.41524C19.1739 8.64835 19.5764 9.42883 19.3433 10.1585Z" fill="white"/>
+<path d="M21.876 2.23129C21.6429 2.96095 20.8616 3.36346 20.132 3.13034C19.4023 2.89723 19.0007 2.11694 19.2339 1.38728C19.467 0.657619 20.2473 0.254924 20.977 0.488039C21.7066 0.721153 22.1092 1.50164 21.876 2.23129Z" fill="white"/>
+</svg>
diff --git a/src/components/admin/layout/Header.tsx b/src/components/admin/layout/Header.tsx
new file mode 100644
index 0000000..f99c920
--- /dev/null
+++ b/src/components/admin/layout/Header.tsx
@@ -0,0 +1,48 @@
+'use client';
+
+import { usePathname } from 'next/navigation';
+
+const PAGE_METADATA: Record<string, { title: string; description: string }> = {
+  '/admin/member': {
+    title: '멤버 관리',
+    description:
+      '가입 승인 등 멤버를 관리하는 페이지입니다. 정기모임을 모두 입력하신 후에 가입 승인을 해주시길 바랍니다.',
+  },
+  '/admin/attendance': {
+    title: '출석 관리',
+    description: '기수를 선택하고, 해당 모임에 대한 출석을 수정하는 페이지입니다.',
+  },
+  '/admin/penalty': {
+    title: '페널티 관리',
+    description: '기수를 선택하고, 해당 멤버에 대한 페널티를 수정하는 페이지입니다.',
+  },
+  '/admin/dues': {
+    title: '회비 관리',
+    description:
+      '기수 시작시 이월된 회비와 해당 기수 회비를 종합해 회비를 등록해주시기 바랍니다. 회비 등록은 기수당 한 번만 가능합니다.',
+  },
+};
+
+export function Header() {
+  const pathname = usePathname();
+
+  const metadata = Object.entries(PAGE_METADATA).find(([path]) => pathname.startsWith(path))?.[1];
+
+  return (
+    <header className="border-line bg-container-neutral flex h-15 w-full shrink-0 items-center gap-300 border-b px-500">
+      {metadata && (
+        <>
+          <div className="border-line h-5 w-px shrink-0" />
+          <span className="typo-sub1 text-text-strong shrink-0">{metadata.title}</span>
+          <span className="typo-body2 text-text-alternative min-w-0 truncate">
+            {metadata.description}
+          </span>
+        </>
+      )}
+
+      <button className="border-line typo-button2 bg-button-neutral text-text-strong hover:bg-container-neutral-interaction ml-auto shrink-0 cursor-pointer rounded-sm border px-300 py-200">
+        Logout
+      </button>
+    </header>
+  );
+}
diff --git a/src/components/admin/layout/LNB.tsx b/src/components/admin/layout/LNB.tsx
new file mode 100644
index 0000000..46b39d5
--- /dev/null
+++ b/src/components/admin/layout/LNB.tsx
@@ -0,0 +1,139 @@
+'use client';
+
+import Link from 'next/link';
+import type { StaticImageData } from 'next/image';
+import { usePathname } from 'next/navigation';
+
+import logoIcon from '@/assets/icons/logo/logo_initial_Origin.svg';
+import userIcon from '@/assets/icons/admin/ic_admin_user.svg';
+import checkIcon from '@/assets/icons/admin/ic_admin_attendance.svg';
+import penaltyIcon from '@/assets/icons/admin/ic_admin_penalty.svg';
+// import dueIcon from '@/assets/icons/admin/ic_admin_due.svg';
+import arrowIcon from '@/assets/icons/admin/ic_admin_service_transfer.svg';
+import manualIcon from '@/assets/icons/admin/ic_admin_manual.svg';
+
+import { cn } from '@/lib/cn';
+
+const mainNavItems = [
+  { id: 'member', icon: userIcon, label: '멤버 관리', path: '/admin/member' },
+  { id: 'attendance', icon: checkIcon, label: '출석 관리', path: '/admin/attendance' },
+  { id: 'penalty', icon: penaltyIcon, label: '페널티 관리', path: '/admin/penalty' },
+  // { id: 'dues', icon: dueIcon, label: '회비 관리', path: '/admin/dues' },
+];
+
+const moveNavItems = [
+  { id: 'service', icon: arrowIcon, label: 'WEETH로 이동', path: 'https://weeth.kr' },
+  {
+    id: 'manual',
+    icon: manualIcon,
+    label: '관리자 매뉴얼',
+    path: 'https://weeth-develop-2.s3.ap-northeast-2.amazonaws.com/Weeth_%E1%84%80%E1%85%AA%E1%86%AB%E1%84%85%E1%85%B5%E1%84%8C%E1%85%A1_%E1%84%86%E1%85%A6%E1%84%82%E1%85%B2%E1%84%8B%E1%85%A5%E1%86%AF_v3.pdf',
+  },
+];
+
+function NavIcon({ src, isActive }: { src: StaticImageData | string; isActive: boolean }) {
+  const url = typeof src === 'string' ? src : (src as StaticImageData).src;
+  return (
+    <span
+      aria-hidden
+      className={cn(
+        'block h-6 w-6 shrink-0',
+        isActive ? 'bg-button-primary' : 'bg-container-neutral-interaction',
+      )}
+      style={{
+        maskImage: `url(${url})`,
+        WebkitMaskImage: `url(${url})`,
+        maskRepeat: 'no-repeat',
+        maskPosition: 'center',
+        maskSize: 'contain',
+      }}
+    />
+  );
+}
+
+const navItemClass =
+  'typo-sub1 flex h-12 items-center gap-300 px-300 transition-colors text-text-alternative hover:bg-container-neutral-interaction';
+
+export function LNB() {
+  const pathname = usePathname();
+
+  return (
+    <nav className="border-line bg-container-neutral flex h-full w-60 shrink-0 flex-col border-r">
+      {/* LNB 헤더 */}
+      <div className="flex items-center gap-300 px-300 pt-200">
+        <span
+          aria-label="Weeth"
+          className="bg-text-alternative block h-10 w-10 shrink-0"
+          style={{
+            maskImage: `url(${(logoIcon as StaticImageData).src})`,
+            WebkitMaskImage: `url(${(logoIcon as StaticImageData).src})`,
+            maskRepeat: 'no-repeat',
+            maskPosition: 'center',
+            maskSize: 'contain',
+          }}
+        />
+        <span className="typo-sub2 text-text-alternative">WEETH ADMIN</span>
+      </div>
+
+      {/* 관리 메뉴 */}
+      <div className="flex flex-col">
+        <span className="typo-caption1 text-text-alternative px-400 pt-500 pb-300">관리 메뉴</span>
+        {mainNavItems.map(({ id, icon, label, path }) => {
+          const isActive = pathname.startsWith(path);
+          return (
+            <Link
+              key={id}
+              href={path}
+              className={cn(
+                navItemClass,
+                isActive && 'bg-container-neutral-interaction text-text-strong',
+              )}
+            >
+              <NavIcon src={icon} isActive={isActive} />
+              {label}
+            </Link>
+          );
+        })}
+
+        {/* 이동 */}
+        <div>
+          <span className="typo-caption1 text-text-alternative block px-400 pt-500 pb-300">
+            이동
+          </span>
+          {moveNavItems.map(({ id, icon, label, path }) => {
+            const inner = (
+              <>
+                <NavIcon src={icon} isActive={false} />
+                {label}
+              </>
+            );
+
+            if (id === 'manual') {
+              return (
+                <button
+                  key={id}
+                  className={cn(navItemClass, 'w-full cursor-pointer')}
+                  onClick={() => window.open(path, '_blank', 'noopener,noreferrer')}
+                >
+                  {inner}
+                </button>
+              );
+            }
+
+            return (
+              <Link
+                key={id}
+                href={path}
+                className={navItemClass}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                {inner}
+              </Link>
+            );
+          })}
+        </div>
+      </div>
+    </nav>
+  );
+}