[TV앱테스트][운영] Home / Top / Banner 세로형 OfferInfo가 2줄일 경우 현상

[CLM]https://harmony.lge.com:8443/issue/browse/SHOPTIME-3303

[DESC]
-  롤링부분 빠져있는부분 추가 및 기존 있는부분에서 할인값있을경우 위치 이상해져서 위치값변경

com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx

@@ -594,10 +594,10 @@ export default function RandomUnit({
                 ) : (
                   originalPrice
                 )}
+                {discountRate && (
+                  <span className={css.saleAccBox}>{originalPrice}</span>
+                )}
               </div>
-              {discountRate && (
-                <span className={css.saleAccBox}>{originalPrice}</span>
-              )}
             </div>
 
             <div className={css.itemImgBox}>

com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.module.less

@@ -187,6 +187,7 @@
             margin-left: 50px;
             text-align: left;
             display: block;
+            .elip(@clamp:1);
           }
           .saleAccBox {
             color: #767676;

com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.jsx

@@ -654,10 +654,10 @@ export default function RollingUnit({
               ) : (
                 originalPrice
               )}
+              {discountRate && (
+                <span className={css.saleAccBox}>{originalPrice}</span>
+              )}
             </div>
-            {discountRate && (
-              <span className={css.saleAccBox}>{originalPrice}</span>
-            )}
           </div>
 
           <div className={css.itemImgBox}>

com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.module.less

@@ -91,11 +91,14 @@
           margin-bottom: 6px;
         }
         .accBox {
+          width: 100%;
+          text-align: center;
           font-weight: bold;
           font-size: 42px;
           color: @PRIMARY_COLOR_RED;
           line-height: 1.14;
           display: inline-block;
+          .elip(@clamp:1);
           > strong {
             width: 260px;
             font-size: 30px;
@@ -111,6 +114,7 @@
           vertical-align: middle;
           text-decoration: line-through;
           margin-left: 9px;
+          display: inline-block;
         }
       }
       .itemImgBox {
@@ -140,6 +144,7 @@
             margin-left: 50px;
             text-align: left;
             display: block;
+            .elip(@clamp:1);
           }
           .saleAccBox {
             color: #767676;