스타일 통일화 작업

com.twin.app.shoptime/src/App/App.module.less

@@ -1,7 +1,6 @@
 /* Reset */
 * {
   box-sizing: border-box;
-  color: #1a1a1a;
 }
 body,
 div,

com.twin.app.shoptime/src/components/TButton/TButton.module.less

@@ -65,7 +65,7 @@
       width: 37px;
       height: 37px;
     }
-    s &:hover,
+    &:hover,
     &:active,
     &:focus-within,
     &:focus {

com.twin.app.shoptime/src/components/TPopUp/TPopUp.module.less

@@ -47,7 +47,7 @@
       font-size: 36px;
       font-family: @baseFontBold;
       color: @COLOR_BLACK;
-      background-color: skyblue;
+      background-color: @COLOR_SKYBLUE;
       padding: 30px 60px;
     }
 
@@ -66,7 +66,7 @@
 
   .info {
     width: 1066px;
-    background-color: #e6ebf0;
+    background-color: @COLOR_SKYBLUE;
     padding: 60px;
 
     .textLayer {

com.twin.app.shoptime/src/style/CommonStyle.module.less

@@ -37,6 +37,7 @@
 
 @COLOR_BLACK: #000000;
 @COLOR_NAVY: #2c343f;
+@COLOR_SKYBLUE: #e7ebef;
 
 /* BUTTON */
 @BTN_MAIN_GREY: #7a808d;

com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.jsx

@@ -73,9 +73,10 @@ export default function IntroPanel({ children, ...rest }) {
       <TPanel className={css.panel} isTabActivated={false}>
         <Container {...rest} className={css.introLayout}>
           <div className={css.title}>
-            {`Welcome to `}
+            {$L(`Welcome to `)}
             <span className={css.txtPoint}>
-              Sh<span className={css.pointColor}>o</span>p Time !
+              Sh<span className={css.pointColor}>{$L("o")}</span>
+              {$L(`p Time !`)}
             </span>
           </div>
           <div className={css.description}>{description}</div>

com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.module.less

@@ -3,7 +3,7 @@
 
 .introLayout {
   .flex(@direction: column);
-  background-color: #f2f6fb;
+  background-color: @BG_COLOR_03;
   font-family: @baseFont;
   text-align: center;
   width: 100%;