diff --git a/client/src/pages/MainPage/MainPage.tsx b/client/src/pages/MainPage/MainPage.tsx
index 3901da27..f6663f61 100644
--- a/client/src/pages/MainPage/MainPage.tsx
+++ b/client/src/pages/MainPage/MainPage.tsx
@@ -1,4 +1,5 @@
 import useAmplitude from '@hooks/useAmplitude';
+import useMainPageYScroll from '@hooks/useMainPageYScroll';
 
 import Nav from './Nav/Nav';
 import {MainSection} from './Section/MainSection';
@@ -6,7 +7,6 @@ import {DescriptionSection} from './Section/DescriptionSection';
 import {FeatureSection} from './Section/FeatureSection';
 import {mainContainer} from './MainPage.style';
 import CreatorSection from './Section/CreatorSection/CreatorSection';
-import useMainPageYScroll from '@hooks/useMainPageYScroll';
 
 const MainPage = () => {
   const {trackStartCreateEvent} = useAmplitude();
diff --git a/client/src/pages/MainPage/Section/CreatorSection/Avatar.tsx b/client/src/pages/MainPage/Section/CreatorSection/Avatar.tsx
index f97daeb7..d559325e 100644
--- a/client/src/pages/MainPage/Section/CreatorSection/Avatar.tsx
+++ b/client/src/pages/MainPage/Section/CreatorSection/Avatar.tsx
@@ -1,6 +1,7 @@
 import {css} from '@emotion/react';
 
 import {Text} from '@components/Design';
+
 import {avatarImageStyle, avatarStyle} from './Avatar.style';
 
 interface Props {
diff --git a/client/src/pages/MainPage/Section/FeatureSection/AutoCalculate/AutoCalculate.style.ts b/client/src/pages/MainPage/Section/FeatureSection/AutoCalculate/AutoCalculate.style.ts
index b06b8ca9..41790116 100644
--- a/client/src/pages/MainPage/Section/FeatureSection/AutoCalculate/AutoCalculate.style.ts
+++ b/client/src/pages/MainPage/Section/FeatureSection/AutoCalculate/AutoCalculate.style.ts
@@ -7,7 +7,6 @@ export const sectionStyle = css({
   flexDirection: 'column',
   justifyContent: 'center',
   alignItems: 'center',
-  // backgroundColor: '#ffffff',
 });
 
 export const articleStyle = css({
diff --git a/client/src/pages/MainPage/Section/FeatureSection/CheckDeposit/CheckDeposit.style.ts b/client/src/pages/MainPage/Section/FeatureSection/CheckDeposit/CheckDeposit.style.ts
index f8d755df..4cd328d8 100644
--- a/client/src/pages/MainPage/Section/FeatureSection/CheckDeposit/CheckDeposit.style.ts
+++ b/client/src/pages/MainPage/Section/FeatureSection/CheckDeposit/CheckDeposit.style.ts
@@ -7,7 +7,6 @@ export const sectionStyle = css({
   flexDirection: 'column',
   justifyContent: 'center',
   alignItems: 'center',
-  // backgroundColor: '#DFC1FF',
 });
 
 export const articleStyle = css({
diff --git a/client/src/pages/MainPage/Section/FeatureSection/FeatureSection.tsx b/client/src/pages/MainPage/Section/FeatureSection/FeatureSection.tsx
index df2a773f..f7ab25bf 100644
--- a/client/src/pages/MainPage/Section/FeatureSection/FeatureSection.tsx
+++ b/client/src/pages/MainPage/Section/FeatureSection/FeatureSection.tsx
@@ -1,11 +1,12 @@
 import {css} from '@emotion/react';
 
+import useMainPageYScroll from '@hooks/useMainPageYScroll';
+
 import {SimpleShare} from './SimpleShare';
 import {AutoCalculate} from './AutoCalculate';
 import {CheckDeposit} from './CheckDeposit';
 import {SimpleTransfer} from './SimpleTransfer';
 import {RecordMemoryWithPhoto} from './RecordMemoryWithPhoto';
-import useMainPageYScroll from '@hooks/useMainPageYScroll';
 
 const FeatureSection = () => {
   const {featureSectionRef} = useMainPageYScroll();
diff --git a/client/src/pages/MainPage/Section/FeatureSection/RecordMemoryWithPhoto/RecordMemoryWithPhoto.style.ts b/client/src/pages/MainPage/Section/FeatureSection/RecordMemoryWithPhoto/RecordMemoryWithPhoto.style.ts
index 82ab6566..cac040ec 100644
--- a/client/src/pages/MainPage/Section/FeatureSection/RecordMemoryWithPhoto/RecordMemoryWithPhoto.style.ts
+++ b/client/src/pages/MainPage/Section/FeatureSection/RecordMemoryWithPhoto/RecordMemoryWithPhoto.style.ts
@@ -7,7 +7,6 @@ export const sectionStyle = css({
   flexDirection: 'column',
   justifyContent: 'center',
   alignItems: 'center',
-  // backgroundColor: '#C1CFFF',
 });
 
 export const articleStyle = css({
diff --git a/client/src/pages/MainPage/Section/FeatureSection/SimpleShare/SimpleShare.style.ts b/client/src/pages/MainPage/Section/FeatureSection/SimpleShare/SimpleShare.style.ts
index 78cc4179..ad2279f7 100644
--- a/client/src/pages/MainPage/Section/FeatureSection/SimpleShare/SimpleShare.style.ts
+++ b/client/src/pages/MainPage/Section/FeatureSection/SimpleShare/SimpleShare.style.ts
@@ -7,7 +7,6 @@ export const sectionStyle = css({
   flexDirection: 'column',
   justifyContent: 'center',
   alignItems: 'center',
-  // backgroundColor: '#FFA5B8',
 });
 
 export const articleStyle = css({
diff --git a/client/src/pages/MainPage/Section/FeatureSection/SimpleTransfer/SimpleTransfer.style.ts b/client/src/pages/MainPage/Section/FeatureSection/SimpleTransfer/SimpleTransfer.style.ts
index 34f6696c..5c996369 100644
--- a/client/src/pages/MainPage/Section/FeatureSection/SimpleTransfer/SimpleTransfer.style.ts
+++ b/client/src/pages/MainPage/Section/FeatureSection/SimpleTransfer/SimpleTransfer.style.ts
@@ -7,7 +7,6 @@ export const sectionStyle = css({
   flexDirection: 'column',
   justifyContent: 'center',
   alignItems: 'center',
-  // backgroundColor: '#ffffff',
 });
 
 export const articleStyle = css({