[ProductTag] 조건부렌더링 로직 수정 및 스타일 수정

com.twin.app.shoptime/src/views/DetailPanel/components/ProductTag.jsx

@@ -8,7 +8,7 @@ import css from "./ProductTag.module.less";
 export default function ProductTag() {
   const productDataInfos = useSelector((state) => state.main.productData);
   const couponInfos = useSelector(
-    (state) => state.coupon.productCouponSearchData
+    (state) => state.coupon.productCouponSearchData.couponInfo
   );
 
   const { todaySpclFlag, freeShippingFlag, priceInfo, rewd } = productDataInfos;
@@ -23,7 +23,7 @@ export default function ProductTag() {
   return (
     <div className={css.ProductBadge}>
       {todaySpclFlag === "N" && <span className={css.specialValue}>TSV</span>}
-      {freeShippingFlag === "Y" && (
+      {freeShippingFlag === "N" && (
         <span className={css.freeShipping}>Free S&H</span>
       )}
       {originalPrice && discountedPrice && isBigSale && (
@@ -32,7 +32,7 @@ export default function ProductTag() {
       {rewd && rewd.length > 0 && (
         <span className={css.shoptimePrice}>Shop Time Price</span>
       )}
-      {Object.keys(couponInfos).length > 0 && (
+      {couponInfos && couponInfos.length > 0 && (
         <span className={css.coupon}>COUPON</span>
       )}
     </div>

com.twin.app.shoptime/src/views/DetailPanel/container/ProductOption.module.less

@@ -26,7 +26,6 @@
     height: 42px;
     margin-top: 14px;
     > div {
-      width: 180px;
       height: 36px;
     }
   }