diff --git a/src/pages/main/Main.tsx b/src/pages/main/Main.tsx
index 854c15dd..390dcbdd 100644
--- a/src/pages/main/Main.tsx
+++ b/src/pages/main/Main.tsx
@@ -65,7 +65,23 @@ const Main = () => {
 
   return (
     <>
-      <div className="deploy-loading" />
+      <div
+        className="deploy-loading"
+        style={{
+          width: "100vw", // 100% 너비
+          height: "100vh", // 100% 높이
+          zIndex: 1000, // z-index 값
+          position: "fixed", // 화면에 고정
+          top: 0, // 상단 고정
+          left: 0, // 좌측 고정
+          backgroundColor: "rgba(0, 0, 0, 0.5)", // 반투명 배경
+          display: "flex", // 플렉스 박스 사용
+          justifyContent: "center", // 가로 중앙 정렬
+          alignItems: "center", // 세로 중앙 정렬
+          color: "white", // 텍스트 색상
+          fontSize: "24px", // 텍스트 크기
+        }}
+      />
       <S.MainWrapper>
         {/* <button style={{ color: "white" }} onClick={onClickHi}>
             하이 테스트