[TItemCard] style 변경

Detail Notes :

1. 제목 출력부분 하단 잘림 현상
- height 변경, line-height 추가
2. Discount Font 변경
- GUI에 “Arial”과 “LG Smart”를 혼동으로 사용중임
 > “LG Smart”로 변경하여 font-weight로 조절

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

@@ -30,7 +30,8 @@
       .size(@w: 60px, @h: 60px);
       border-radius: 60px;
       background-color: @PRIMARY_COLOR_RED;
-      .font(@fontFamily: "ArialBold", @fontSize:26px);
+      font-size: 26px;
+      font-weight: 600;
       text-align: center;
       line-height: 60px;
     }
@@ -111,7 +112,7 @@
   > div:nth-child(1) {
     position: relative;
     .size(@w: 288px, @h: 288px);
-    margin-bottom: 12px;
+    margin-bottom: 6px;
     color: @COLOR_WHITE;
 
     > img {
@@ -126,7 +127,8 @@
       .size(@w: 60px, @h: 60px);
       border-radius: 60px;
       background-color: @PRIMARY_COLOR_RED;
-      .font(@fontFamily: "ArialBold", @fontSize:26px);
+      font-size: 26px;
+      font-weight: 600;
       text-align: center;
       line-height: 60px;
     }
@@ -148,9 +150,9 @@
     flex-grow: 1;
 
     > h3 {
-      height: 60px;
-      margin-bottom: 6px;
+      height: 64px;
       font-weight: bold;
+      line-height: 1.33;
       font-size: 24px;
       color: @COLOR_GRAY06;
       .elip(@clamp:2);
@@ -162,6 +164,7 @@
       font-weight: bold;
       font-size: 30px;
       color: @PRIMARY_COLOR_RED;
+      margin-top: 8px;
 
       &.offerInfo {
         overflow: hidden;
@@ -174,7 +177,7 @@
 
         > span {
           margin-left: 5px;
-          font-weight: bold;
+          font-weight: normal;
           font-size: 18px;
           color: @COLOR_GRAY04;
           text-decoration: line-through;