diff --git a/app/layout.tsx b/app/layout.tsx
index 0432bd7..33e08c3 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -101,7 +101,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="ko" className={`${spaceGrotesk.variable} ${inter.variable} ${manrope.variable}`}>
+    <html lang="ko" data-scroll-behavior="smooth" className={`${spaceGrotesk.variable} ${inter.variable} ${manrope.variable}`}>
       <head>
         <script
           type="application/ld+json"
diff --git a/app/page.tsx b/app/page.tsx
index fcd432f..d4558be 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -115,11 +115,11 @@ export default function Home() {
                   <rect
                     key={i}
                     x={i * 30 + 10}
-                    y={250 - Math.abs(Math.sin(i * 0.6) * 120)}
+                    y={Number((250 - Math.abs(Math.sin(i * 0.6) * 120)).toFixed(3))}
                     width="10"
-                    height={Math.abs(Math.sin(i * 0.6) * 240) + 20}
+                    height={Number((Math.abs(Math.sin(i * 0.6) * 240) + 20).toFixed(3))}
                     fill="url(#wg)"
-                    opacity={0.4 + Math.sin(i * 0.3) * 0.3}
+                    opacity={Number((0.4 + Math.sin(i * 0.3) * 0.3).toFixed(3))}
                   />
                 ))}
               </svg>
@@ -177,9 +177,9 @@ export default function Home() {
                       <rect
                         key={j}
                         x={j * 14 + 8}
-                        y={100 - Math.abs(Math.sin((j + i * 5) * 0.5) * 60)}
+                        y={Number((100 - Math.abs(Math.sin((j + i * 5) * 0.5) * 60)).toFixed(3))}
                         width="6"
-                        height={Math.abs(Math.sin((j + i * 5) * 0.5) * 120) + 10}
+                        height={Number((Math.abs(Math.sin((j + i * 5) * 0.5) * 120) + 10).toFixed(3))}
                         fill="white"
                         opacity={0.4}
                       />
