[MypagePanel] 디자인 변경관련 수정.

- 하단에 있는 버튼 제거 .
 - 타이틀 있는부분들 제거
 - 디자인 변경부분 수정.

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Favorites/Favorites.jsx

@@ -1,13 +1,12 @@
 import React from "react";
 
-import classNames from "classnames";
 import { useSelector } from "react-redux";
 
 import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
 import Spottable from "@enact/spotlight/Spottable";
 
 import TButton, { SIZES, TYPES } from "../../../../components/TButton/TButton";
-import { $L } from "../../../../utils/helperMethods";
+import TScroller from "../../../../components/TScroller/TScroller";
 import css from "../Favorites/Favorites.module.less";
 
 const SpottableComponent = Spottable("div");
@@ -17,174 +16,262 @@ const Container = SpotlightContainerDecorator(
 );
 export default function Favorites() {
   const favoriteDatas = useSelector((state) => state.myPage.favoriteData);
-  console.log("###favoriteDatas", favoriteDatas);
 
   return (
     <div className={css.favoriteContainer}>
       <div className={css.contentsBox}>
-        <div className={css.buttonBox}>
-          <TButton
-            type={TYPES.mypage}
-            className={css.locateBox}
-            size={SIZES.small}
-          >
-            {$L("Delete")}
-          </TButton>
-        </div>
-        <Container className={css.contents}>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-              <div className={css.soldout}>
-                <div className={css.soldOutBg}></div>
-                <div className={css.soldOutText}>Sold Out</div>
+        <TScroller>
+          <Container className={css.contents}>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+                <div className={css.soldout}>
+                  <div className={css.soldOutBg}></div>
+                  <div className={css.soldOutText}>Sold Out</div>
+                </div>
               </div>
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-              <div className={css.soldout}>
-                <div className={css.soldOutBg}></div>
-                <div className={css.soldOutText}>Sold Out</div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
               </div>
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+                <div className={css.soldout}>
+                  <div className={css.soldOutBg}></div>
+                  <div className={css.soldOutText}>Sold Out</div>
+                </div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-        </Container>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+          </Container>
+        </TScroller>
       </div>
       {/* <div className={css.contentsBox}>
         <div className={classNames(css.contents, css.noContents)}>

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Favorites/Favorites.module.less

@@ -7,7 +7,6 @@
   background: @BG_COLOR_01;
   overflow-y: auto;
   .contentsBox {
-    padding-top: 30px;
     margin: 0 60px;
 
     .buttonBox {
@@ -24,7 +23,7 @@
       }
     }
     .contents {
-      margin-top: 30px;
+      margin-top: 42px;
       width: 100%;
       height: 100%;
       display: flex;

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/RecentlyViewed/RecentlyViewed.jsx

@@ -1,12 +1,9 @@
 import React from "react";
 
-import classNames from "classnames";
-
 import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
 import Spottable from "@enact/spotlight/Spottable";
 
-import TButton, { SIZES, TYPES } from "../../../../components/TButton/TButton";
-import { $L } from "../../../../utils/helperMethods";
+import TScroller from "../../../../components/TScroller/TScroller";
 import css from "../RecentlyViewed/RecentlyViewed.module.less";
 
 const SpottableComponent = Spottable("div");
@@ -19,219 +16,210 @@ export default function RecentlyViewed() {
   return (
     <div className={css.recentContainer}>
       <div className={css.contentsBox}>
-        <div className={css.buttonBox}>
-          <TButton
-            type={TYPES.mypage}
-            className={css.locateBox}
-            size={SIZES.small}
-          >
-            {$L("Delete")}
-          </TButton>
-        </div>
-        <div className={css.lineBox}>
-          <div className={css.subTitle}>Today</div>
-          <div className={css.liner}></div>
-        </div>
-        <Container className={css.contents}>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-              <div className={css.soldout}>
-                <div className={css.soldOutBg}></div>
-                <div className={css.soldOutText}>Sold Out</div>
+        <TScroller>
+          <div className={css.lineBox}>
+            <div className={css.subTitle}>Today</div>
+          </div>
+          <Container className={css.contents}>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+                <div className={css.soldout}>
+                  <div className={css.soldOutBg}></div>
+                  <div className={css.soldOutText}>Sold Out</div>
+                </div>
               </div>
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-        </Container>
-        <div className={css.lineBox}>
-          <div className={css.subTitle}>07/20</div>
-          <div className={css.liner}></div>
-        </div>
-        <Container className={css.contents}>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-              <div className={css.soldout}>
-                <div className={css.soldOutBg}></div>
-                <div className={css.soldOutText}>Sold Out</div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
               </div>
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+            </SpottableComponent>
+          </Container>
+          <div className={css.lineBox}>
+            <div className={css.subTitle}>07/20</div>
+          </div>
+          <Container className={css.contents}>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+                <div className={css.soldout}>
+                  <div className={css.soldOutBg}></div>
+                  <div className={css.soldOutText}>Sold Out</div>
+                </div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-              <div className={css.soldout}>
-                <div className={css.soldOutBg}></div>
-                <div className={css.soldOutText}>Sold Out</div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
               </div>
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-          <SpottableComponent className={css.itemBox}>
-            <div className={css.imgBox}>
-              <img src="https://picsum.photos/315/177" />
-            </div>
-            <div className={css.productbox}>
-              <div className={css.pdName}>
-                7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with LG
-                EasyLoad™ Door and AI Sensing
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
               </div>
-              <div className={css.pdAccount}>$999.99</div>
-            </div>
-          </SpottableComponent>
-        </Container>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+                <div className={css.soldout}>
+                  <div className={css.soldOutBg}></div>
+                  <div className={css.soldOutText}>Sold Out</div>
+                </div>
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+            <SpottableComponent className={css.itemBox}>
+              <div className={css.imgBox}>
+                <img src="https://picsum.photos/315/177" />
+              </div>
+              <div className={css.productbox}>
+                <div className={css.pdName}>
+                  7.3 cu. ft. Ultra Large Capacity Rear Control Gas Dryer with
+                  LG EasyLoad™ Door and AI Sensing
+                </div>
+                <div className={css.pdAccount}>$999.99</div>
+              </div>
+            </SpottableComponent>
+          </Container>
+        </TScroller>
       </div>
       {/* <div className={css.contentsBox}>
         <div className={classNames(css.contents, css.noContents)}>

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/RecentlyViewed/RecentlyViewed.module.less

@@ -6,28 +6,15 @@
 
   background: @BG_COLOR_01;
   .contentsBox {
-    padding-top: 30px;
     margin: 0 60px;
-
-    .buttonBox {
-      width: 100%;
-      display: flex;
-      flex-direction: row-reverse;
-      .locateBox {
-        min-width: 180px;
-        width: 180px;
-        height: 54px;
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-      }
-    }
-
     .lineBox {
       display: flex;
       width: 100%;
       height: 30px;
-      margin-top: 50px;
+      margin-top: 35px;
+      &.first-child {
+        margin-top: 42px;
+      }
       .subTitle {
         flex: none;
         font-size: 36px;
@@ -36,14 +23,6 @@
         color: @COLOR_GRAY06;
         letter-spacing: -0.9px;
       }
-      .liner {
-        flex: none;
-        width: calc(100% - 132px);
-        .border-solid(@size:1px, @color:@COLOR_GRAY09);
-        box-sizing: border-box;
-        height: 1px;
-        margin-top: 15px;
-      }
     }
     .contents {
       margin-top: 30px;
@@ -82,7 +61,7 @@
       .itemBox {
         flex: none;
         margin-right: 26px;
-        margin-bottom: 50px;
+        margin-top: 50px;
         .position(@position: relative, @top: auto, @right: auto, @bottom: auto, @left: auto);
         .size(@w: 315px, @h: 265px);
         border-radius: 12px;
@@ -100,6 +79,13 @@
         &:nth-child(5n + 5) {
           margin-right: 0;
         }
+        &:nth-child(1),
+        &:nth-child(2),
+        &:nth-child(3),
+        &:nth-child(4),
+        &:nth-child(5) {
+          margin-top: 0;
+        }
         .imgBox {
           .size(@w: 313px, @h: 177px);
           img {

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/Support.jsx

@@ -26,7 +26,6 @@ export default function Support() {
   return (
     <div className={css.supportContainer}>
       <div className={css.header}>
-        <div className={css.title}>{$L("Support")}</div>
         <TButtonTab
           contents={tabList}
           className={css.tTab}

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/Support.module.less

@@ -2,28 +2,14 @@
 @import "../../../../style/utils.module.less";
 
 .supportContainer {
-  background: @BG_COLOR_03;
-  height: 100%;
-  padding-left: 60px;
-  padding-top: 120px;
-
+  height: 822px;
+  margin: 42px 60px 0;
   .header {
-    margin-bottom: 50px;
-
-    .title {
-      color: #9ba5b5;
-      .font(@fontFamily: @baseFont,@fontSize:60px);
-      line-height: normal;
-      letter-spacing: -0.6px;
-      margin-bottom: 35px;
-    }
-
     .tTab {
       > div {
-        min-width: 260px;
-
+        min-width: 330px;
         > div {
-          .font(@fontFamily: @baseFontBold, @fontSize: 30px);
+          .font(@fontFamily: @baseFontBold, @fontSize: 24px);
         }
       }
     }