[howaboutthese] 스타일 수정

- 노출에 맞도록 스타일 수정

com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.module.less

@@ -2,7 +2,7 @@
 @import '../../../style/utils.module.less';
 .bgcontainer {
   width: 100%;
-  height: calc(100vh - 210px);
+  height: 870px;
   background: linear-gradient(
     360deg,
     rgba(221.25, 221.25, 221.25, 0) 2%,

com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.response.module.less

@@ -15,6 +15,10 @@
   flex-direction: column;
   justify-content: flex-start;
   align-items: stretch;
+  position:fixed;
+  top:210px;
+  left:0;
+
 }
 
 .container {
@@ -26,6 +30,10 @@
   justify-content: flex-start;
   align-items: center;
   flex-shrink: 0;
+  position:fixed;
+  top:210px;
+  left:0;
+  z-index:201;
 }
 
 /* Header Section */
@@ -93,8 +101,7 @@
   align-items: center;
   position: absolute;
   left: 0;
-  top: 0;
-  z-index: 600;
+  top: 0;  
   background: linear-gradient(
     360deg,
     rgba(221, 221, 221, 0.15) 2%,

com.twin.app.shoptime/src/views/SearchPanel/SearchResults.new.v2.module.less

@@ -382,7 +382,7 @@
     position: fixed;
     top: 210px;
     width: 100%;
-    height: 100vh;
+    height: 870px;
     z-index: 200;
     pointer-events: auto;
     display: flex;