diff --git a/packages/common/components/src/ui/layout/index.ts b/packages/common/components/src/ui/layout/index.ts
index 30c069b90..4cf557384 100644
--- a/packages/common/components/src/ui/layout/index.ts
+++ b/packages/common/components/src/ui/layout/index.ts
@@ -1,2 +1,3 @@
 export { BaseLayout } from "./base";
 export { VBaseLayout } from "./vbase";
+export { NoFooterLayout } from "./nofooter";
diff --git a/packages/common/components/src/ui/layout/nofooter.tsx b/packages/common/components/src/ui/layout/nofooter.tsx
new file mode 100644
index 000000000..2f398ec57
--- /dev/null
+++ b/packages/common/components/src/ui/layout/nofooter.tsx
@@ -0,0 +1,44 @@
+import type { QueryClient } from "@tanstack/react-query";
+import { QueryProvider } from "../../provider/query-provider";
+import { PopupProvider } from "../../provider/popup-provider";
+import { ClientIpGuard } from "../../lib/client-ip-guard";
+import type { MenuItem } from "../../api";
+import { SidebarProvider } from "../sidebar";
+import { LNB } from "../lnb";
+import { Header } from "../header";
+import "./common.css";
+
+export function NoFooterLayout({
+  children,
+  queryClient,
+  currentPath,
+  handleMenuClick,
+}: {
+  children: React.ReactNode;
+  queryClient?: QueryClient;
+  currentPath?: string;
+  handleMenuClick?: (item: MenuItem) => void;
+}) {
+  return (
+    <QueryProvider queryClient={queryClient}>
+      <ClientIpGuard currentPath={currentPath}>
+        <PopupProvider>
+          <SidebarProvider>
+            <div className="flex-1">
+              <Header />
+              <div className="flex">
+                <LNB
+                  currentPath={currentPath}
+                  handleMenuClick={handleMenuClick}
+                />
+                <div className="flex min-h-[calc(100vh-50px)] flex-1 flex-col overflow-auto">
+                  <div className="flex-1">{children}</div>
+                </div>
+              </div>
+            </div>
+          </SidebarProvider>
+        </PopupProvider>
+      </ClientIpGuard>
+    </QueryProvider>
+  );
+}