diff --git a/mz_v1_front/src/components/button/basic_filled.svelte b/mz_v1_front/src/components/button/basic_filled.svelte
index 2d36051..db3ad55 100644
--- a/mz_v1_front/src/components/button/basic_filled.svelte
+++ b/mz_v1_front/src/components/button/basic_filled.svelte
@@ -1,8 +1,6 @@
 <script>
   
     export let styleVariant = "outlined";
-    let className = "";
-    export { className as class };
     export let style;
     const variantsClassName = "style-variant-" + styleVariant;
     export let name = "Do something";
diff --git a/mz_v1_front/src/components/header/header_login.svelte b/mz_v1_front/src/components/header/header_login.svelte
index 5515ffe..4c6d909 100644
--- a/mz_v1_front/src/components/header/header_login.svelte
+++ b/mz_v1_front/src/components/header/header_login.svelte
@@ -4,7 +4,6 @@
 
     let className = "";
     export { className as class };
-    export let style;
 
 
     function handleLogout() {
diff --git a/mz_v1_front/src/components/header/header_non.svelte b/mz_v1_front/src/components/header/header_non.svelte
index 31e2e18..24d1071 100644
--- a/mz_v1_front/src/components/header/header_non.svelte
+++ b/mz_v1_front/src/components/header/header_non.svelte
@@ -2,7 +2,6 @@
     import ButtonStyleFilled from "../../routes/join/ButtonStyleFilled.svelte";
     let className = "";
     export { className as class };
-    export let style;
 
     
   </script>
diff --git a/mz_v1_front/src/routes/+page.svelte b/mz_v1_front/src/routes/+page.svelte
index 70c0595..00cea31 100644
--- a/mz_v1_front/src/routes/+page.svelte
+++ b/mz_v1_front/src/routes/+page.svelte
@@ -2,13 +2,10 @@
     import ButtonStyleFilled from "./join/ButtonStyleFilled.svelte";
     import ButtonStyleOutlined from "./join/ButtonStyleOutlined.svelte";
     import Header from "../components/header/header_non.svelte";
-    let className = "";
-    export { className as class };
-    export let style;
 
   </script>
   <div
-  style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; display: flex; flex-direction: column; gap: 100px; align-items: center; justify-content: flex-start;  position: relative; ' + style}"
+  style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; display: flex; flex-direction: column; gap: 100px; align-items: center; justify-content: flex-start;  position: relative; ' }"
   >
   <Header/>
  <div>
diff --git a/mz_v1_front/src/routes/home/+page.svelte b/mz_v1_front/src/routes/home/+page.svelte
index c7007a6..b928030 100644
--- a/mz_v1_front/src/routes/home/+page.svelte
+++ b/mz_v1_front/src/routes/home/+page.svelte
@@ -1,15 +1,12 @@
 <script>
     import ButtonStyleFilled from "../join/ButtonStyleFilled.svelte";
     import ButtonStyleOutlined from "../join/ButtonStyleOutlined.svelte";
-    import Header from "../../components/header/header_login.svelte"
-    let className = "";
-    export { className as class };
-    export let style;
+    import Header from "../../components/header/header_login.svelte";
 
     
   </script>
   <div
-    style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; display: flex; flex-direction: column; gap: 180px; align-items: center; justify-content: flex-start; height: 845px; position: relative; ' + style}"
+    style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; display: flex; flex-direction: column; gap: 180px; align-items: center; justify-content: flex-start; height: 845px; position: relative; ' }"
   >
     <Header/>
     <div
diff --git a/mz_v1_front/src/routes/join/+page.svelte b/mz_v1_front/src/routes/join/+page.svelte
index 2ebe54f..c5a38bd 100644
--- a/mz_v1_front/src/routes/join/+page.svelte
+++ b/mz_v1_front/src/routes/join/+page.svelte
@@ -5,9 +5,6 @@
   import Radio from "./radio.svelte"
   import { goto } from '$app/navigation';
   export let targetPath = "/";
-  let className = "";
-  export { className as class };
-  export let style;
   let join_email;
   let join_pswd;
   let join_check;
@@ -84,9 +81,9 @@ async function handleSubmit(event) {
     display: none;
 }
 </style>
-<form on:submit|preventDefault={handleSubmit} style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; display: flex; flex-direction: column; gap: 120px; align-items: center; justify-content: flex-start; height: auto; position: relative; ' + style}">
+<form on:submit|preventDefault={handleSubmit} style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; display: flex; flex-direction: column; gap: 120px; align-items: center; justify-content: flex-start; height: auto; position: relative; ' }">
 <div
-  style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 85px 0px; display: flex; flex-direction: column; gap: 99px; align-items: center; justify-content: flex-start; height: 1200px; position: relative; ' + style}"
+  style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 85px 0px; display: flex; flex-direction: column; gap: 99px; align-items: center; justify-content: flex-start; height: 1200px; position: relative; ' }"
 >
  <Header/>
   <div
diff --git a/mz_v1_front/src/routes/join/PlaceholderImage.svelte b/mz_v1_front/src/routes/join/PlaceholderImage.svelte
index 736d635..ed5aee6 100644
--- a/mz_v1_front/src/routes/join/PlaceholderImage.svelte
+++ b/mz_v1_front/src/routes/join/PlaceholderImage.svelte
@@ -8,4 +8,5 @@
     class="{'placeholder-image ' + className}"
     style="{'border-radius: 24px;padding: 10px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; align-self: stretch;flex: 1;height: auto; position: relative; overflow: visible;' + style}"
     src= {targetPath}
+    alt= "placeholder"
   />
\ No newline at end of file
diff --git a/mz_v1_front/src/routes/loading/+page.svelte b/mz_v1_front/src/routes/loading/+page.svelte
index 8279878..4a675d7 100644
--- a/mz_v1_front/src/routes/loading/+page.svelte
+++ b/mz_v1_front/src/routes/loading/+page.svelte
@@ -2,12 +2,9 @@
     import ButtonStyleOutlined from "../join/ButtonStyleOutlined.svelte";
     import HeaderLogin from "../../components/header/header_login.svelte";
     import PlaceholderImage from "../join/PlaceholderImage.svelte";
-    let className = "";
-    export { className as class };
-    export let style;
   </script>
   <div
-    style="{'background: var(--neutral-0, #ffffff); display: flex; flex-direction: column; gap: 160px; align-items: center; justify-content: flex-start; height: 845px; position: relative; ' + style}"
+    style="{'background: var(--neutral-0, #ffffff); display: flex; flex-direction: column; gap: 160px; align-items: center; justify-content: flex-start; height: 845px; position: relative; '}"
   >
    <HeaderLogin />
     <div
@@ -106,7 +103,7 @@
                     <span class="div-2-span3">
                       생성 요청했습니다.
                       <br />
-                      예상 소요시간은 ~분 입니다.
+                      예상 소요시간은 5~10분 입니다.
                     </span>
                   </span>
                 </div>
@@ -133,7 +130,7 @@
           </div>
           <PlaceholderImage
             style="flex-shrink: 0; width: 405px; height: 405px"
-            filename="https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExZ2VuaGd0ZzVtejhvbnQ5YTUzYmQ3ZGpqanQ2MWU2MG9uMWgyMjM0dyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/3oEjI6SIIHBdRxXI40/giphy.gif"
+            targetPath="/logo/loading.png"
           ></PlaceholderImage>
         </div>
       </div>
diff --git a/mz_v1_front/src/routes/login/+page.svelte b/mz_v1_front/src/routes/login/+page.svelte
index a15adb8..39e1ac7 100644
--- a/mz_v1_front/src/routes/login/+page.svelte
+++ b/mz_v1_front/src/routes/login/+page.svelte
@@ -4,9 +4,6 @@
   import Header from "../../components/header/header_non.svelte";
   import { goto } from '$app/navigation';
 
-  let className = "";
-  export { className as class };
-  export let style;
   let login_email;
   let login_pswd;
   let targetPath = "/home";
@@ -45,9 +42,9 @@
 
 
 </script>
-<form on:submit|preventDefault={login} style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; display: flex; flex-direction: column; gap: 120px; align-items: center; justify-content: flex-start; height: 845px; position: relative; ' + style}">
+<form on:submit|preventDefault={login} style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; display: flex; flex-direction: column; gap: 120px; align-items: center; justify-content: flex-start; height: 845px; position: relative; '}">
 <div
-  style="{'background: var(--neutral-0, #ffffff); display: flex; flex-direction: column; gap: 160px; align-items: center; justify-content: flex-start; height: 845px; position: relative; ' + style}"
+  style="{'background: var(--neutral-0, #ffffff); display: flex; flex-direction: column; gap: 160px; align-items: center; justify-content: flex-start; height: 845px; position: relative; ' }"
 >
   <Header/>
   <div
diff --git a/mz_v1_front/src/routes/login/PlaceholderImage.svelte b/mz_v1_front/src/routes/login/PlaceholderImage.svelte
index 0dd2503..3caa82e 100644
--- a/mz_v1_front/src/routes/login/PlaceholderImage.svelte
+++ b/mz_v1_front/src/routes/login/PlaceholderImage.svelte
@@ -3,10 +3,6 @@
     export { className as class };
     export let style;
     export let src = 'logo/login_image.webp'
-  //   export let targetPath = "/";
-  // function handleClick() {
-  //   goto(targetPath); // 버튼 클릭 시 targetPath로 이동
-  // }
   </script>
   <img
     class="{'placeholder-image ' + className}"
diff --git a/mz_v1_front/src/routes/result/+page.svelte b/mz_v1_front/src/routes/result/+page.svelte
index aaf502d..4a760ad 100644
--- a/mz_v1_front/src/routes/result/+page.svelte
+++ b/mz_v1_front/src/routes/result/+page.svelte
@@ -6,13 +6,9 @@
   import StarRating from "../../components/rating/StarRating.svelte";
   import SaveImage from "../../components/button/result_save.svelte";
   import Survey from "../../components/survey/survey.svelte";
-  
   import { onMount } from 'svelte';
   import { goto } from '$app/navigation';
 
-  let className = "";
-  export { className as class };
-  export let style;
   let gt_stretch_path_m = "http://223.130.133.236:9000/voice2face-public/site/result/tae_24fps_square.mp4"; 
   let gt_stretch_path_w = "http://223.130.133.236:9000/voice2face-public/site/result/hj_24fps_square.mp4"; 
   let results = [];
diff --git a/mz_v1_front/src/routes/resultlist/+page.svelte b/mz_v1_front/src/routes/resultlist/+page.svelte
index d46a489..9db1546 100644
--- a/mz_v1_front/src/routes/resultlist/+page.svelte
+++ b/mz_v1_front/src/routes/resultlist/+page.svelte
@@ -3,9 +3,6 @@
   import Header from "../../components/header/header_login.svelte";
   import { onMount } from 'svelte';
   import { goto } from '$app/navigation';
-  let className = "";
-  export { className as class };
-  export let style;
   import { Table, TableBody, TableBodyCell, TableBodyRow, TableHead, TableHeadCell} from 'flowbite-svelte';
 
   let items = [];
@@ -49,9 +46,9 @@
 
 
 <div
-style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; display: flex; flex-direction: column; gap: 70px; align-items: center; justify-content: flex-start; min-height: 100vh; position: relative ' + style}"
+style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; display: flex; flex-direction: column; gap: 70px; align-items: center; justify-content: flex-start; min-height: 100vh; position: relative ' }"
 >
-<Header></Header>
+<Header />
 <div>
   <img
     class="image-22"
@@ -65,6 +62,7 @@ style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; displ
       margin-right: auto;
     "
     src="./logo/logo1.png"
+    alt="logo"
   />
   <div
     style="
@@ -90,11 +88,6 @@ style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; displ
         flex-shrink: 0;
         width: 1400px;
         font-size: 14pt;
-        <!-- height: 120px; -->
-        <!-- position: relative; -->
-        <!-- object-fit: cover; -->
-        <!-- margin-left: auto; -->
-        <!-- margin-right: auto; -->
     ">
     <TableHead>
       <TableHeadCell style="width: 15%; font-size:14pt;">요청 시간</TableHeadCell>
@@ -112,7 +105,7 @@ style="{'background: var(--neutral-0, #ffffff);padding: 0px 0px 120px 0px; displ
           <TableBodyCell>
             {#if item.updated_at != null} {item.updated_at}{/if}
           </TableBodyCell>
-          <TableBodyCell>{item.gender}</TableBodyCell>
+          <TableBodyCell>{#if item.gender == "man" } 남성 {:else } 여성 {/if} </TableBodyCell>
           <TableBodyCell>{item.age}</TableBodyCell>
 
           <TableBodyCell>
diff --git a/mz_v1_front/src/routes/resultlist/ButtonStyleFilled.svelte b/mz_v1_front/src/routes/resultlist/ButtonStyleFilled.svelte
index 130e9af..984c087 100644
--- a/mz_v1_front/src/routes/resultlist/ButtonStyleFilled.svelte
+++ b/mz_v1_front/src/routes/resultlist/ButtonStyleFilled.svelte
@@ -1,8 +1,5 @@
 <script>
   export let styleVariant = "outlined";
-  let className = "";
-  export { className as class };
-  export let style;
   const variantsClassName = "style-variant-" + styleVariant;
   export let name = "Do something";
   import { goto } from '$app/navigation';
@@ -17,7 +14,7 @@
 
 <button
 on:click={handleClick} 
-  style="{'background: var(--neutral-10, #486284);border-radius: 50px; border-style: solid; border-color: var(--neutral-10, #486284); border-width: 1px; padding: 12px 20px 12px 20px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; position: relative; overflow: hidden;' + style}"
+  style="{'background: var(--neutral-10, #486284);border-radius: 50px; border-style: solid; border-color: var(--neutral-10, #486284); border-width: 1px; padding: 12px 20px 12px 20px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; position: relative; overflow: hidden;' }"
 >
   <div
     style="