diff --git a/pages/index.tsx b/pages/index.tsx
index 1c53c8bb7..856e9c63d 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,5 +1,5 @@
 
-import { ButtonCommon, ButtonIconBuy, Inputcommon, InputSearch, Layout } from 'src/components/common';
+import { Banner, ButtonCommon, ButtonIconBuy, Inputcommon, InputSearch, Layout } from 'src/components/common';
 import { IconBuy } from 'src/components/icons';
 
 
@@ -11,7 +11,7 @@ export default function Home() {
       <p>Go to <code>src/components</code> to make your awesome component!</p>
       <p>Go to <code>src/styles</code> to find global styles!</p>
 
-
+      {/* <Banner title="test" sub imgLink="https://user-images.githubusercontent.com/76729908/130574371-3b75fa72-9552-4605-aba9-a4b31cd9dce7.png"/> */}
       {/* demo  */}
       <div style={{ display: 'flex' }}>
         <Inputcommon placeholder="Enter here" />
diff --git a/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss b/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss
index aa4f91615..8e23a3720 100644
--- a/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss
+++ b/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss
@@ -8,7 +8,9 @@
         @apply flex items-center;
         .inputSearch {
             margin-left: 4.8rem;
-            @screen md {
+            //todo: remove
+            border: 1px solid red;
+            @screen lg {
                 min-width: 51.2rem;
                 max-width: 50%;
             }
@@ -19,7 +21,10 @@
         li {
             @apply flex justify-center items-center w-full;
             &:not(:last-child) {
-                margin-right: 6.4rem;
+                margin-right: 4.8rem;
+                @screen lg {
+                    margin-right: 6.4rem;
+                }
             }
             a {
                 @appy no-underline;
diff --git a/src/components/common/Header/components/HeaderSubMenu/HeaderSubMenu.module.scss b/src/components/common/Header/components/HeaderSubMenu/HeaderSubMenu.module.scss
index 34d3d2a6c..b10925877 100644
--- a/src/components/common/Header/components/HeaderSubMenu/HeaderSubMenu.module.scss
+++ b/src/components/common/Header/components/HeaderSubMenu/HeaderSubMenu.module.scss
@@ -1,13 +1,22 @@
 @import "../../../../../styles/utilities";
 
 .headerSubMenu {
-    @apply flex justify-between items-center;
     padding-bottom: 0.8rem;
+    @screen lg {
+        @apply flex justify-between items-center;
+    }
     .menu {
         @apply flex items-center list-none;
+        margin-bottom: 2.4rem;
+        @screen lg {
+            margin-bottom: 0;
+        }
         li {
             &:not(:last-child) {
-                margin-right: 4rem;
+                margin-right: 2.4rem;
+                @screen lg {
+                    margin-right: 4rem;
+                }
             }
             a {
                 @appy no-underline;
diff --git a/src/components/common/NotiMessage/NotiMessage.module.scss b/src/components/common/NotiMessage/NotiMessage.module.scss
index a07ea0c0f..a8015ea8e 100644
--- a/src/components/common/NotiMessage/NotiMessage.module.scss
+++ b/src/components/common/NotiMessage/NotiMessage.module.scss
@@ -2,6 +2,7 @@
 
 .notiMessage {
     @apply caption bg-info-light;
+    width: fit-content;
     color: var(--info-dark);
     padding: 0.4rem 1.6rem;
     border-radius: 3rem;