diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 517c10db..8284b887 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -14,7 +14,7 @@ const RootLayout = ({ children }: { children: ReactNode }) => {
       </head>
       <body className="app-layout">
         <ContextProvider>
-          <main className={`${LineSeedKR.variable} font-lineseed `}>
+          <main className={`${LineSeedKR.variable} font-lineseed`}>
             {children}
           </main>
         </ContextProvider>
diff --git a/src/v1/base/TopNavigation.tsx b/src/v1/base/TopNavigation.tsx
index 70ea5e41..342e149d 100644
--- a/src/v1/base/TopNavigation.tsx
+++ b/src/v1/base/TopNavigation.tsx
@@ -8,7 +8,7 @@ type ItemProps = TopNavigationProps;
 
 const TopNavigation = ({ children }: TopNavigationProps) => {
   return (
-    <div className="relative flex h-[2.4rem] w-full items-center justify-center bg-opacity-0 px-[2rem] py-[1.7rem] text-md">
+    <div className="fixed left-0 right-0 top-0 z-50 mx-auto flex h-[2.4rem] w-full max-w-[43rem] items-center justify-center bg-white px-[4rem] py-[2.7rem] text-md">
       {children}
     </div>
   );
@@ -16,7 +16,7 @@ const TopNavigation = ({ children }: TopNavigationProps) => {
 
 const LeftItem = ({ children }: ItemProps) => {
   return (
-    <div className="absolute left-[0rem] flex [&_svg]:h-[2rem] [&_svg]:w-[2rem] [&_svg]:cursor-pointer">
+    <div className="absolute left-[0rem] flex pl-[2rem] [&_svg]:h-[2rem] [&_svg]:w-[2rem] [&_svg]:cursor-pointer">
       {children}
     </div>
   );
@@ -38,7 +38,7 @@ const CenterItem = ({ children, textAlign = 'center' }: CenterItemProps) => {
 
 const RightItem = ({ children }: ItemProps) => {
   return (
-    <div className="absolute right-[0rem] flex gap-[1rem] [&_svg]:h-[2rem] [&_svg]:w-[2rem] [&_svg]:cursor-pointer">
+    <div className="absolute right-[0rem] flex gap-[1rem] pr-[2rem] [&_svg]:h-[2rem] [&_svg]:w-[2rem] [&_svg]:cursor-pointer">
       {children}
     </div>
   );
diff --git a/src/v1/layout/Layout.tsx b/src/v1/layout/Layout.tsx
index be16dd00..20f18aad 100644
--- a/src/v1/layout/Layout.tsx
+++ b/src/v1/layout/Layout.tsx
@@ -19,7 +19,9 @@ const Layout = ({ children }: LayoutProps) => {
   const pathname = usePathname();
   const isRootPath = pathname && rootPaths.includes(pathname);
 
-  const dynamicClass = isRootPath ? 'pb-[6.4rem] pt-[2rem]' : 'py-[2rem]';
+  const dynamicClass = isRootPath
+    ? 'pb-[6.4rem] pt-[2rem]'
+    : 'pt-[5.4rem] pb-[2rem]';
 
   return (
     <>
