top visual 전체 수정

app/assets/scss/media.scss

@@ -0,0 +1,3 @@
+@media(max-width: 1080px){
+  
+}

app/assets/scss/style.scss

@@ -17,24 +17,20 @@
 
 #top--visual {
     &.company {
-        background: url(/img/top_ban_company.jpg) no-repeat;
-        background-attachment: fixed;
-        background-size: contain;
+        background: url(/img/top_ban_company.jpg) no-repeat center;
+        background-size: cover;
     }
     &.products{
-        background: url(/img/top_ban_products.jpg) no-repeat;
-        background-attachment: fixed;
-        background-size: contain;
+        background: url(/img/top_ban_products.jpg) no-repeat center;
+        background-size: cover;
     }
     &.technology{
-        background: url(/img/top_ban_technology.jpg) no-repeat;
-        background-attachment: fixed;
-        background-size: contain;
+        background: url(/img/top_ban_technology.jpg) no-repeat center;
+        background-size: cover;
     }
     &.media{
-        background: url(/img/top_ban_media.jpg) no-repeat;
-        background-attachment: fixed;
-        background-size: contain;
+        background: url(/img/top_ban_media.jpg) no-repeat bottom;
+        background-size: cover;
     }
 }
 

app/assets/scss/sub.scss

@@ -4,14 +4,13 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  
-  height:100%;
+  height: 440px;
   width: 100%;
 
   &.contact{
     background: url(/img/top_ban_contact.jpg) no-repeat top;
-    background-attachment: fixed;  
-    background-size: contain;
+    // background-attachment: fixed;  
+    background-size: cover;
   }