[검색부분] 검색시 글자수 길경우 칩의 길이 조절 및 말줄임표 처리

- 스타일수정

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

@@ -156,7 +156,7 @@
       font-size: 24px;
       font-family: 'LG Smart UI';
       font-weight: 700;
-      line-height: 24px;
+      line-height: 62px;
       text-align: center;
       word-wrap: break-word;
       //timeStamp
@@ -164,6 +164,8 @@
       background-position: 15px center;
       background-repeat: no-repeat;
       background-size: 26px 25px;
+      max-width: 300px;
+      .elip(1);
       &:hover {
         background: @PRIMARY_COLOR_RED;
         border: 5px solid @PRIMARY_COLOR_RED;

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

@@ -362,13 +362,6 @@
           cursor: pointer;
           transition: all 0.2s ease;
           height: 64px;
-          > * {
-            margin-bottom: 10px;
-
-            &:last-child {
-              margin-bottom: 0;
-            }
-          }
 
           color: black;
           font-size: 24px;
@@ -378,6 +371,13 @@
           text-align: center;
           word-wrap: break-word;
 
+          > * {
+            margin-bottom: 10px;
+
+            &:last-child {
+              margin-bottom: 0;
+            }
+          }
           &:hover {
             border-color: @PRIMARY_COLOR_RED;
             box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
@@ -459,7 +459,7 @@
       }
 
       .keywordButton {
-        padding: 20px;
+        padding: 0 20px;
         background: white;
         border-radius: 100px;
         border: 5px solid #dadada;
@@ -482,10 +482,11 @@
         font-size: 24px;
         font-family: 'LG Smart UI';
         font-weight: 700;
-        line-height: 24px;
+        line-height: 63px;
         text-align: center;
         word-wrap: break-word;
-
+        max-width: 300px;
+        .elip(1);
         &:hover {
           border-color: @PRIMARY_COLOR_RED;
           box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);