diff --git a/egovframe-template-simple-react-contribution/src/components/ScrollTop.js b/egovframe-template-simple-react-contribution/src/components/ScrollTop.js
new file mode 100644
index 0000000..e2e63f5
--- /dev/null
+++ b/egovframe-template-simple-react-contribution/src/components/ScrollTop.js
@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types';
+import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+
+// ==============================|| NAVIGATION - SCROLL TO TOP ||============================== //
+
+const ScrollTop = ({ children }) => {
+    const location = useLocation();
+    const { pathname } = location;
+
+    useEffect(() => {
+        window.scrollTo({
+            top: 0,
+            left: 0,
+            behavior: 'smooth'
+        });
+    }, [pathname]);
+
+    return children || null;
+};
+
+ScrollTop.propTypes = {
+    children: PropTypes.node
+};
+
+export default ScrollTop;
\ No newline at end of file