diff --git a/src/components/layout/layout-wrapper/index.tsx b/src/components/layout/layout-wrapper/index.tsx
index 839a71a0..50f0756c 100644
--- a/src/components/layout/layout-wrapper/index.tsx
+++ b/src/components/layout/layout-wrapper/index.tsx
@@ -9,7 +9,7 @@ export const LayoutWrapper = ({ children }: Props) => {
   return (
     <div className='relative mx-auto max-w-110 min-w-70 bg-gray-100'>
       <Header />
-      <main className='min-h-[calc(100vh-112px)]'>{children}</main>
+      <main className='min-h-[calc(100dvh-112px)]'>{children}</main>
       <GNB />
     </div>
   );