이태영 - 20210208 장바구니 화면 생성 중

src/main/java/com/style24/front/biz/dao/TsfCartDao.java

@@ -123,4 +123,13 @@ public interface TsfCartDao {
      * @since 2021. 02. 08
      */
     Collection<Order> getCartGoodsList(Order param);
+
+    /**
+     * 장바구니 상품 조회
+     * @param Order
+     * @return Order
+     * @author xodud1202
+     * @since 2021. 02. 08
+     */
+    Collection<Order> getCartListDelvFeeInfoList(Order param);
 }

src/main/java/com/style24/front/biz/service/TsfCartService.java

@@ -1,11 +1,21 @@
 package com.style24.front.biz.service;
 
+import java.util.ArrayList;
+import java.util.Collection;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+import org.thymeleaf.util.StringUtils;
+
 import com.gagaframework.web.parameter.GagaMap;
 import com.style24.core.biz.service.TscOrderService;
 import com.style24.core.support.env.TscConstants;
 import com.style24.core.support.session.TscSession;
 import com.style24.front.biz.dao.TsfCartDao;
-import com.style24.front.support.env.TsfConstants;
 import com.style24.front.support.security.session.TsfSession;
 import com.style24.persistence.domain.Cart;
 import com.style24.persistence.domain.Goods;
@@ -13,17 +23,6 @@ import com.style24.persistence.domain.GoodsStock;
 import com.style24.persistence.domain.Order;
 
 import lombok.extern.slf4j.Slf4j;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.stereotype.Service;
-import org.springframework.transaction.annotation.Transactional;
-import org.springframework.web.servlet.ModelAndView;
-import org.thymeleaf.util.StringUtils;
-
-import java.util.ArrayList;
-import java.util.Collection;
-import java.util.HashMap;
-import java.util.List;
-import java.util.Map;
 
 /**
  * 장바구니 Service
@@ -246,15 +245,15 @@ public class TsfCartService {
 		// 품절체크
 		for(Order goods : cartGoodsList) {
 			// 상품 재고 확인
-			GoodsStock checkParam = new GoodsStock();
+			/*GoodsStock checkParam = new GoodsStock();
 			checkParam.setGoodsCd(goods.getGoodsCd());
 			checkParam.setItemCd(goods.getItemCd());
 			checkParam.setOptCd(goods.getOptCd());
 			checkParam.setGoodsQty(goods.getGoodsQty());
 			checkParam.setGoodsType(goods.getGoodsType());
-			String stockResult = goodsService.getCheckStock(checkParam);
+			String stockResult = goodsService.getCheckStock(checkParam);*/
 
-			//String stockResult = "SUCCESS";
+			String stockResult = "SUCCESS";
 
 			if("SUCCESS".equals(stockResult)) {
 				goods.setSoldoutYn("N");
@@ -266,23 +265,29 @@ public class TsfCartService {
 
 		order.setCartSqArr(cartSqs.stream().mapToInt(Integer::intValue).toArray());
 
-		// 다다익선 할인 상품 조회
+		// 다다익선 할인 상품 조회 (품절 상품 제외)
 		Collection<Order> moreBetterAmtList = getMoreBetterAmtList(order);
 
-		order = coreOrderService.getCartDelvGoodsCntList(moreBetterAmtList);
+		// 다다익선 할인 정보 및 상품 정보 장바구니에 등록
+		for(Order cart : cartGoodsList) {
+			for(Order info : moreBetterAmtList) {
+				if(cart.getCartSq() == info.getCartSq()) {
+					cart.setTmtbDcAmt(info.getTmtbDcAmt());
+					cart.setApplyAmtSectionYn(info.getApplyAmtSectionYn());
+					cart.setApplyQtySectionYn(info.getApplyQtySectionYn());
+					cart.setQtyTmtbNm(info.getQtyTmtbNm());
+					cart.setAmtTmtbNm(info.getAmtTmtbNm());
+					cart.setQtyTmtbSq(info.getQtyTmtbSq());
+					cart.setAmtTmtbSq(info.getAmtTmtbSq());
+				}
+			}
+		}
 
-		/*delvOrder.setWmsCnt(wmsCnt);					// 자사몰 일반배송건수
-		delvOrder.setResCnt(resCnt);					// 자사몰 예약배송건수
-		delvOrder.setDelvCnt(delvCnt);					// 입점업체 배송건수
-		delvOrder.setDelvTotCnt(delvTotCnt);			// 배송유형건수
-		delvOrder.setDelvFeeTotCnt(delvFeeTotCnt);		// 전체배송건수
-		delvOrder.setWmsCartList(wmsCartList);			// 자사 일반상품 목록
-		delvOrder.setResCartList(resCartList);			// 자사 예약상품 목록
-		delvOrder.setDelvCartList(delvCartList);		// 입점업체 상품 목록*/
+		// 장바구니 업체별 배송비 계산
+		setCartListDelvFeeInfo(cartGoodsList);
 
-		/*result.put("wmsCartList", order.getWmsCartList());
-		result.put("resCartList", order.getResCartList());
-		result.put("delvCartList", order.getDelvCartList());*/
+		// 자사 / 입점업체 리스트 분리
+		order = getCartDelvGoodsCntList(cartGoodsList);
 
 		return order;
 	}
@@ -391,7 +396,6 @@ public class TsfCartService {
 			for(Order apply : tmtbQtyApplyList) {
 				if(cart.getCartSq() == apply.getCartSq()) {
 					cart.setTmtbDcAmt(apply.getTmtbDcAmt());
-					cart.setQtySumCurrPrice(apply.getCurrPrice() * apply.getGoodsQty());
 					cart.setApplyQtySectionYn(apply.getApplyQtySectionYn());
 					cart.setQtyTmtbNm(apply.getTmtbNm());
 					cart.setQtyTmtbSq(apply.getTmtbSq());
@@ -508,7 +512,6 @@ public class TsfCartService {
 		for(Order cart : cartGoodsList) {
 			for(Order apply : tmtbAmtApplyList) {
 				if(cart.getCartSq() == apply.getCartSq()) {
-
 					if(apply.getTmtbDcAmt() > 0) {
 						cart.setTmtbDcAmt(apply.getTmtbDcAmt());
 					}
@@ -522,4 +525,124 @@ public class TsfCartService {
 		//return result;
 		return cartGoodsList;
 	}
+
+	/**
+	 * 장바구니 배송단위별 상품 정보 조회
+	 *
+	 * @param Order
+	 * @author jsh77b
+	 * @since 2021. 02. 02
+	 */
+	public Order getCartDelvGoodsCntList(Collection<Order> cartGoodsList) {
+
+		// 1. 장바구니 상품 배송단위별 건수 체크 로직 (자사:총알배송, 자사:일반배송, 입점업체, 예약배송)
+		Order delvOrder = new Order();
+
+		Collection<Order> wmsCartList 	= new ArrayList<Order>();
+		Collection<Order> delvCartList 	= new ArrayList<Order>();
+
+		for (Order order : cartGoodsList) {
+			// 1.1 세트상품 옵션별 배열로 담기
+			if (order.getItemNm().contains("!@!")) {
+				order.setItemNmArr(order.getItemNm().split("!@!"));
+				order.setOptCdArr(order.getOptCd().split(","));
+				order.setItemQtyArr(order.getItemQtyr().split(","));
+			} else {
+				String[] arr = {order.getItemNm()}, arr2 = {order.getOptCd()}, arr3 = {order.getItemQtyr()};
+				order.setItemNmArr(arr);
+				order.setOptCdArr(arr2);
+				order.setItemQtyArr(arr3);
+			}
+
+			// 1.2 즉시할인 적용가 * 주문수량(장바구니수량)
+			order.setCurrPrice(order.getCurrPrice() * order.getGoodsQty());
+
+			// 1.3 배송정책별 상품 구분
+			if (order.getDelvFeeCd().equals("WMS")) {
+				wmsCartList.add(order);
+			} else {
+				delvCartList.add(order);
+			}
+		}
+
+		delvOrder.setWmsCartList(wmsCartList);			// 자사 일반상품 목록
+		delvOrder.setDelvCartList(delvCartList);		// 입점 업체 상품 목록
+
+		return delvOrder;
+	}
+
+	public void setCartListDelvFeeInfo(Collection<Order> params) {
+		Order delvInfo = new Order();
+		List<Integer> cartSqArr = new ArrayList<Integer>();
+
+		// 장바구니 일련번호 세팅
+		for(Order param : params) {
+			cartSqArr.add(param.getCartSq());
+		}
+		delvInfo.setCartSqArr(cartSqArr.stream().mapToInt(Integer::intValue).toArray());
+
+		// 장바구니 업체별 배송비 정보 조회
+		Collection<Order> delvFeeInfo = cartDao.getCartListDelvFeeInfoList(delvInfo);
+
+		// 업체별 상품 합계 금액 저장
+		int compCnt = 0;
+		for(Order delv : delvFeeInfo) {
+			compCnt = 0;
+			for(Order param : params) {
+				if(param.getDelvFeeCd().equals(delv.getDelvFeeCd())) {
+					compCnt++;
+					if("N".equals(param.getSoldoutYn())) {
+						delv.setCompSumPrice(delv.getCompSumPrice() + (param.getCurrPrice() * param.getGoodsQty()));
+					}
+
+					if(compCnt == 1) {
+						param.setFirstCompYn("Y");
+					}
+					/* else {
+						param.setFirstCompYn("N");
+					}*/
+				}
+			}
+		}
+
+		// 장바구니 업체별 합계 금액으로 무료배송 여부 저장
+		for(Order delv : delvFeeInfo) {
+			for(Order param : params) {
+				if(param.getDelvFeeCd().equals(delv.getDelvFeeCd())) {		// TODO 자사 배송비는 어떤 금액으로 처리하는지 확인 후 조건 수정 필요 (WMS는 DELV_FEE_CD 동일한거 없음)
+					param.setCompCnt(delv.getCompCnt());
+					if(TscConstants.DelvFeeCrite.FREE.value().equals(delv.getDelvFeeCrite())) {
+						param.setDelvFee(0);
+					} else if(TscConstants.DelvFeeCrite.NORMAL.value().equals(delv.getDelvFeeCrite()) && delv.getCompSumPrice() > delv.getMinOrdAmt()) {
+						param.setDelvFee(0);
+					} else {
+						param.setDelvFee(delv.getDelvFee());
+					}
+				}
+			}
+		}
+
+		// TODO 자사 배송비는 어떤 금액으로 처리하는지 확인 후 수정 필요
+		int wmsSumPrice = 0;
+		compCnt = 0;
+		for(Order param : params) {
+			compCnt++;
+			if("WMS".equals(param.getDelvFeeCd())) {
+				wmsSumPrice = wmsSumPrice + (param.getCurrPrice() * param.getGoodsQty());
+				if(compCnt == 1) {
+					param.setFirstCompYn("Y");
+				}
+			}
+		}
+
+		// TODO 자사 배송비는 어떤 금액으로 처리하는지 확인 후 수정 필요
+		for(Order param : params) {
+			if("WMS".equals(param.getDelvFeeCd())) {
+				if(wmsSumPrice > 40000) {
+					param.setDelvFee(0);
+				} else {
+					param.setDelvFee(2500);
+				}
+			}
+		}
+	}
 }

src/main/java/com/style24/front/biz/web/TsfCartController.java

@@ -91,8 +91,8 @@ public class TsfCartController extends TsfBaseController {
 	public String selecCartGoodsList(Order param, Model model) {
 		Order order = cartService.getCartGoodsList(param);
 
+		model.addAttribute("param", param);
 		model.addAttribute("wmsCartList", order.getWmsCartList());
-		model.addAttribute("resCartList", order.getResCartList());
 		model.addAttribute("delvCartList", order.getDelvCartList());
 		model.addAttribute("IMG_PATH", env.getProperty("upload.goods.view"));
 

src/main/java/com/style24/persistence/mybatis/shop/TsfCart.xml

@@ -72,8 +72,6 @@
 		INSERT INTO TB_CART (
 		          CART_GB
 		        , GOODS_CD
-		        , PRODUCT_NO
-		        , PRODUCT_CODE
 		        , GOODS_QTY
 		        , DEAL_GOODS_CD
 		        , JSESSION_ID
@@ -88,8 +86,6 @@
 		        , UPD_DT)
 		SELECT #{cartGb}
 			 , GOODS_CD
-			 , PRODUCT_NO
-			 , PRODUCT_CODE
 		     , #{goodsQty}
 		     , #{dealGoodsCd}
 			 , #{jsessionId}
@@ -113,7 +109,7 @@
 		          CART_SQ
 		        , ITEM_CD
 		        , OPT_CD
-		        , OPT_CD1
+		        , OPT_CD1TSF
 		        , OPT_CD2
 		        , SKU_MODEL_NO
 		        , PRODUCT_NO
@@ -131,8 +127,8 @@
 		     , O.OPT_CD1
 		     , O.OPT_CD2
 		     , O.SKU_MODEL_NO
-		     , G.PRODUCT_NO
-		     , G.PRODUCT_CODE
+		     , O.PRODUCT_NO
+		     , O.PRODUCT_CODE
 		     , IFNULL(GC.QTY, 1)
 			 , IFNULL(GC.DISP_ORD, 1)						<!-- TB_GOODS_COMPOSE DISP_ORD 따라 CART_DETAIL도 동일하게 진행 -->
 			 , #{regNo}
@@ -184,8 +180,6 @@
 								 , CART_GB
 								 , GOODS_CD
 								 , GOODS_QTY
-								 , PRODUCT_NO
-								 , PRODUCT_CODE
 								 , DEAL_GOODS_CD
 								 , ORD_NO
 								 , CUST_NO
@@ -200,8 +194,6 @@
 			 , C.CART_GB
 			 , C.GOODS_CD
 		     , C.GOODS_QTY
-			 , C.PRODUCT_NO
-			 , C.PRODUCT_CODE
 			 , C.DEAL_GOODS_CD
 			 , IFNULL(#{ordNo}, 0) AS ORD_NO
 			 , C.CUST_NO
@@ -380,31 +372,116 @@
 	<!-- 장바구니 상품 조회 -->
 	<select id="getCartGoodsList" parameterType="Order" resultType="Order">
 		/* TsfCart.getCartGoodsList : 장바구니 상품 조회 */
-		SELECT C.CART_SQ
-			 , C.GOODS_CD
-			 , C.GOODS_QTY
-			 , CD.ITEM_CD
-			 , CD.OPT_CD
-			 , G.GOODS_TYPE
+		SELECT GROUP_CONCAT(Z.ITEM_NM ORDER BY Z.CART_DTL_SQ SEPARATOR '!@!') AS ITEM_NM
+			 , GROUP_CONCAT(Z.ITEM_CD ORDER BY Z.CART_DTL_SQ) AS ITEM_CD
+			 , GROUP_CONCAT(Z.OPT_CD ORDER BY Z.CART_DTL_SQ) AS OPT_CD
+			 , GROUP_CONCAT(Z.OPT_CD1 ORDER BY Z.CART_DTL_SQ) AS OPT_CD1
+			 , GROUP_CONCAT(Z.OPT_CD2 ORDER BY Z.CART_DTL_SQ) AS OPT_CD2
+			 , GROUP_CONCAT(Z.ITEM_QTY ORDER BY Z.CART_DTL_SQ) AS ITEM_QTYR
+			 , Z.CART_SQ
+			 , Z.GOODS_CD
+			 , Z.GOODS_NM
+		     , Z.BRAND_NM
+		     , Z.SUPPLY_COMP_NM
+			 , Z.GOODS_QTY
+			 , Z.GOODS_TYPE
+			 , Z.SUPPLY_COMP_CD
+			 , Z.DELV_FEE_CD
+		     , Z.CURR_PRICE
+			 , CASE WHEN #{frontGb} = 'P' THEN (Z.CURR_PRICE * Z.GOODS_QTY) * (Z.PNT_PRATE/100)
+					ELSE (Z.CURR_PRICE * Z.GOODS_QTY) * (Z.PNT_MRATE/100) END AS SAVE_PNT_AMT
+			 , GI.SYS_IMG_NM
+		FROM   (SELECT C.CART_SQ
+					 , C.GOODS_CD
+					 , C.GOODS_QTY
+					 , CD.ITEM_CD
+					 , CD.OPT_CD
+		             , CD.ITEM_QTY
+		             , CD.CART_DTL_SQ
+		             , O.OPT_CD1
+		             , O.OPT_CD2
+					 , G.GOODS_TYPE
+					 , G.SUPPLY_COMP_CD
+		             , G.GOODS_NM
+		             , G.BRAND_CD
+		             , G.PNT_PRATE
+					 , G.PNT_MRATE
+		             , FN_GET_APPLY_CPN1_PRICE(C.GOODS_CD, #{frontGb}) AS CURR_PRICE
+		             , (SELECT BRAND_KNM FROM TB_BRAND WHERE BRAND_CD = G.BRAND_CD) AS BRAND_NM
+		             , (SELECT SUPPLY_COMP_NM FROM TB_SUPPLY_COMPANY WHERE SUPPLY_COMP_CD = G.SUPPLY_COMP_CD) AS SUPPLY_COMP_NM
+					 , (SELECT GOODS_NM FROM TB_GOODS WHERE GOODS_CD = CD.ITEM_CD) AS ITEM_NM
+					 , CASE WHEN G.SELF_GOODS_YN = 'Y' THEN 'WMS'
+							ELSE DFP.DELV_FEE_CD END AS DELV_FEE_CD
+				FROM   TB_CART C
+				INNER  JOIN TB_CART_DETAIL CD
+				ON     C.CART_SQ = CD.CART_SQ
+				INNER  JOIN TB_GOODS G
+				ON     C.GOODS_CD = G.GOODS_CD
+				INNER  JOIN TB_DELV_FEE_POLICY DFP
+				ON     G.DELV_FEE_CD = DFP.DELV_FEE_CD
+				INNER  JOIN TB_OPTION O
+				ON     CD.ITEM_CD = O.GOODS_CD
+				AND    CD.OPT_CD = O.OPT_CD
+				WHERE  G.SELF_MALL_YN = 'Y'
+				AND    G.GOODS_STAT = 'G008_90'
+				<if test="custNo == 0">
+				AND    C.CUST_NO = 0
+				AND    C.JSESSION_ID = #{jsessionId}
+				</if>
+				<if test="custNo != 0">
+				AND    C.CUST_NO = #{custNo}
+				</if>
+				<if test="cartSqArr != null and cartSqArr.length > 0">
+				AND    C.CART_SQ IN
+					<foreach collection="cartSqArr" item="item" index="index"  open="(" close=")" separator=",">
+						#{item}
+					</foreach>
+				</if>
+				ORDER BY G.SUPPLY_COMP_CD ) Z
+		LEFT   OUTER JOIN TB_GOODS_IMG GI
+		ON	   Z.GOODS_CD = GI.GOODS_CD
+		AND	   Z.OPT_CD1 = GI.COLOR_CD
+		AND    GI.DEFAULT_IMG_YN = 'Y'
+		GROUP  BY Z.CART_SQ
+			 , Z.GOODS_CD
+			 , Z.GOODS_QTY
+			 , Z.GOODS_TYPE
+			 , Z.SUPPLY_COMP_CD
+			 , Z.GOODS_NM
+		     , Z.BRAND_NM
+			 , Z.SUPPLY_COMP_NM
+			 , Z.DELV_FEE_CD
+		     , Z.CURR_PRICE
+		     , Z.PNT_PRATE
+			 , Z.PNT_MRATE
+			 , GI.SYS_IMG_NM
+		ORDER  BY Z.SUPPLY_COMP_CD
+			 , Z.GOODS_CD
+	</select>
+
+	<!-- 장바구니 업체별 배송비 -->
+	<select id="getCartListDelvFeeInfoList" parameterType="Order" resultType="Order">
+		/* TsfCart.getCartListDelvFeeInfoList */
+		SELECT DFP.MIN_ORD_AMT
+			 , DFP.DELV_FEE
+			 , DFP.DELV_FEE_CRITE
+		     , DFP.DELV_FEE_CD
+			 , COUNT(G.SUPPLY_COMP_CD) AS COMP_CNT
 		FROM   TB_CART C
-		INNER  JOIN TB_CART_DETAIL CD
-		ON     C.CART_SQ = CD.CART_SQ
 		INNER  JOIN TB_GOODS G
 		ON     C.GOODS_CD = G.GOODS_CD
-		WHERE  G.SELF_MALL_YN = 'Y'
-		AND    G.GOODS_STAT = 'G008_90'
-		<if test="custNo == 0">
-		AND    C.CUST_NO = 0
-		AND    C.JSESSION_ID = #{jsessionId}
-		</if>
-		<if test="custNo != 0">
-		AND    C.CUST_NO = #{custNo}
-		</if>
-		<if test="cartSqArr != null and cartSqArr.length > 0">
+		INNER  JOIN TB_DELV_FEE_POLICY DFP
+		ON     G.DELV_FEE_CD = DFP.DELV_FEE_CD
+		AND    DFP.USE_YN = 'Y'
+		WHERE  1=1
+		AND    G.SELF_MALL_YN = 'Y'
 		AND    C.CART_SQ IN
-			<foreach collection="cartSqArr" item="item" index="index"  open="(" close=")" separator=",">
-				#{item}
-			</foreach>
-		</if>
+		<foreach collection="cartSqArr" item="item" index="index"  open="(" close=")" separator=",">
+			#{item}
+		</foreach>
+		GROUP  BY DFP.MIN_ORD_AMT
+			 , DFP.DELV_FEE_CRITE
+			 , DFP.DELV_FEE_CD
+			 , DFP.DELV_FEE
 	</select>
 </mapper>

src/main/webapp/WEB-INF/views/web/cart/cartListAjaxFormWeb.html

@@ -1,73 +1,408 @@
 <html lang="ko"
       xmlns:th="http://www.thymeleaf.org">
-<table>
-    <colgroup>
-        <col width="710">
-        <col width="190">
-        <col width="*">
-    </colgroup>
-    <tbody>
-<th:block th:each="cart, status : ${wmsCartList}">
-    <tr>
-        <td class="t_l">
-            <div class="info_item">
-                <div class="form_box">
-                    <p class="form_field">
-                        <input id="cartSqArr" type="checkbox" th:value="${cart.cartSq}" checked><label for="cartSqArr"><span class="sr-only">상품선택</span></label>
-                    </p>
+<!-- CONT-BODY -->
+<div class="od_cont">
+    <div class="sec_head">
+        <div class="tbl type4">
+            <table>
+                <colgroup>
+                    <col width="150">
+                    <col width="*">
+                </colgroup>
+                <tbody>
+                <tr>
+                    <th>
+                        배송방법 선택
+                    </th>
+                    <td>
+                        <div class="form_field">
+                            <div>
+                                <input type="radio" name="radio" id="blt_ship1" value="">
+                                <label for="blt_ship1"><span><em class="tag">총알배송</em>10/15일 24:00 까지 도착</span></label>
+                            </div>
+                            <div>
+                                <input type="radio" name="radio" id="blt_ship2" value="" checked="">
+                                <label for="blt_ship2"><span>총알 배송 안함 (10/25일 도착 예정)</span></label>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <div class="sec_body">
+        <!-- 총알배송 -->
+        <div class="part_deliver" th:if="${wmsCartList.size() > 0}">
+            <h3 class="subH2 mb20">
+                STYLE24 총알배송
+                <span class="ml10">오늘 자정까지 도착</span>
+            </h3>
+            <!--<h3 class="subH2 mb20">
+                STYLE24 일반배송
+            </h3>-->
+            <div class="tbl type2">
+                <table>
+                    <colgroup>
+                        <col width="900">
+                        <col width="*">
+                    </colgroup>
+                    <tbody>
+                    <th:block th:each="cart, status : ${wmsCartList}">
+                    <tr>
+                        <td>
+                            <!-- 주문가능 상품 -->
+                            <div class="info_item" th:classappend="${cart.soldoutYn.equals('Y')} ? unable"> <!-- 주문불가시 class="unable" 추가 / 인풋, 버튼 disable 처리 -->
+                                <div class="form_box">
+                                    <p class="form_field">
+                                        <input id="od_item1" type="checkbox" th:value="${cart.cartSq}" th:checked="${cart.soldoutYn.equals('N')}" />
+                                        <label for="od_item1">
+                                            <span class="sr-only">상품선택</span>
+                                        </label>
+                                    </p>
+                                </div>
+                                <div class="thumb_box">
+                                    <a href="">
+                                        <img th:src="${IMG_PATH} + '/' + ${cart.sysImgNm}" src="/" width="100%" alt="">
+                                    </a>
+                                </div>
+                                <div class="info_box">
+                                    <p class="od_name">
+                                        <a href="">
+                                            <span class="brand" th:text="${cart.brandNm}"></span>
+                                            <span th:if="${!#strings.isEmpty(cart.delvResDt)}" class="reserv_date" th:text="|${cart.delvResDt} 배송예정|"></span>
+                                            <span class="name" th:text="${cart.goodsNm}"></span>
+                                        </a>
+                                    </p>
+                                    <p class="od_opt" th:each="opt, index : ${cart.itemNmArr}">
+                                        <span class="option"><em th:text="${cart.itemNmArr[index.index]} + '_' + ${cart.optCdArr[index.index]}"></em></span>
+                                        <span class="count">수량:<em th:text="${cart.itemQtyArr[index.index]} * ${cart.goodsQty}"></em>개</span>
+                                    </p>
+                                    <p class="od_modify">
+                                        <button type="button" id="btn_opt_pop"><span>옵션/수량변경</span></button>
+                                    </p>
+                                    <!-- 다다익선 적용 -->
+                                    <div class="od_moresale" th:if="${cart.applyQtySectionYn == 'Y' or cart.applyAmtSectionYn == 'Y'}">
+                                        <a href="" class="btn_moresale">
+                                            <i class="ico ico_saletag"></i><span>다다익선 할인적용!</span>
+                                        </a>
+                                        <div class="li_moresale">
+                                            <ul>
+                                                <li th:if="${cart.applyQtySectionYn == 'Y'}" th:text="${cart.qtyTmtbNm}"></li>
+                                                <li th:if="${cart.applyAmtSectionYn == 'Y'}" th:text="${cart.amtTmtbNm}"></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                    <!-- 다다익선 미적용 -->
+                                    <div class="od_moresale" th:if="${cart.applyQtySectionYn == 'N' or cart.applyAmtSectionYn == 'N'}">
+                                        <a href="" class="btn_moresale">
+                                            <i class="ico ico_saletag"></i><span>다다익선 상품보기</span>
+                                        </a>
+                                        <div class="li_moresale">
+                                            <ul>
+                                                <li th:if="${cart.applyQtySectionYn == 'N'}" th:text="${cart.qtyTmtbNm}"><a href="">대상 상품 보기</a></li>
+                                                <li th:if="${cart.applyAmtSectionYn == 'N'}" th:text="${cart.amtTmtbNm}"><a href="">대상 상품 보기</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                    <!-- 주문불가시 안내추가 -->
+                                    <div class="info_unable" th:if="${cart.soldoutYn.equals('Y')}">
+                                        해당상품은 구매가 불가능한 상품입니다. / 상품이 품절되었습니다.
+                                    </div>
+                                    <!-- //주문불가시 안내추가 -->
+                                </div>
+                                <div class="info_calc">
+                                    <p class="price" th:if="${cart.tmtbDcAmt > 0}">
+                                        <span class="selling_price" th:text="|${#numbers.formatInteger(cart.tmtbDcAmt, 1, 'COMMA')} 원|"></span>
+                                        <del th:text="|${#numbers.formatInteger(cart.currPrice, 1, 'COMMA')} 원|"></del>
+                                    </p>
+                                    <p class="price" th:if="${cart.tmtbDcAmt == 0}">
+                                        <span class="selling_price" th:text="|${#numbers.formatInteger(cart.currPrice, 1, 'COMMA')} 원|"></span>
+                                    </p>
+                                    <p class="point"><span th:text="${#numbers.formatInteger(cart.savePntAmt, 1, 'COMMA')}"></span>p 적립예정</p>
+                                    <p>
+                                        <button th:if="${cart.soldoutYn.equals('Y')}" type="button" class="btn btn_sm" disabled><span>구매불가</span></button>
+                                        <button th:if="${cart.soldoutYn.equals('N')}" type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
+                                    </p>
+                                    <p class="util">
+                                        <span>
+                                            <button type="button" class="btn_favorite"><span><i class="ico ico_like2"></i><em class="sr-only">관심상품 추가</em></span></button>
+                                        </span>
+                                        <span>
+                                            <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
+                                        </span>
+                                    </p>
+                                </div>
+                            </div>
+                            <!-- //주문가능 상품 -->
+                        </td>
+                        <td class="merge_row" th:if="${status.index == 0}" th:rowspan="${wmsCartList.size()}"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
+                            <div class="info_dlvr">
+                                <span class="dlvr_fee" th:if="${cart.delvFee == 0}">배송비 무료</span>
+                                <span class="dlvr_fee" th:if="${cart.delvFee > 0}" th:text="|배송비 ${#numbers.formatInteger(cart.delvFee, 1, 'COMMA')} 원|"></span>
+                                <a href="#" target="_blank" th:if="${cart.delvFee > 0}">배송비 SAVE 상품 보기</a>
+                            </div>
+                        </td>
+                    </tr>
+                    </th:block>
+                    </tbody>
+                </table>
+            </div>
+            <div class="btn_area">
+                <button type="button" class="btn btn_default"><span>선택 삭제</span></button>
+                <button type="button" class="btn btn_default"><span>전체 삭제</span></button>
+            </div>
+        </div>
+        <!-- //총알배송 -->
+
+        <!-- 업체직배송 -->
+        <div class="part_deliver" th:if="${delvCartList.size() > 0}">
+            <h3 class="subH2 mb20">
+                업체직배송
+            </h3>
+            <div class="tbl type2">
+                <table>
+                    <colgroup>
+                        <col width="900">
+                        <col width="*">
+                    </colgroup>
+                    <tbody>
+                    <th:block th:each="cart, status : ${delvCartList}">
+                    <tr>
+                        <td>
+                            <div class="info_item">
+                                <div class="form_box">
+                                    <p class="form_field">
+                                        <input id="od_item_21" type="checkbox" th:value="${cart.cartSq}" th:checked="${cart.soldoutYn.equals('N')}">
+                                        <label for="od_item_21">
+                                            <span class="sr-only">상품선택</span>
+                                        </label>
+                                    </p>
+                                </div>
+                                <div class="thumb_box">
+                                    <a href="">
+                                        <img th:src="${IMG_PATH} + '/' + ${cart.sysImgNm}" src="/" width="100%" alt="">
+                                    </a>
+                                </div>
+                                <div class="info_box">
+                                    <p class="od_name">
+                                        <a href="">
+                                            <span class="brand" th:text="${cart.brandNm}"></span>
+                                            <span class="name" th:text="${cart.goodsNm}"></span>
+                                        </a>
+                                    </p>
+                                    <p class="od_opt" th:each="opt, index : ${cart.itemNmArr}">
+                                        <span class="option"><em th:text="${cart.itemNmArr[index.index]} + '_' + ${cart.optCdArr[index.index]}"></em></span>
+                                        <span class="count">수량:<em th:text="${cart.itemQtyArr[index.index]} * ${cart.goodsQty}"></em>개</span>
+                                    </p>
+                                    <p class="od_modify">
+                                        <button type="button" id="btn_opt_pop"><span>옵션/수량변경</span></button>
+                                    </p>
+                                    <!-- 다다익선 적용 -->
+                                    <div class="od_moresale" th:if="${cart.applyQtySectionYn == 'Y' or cart.applyAmtSectionYn == 'Y'}">
+                                        <a href="" class="btn_moresale">
+                                            <i class="ico ico_saletag"></i><span>다다익선 할인적용!</span>
+                                        </a>
+                                        <div class="li_moresale">
+                                            <ul>
+                                                <li th:if="${cart.applyQtySectionYn == 'Y'}" th:text="${cart.qtyTmtbNm}"></li>
+                                                <li th:if="${cart.applyAmtSectionYn == 'Y'}" th:text="${cart.amtTmtbNm}"></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                    <!-- 다다익선 미적용 -->
+                                    <div class="od_moresale" th:if="${cart.applyQtySectionYn == 'N' or cart.applyAmtSectionYn == 'N'}">
+                                        <a href="" class="btn_moresale">
+                                            <i class="ico ico_saletag"></i><span>다다익선 상품보기</span>
+                                        </a>
+                                        <div class="li_moresale">
+                                            <ul>
+                                                <li th:if="${cart.applyQtySectionYn == 'N'}" th:text="${cart.qtyTmtbNm}"><a href="">대상 상품 보기</a></li>
+                                                <li th:if="${cart.applyAmtSectionYn == 'N'}" th:text="${cart.amtTmtbNm}"><a href="">대상 상품 보기</a></li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                    <!-- 주문불가시 안내추가 -->
+                                    <div class="info_unable" th:if="${cart.soldoutYn.equals('Y')}">
+                                        해당상품은 구매가 불가능한 상품입니다. / 상품이 품절되었습니다.
+                                    </div>
+                                    <!-- //주문불가시 안내추가 -->
+                                </div>
+                                <div class="info_calc">
+                                    <p class="price" th:if="${cart.tmtbDcAmt > 0}">
+                                        <span class="selling_price" th:text="|${#numbers.formatInteger(cart.tmtbDcAmt, 1, 'COMMA')} 원|"></span>
+                                        <del th:text="|${#numbers.formatInteger(cart.currPrice, 1, 'COMMA')} 원|"></del>
+                                    </p>
+                                    <p class="price" th:if="${cart.tmtbDcAmt == 0}">
+                                        <span class="selling_price" th:text="|${#numbers.formatInteger(cart.currPrice, 1, 'COMMA')} 원|"></span>
+                                    </p>
+                                    <p class="point"><span th:text="${#numbers.formatInteger(cart.savePntAmt, 1, 'COMMA')}"></span>p 적립예정</p>
+                                    <p>
+                                        <button th:if="${cart.soldoutYn.equals('Y')}" type="button" class="btn btn_sm" disabled><span>구매불가</span></button>
+                                        <button th:if="${cart.soldoutYn.equals('N')}" type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
+                                    </p>
+                                    <p class="util">
+                                        <span>
+                                            <button type="button" class="btn_favorite"><span><i class="ico ico_like2"></i><em class="sr-only">관심상품 추가</em></span></button>
+                                        </span>
+                                        <span>
+                                            <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
+                                        </span>
+                                    </p>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="merge_row" th:if="${cart.firstCompYn == 'Y'}" th:rowspan="${cart.compCnt}"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
+                            <div class="info_dlvr">
+                                <span class="dlvr_fee" th:if="${cart.delvFee == 0}">배송비 무료</span>
+                                <span class="dlvr_fee" th:if="${cart.delvFee > 0}" th:text="|배송비 ${#numbers.formatInteger(cart.delvFee, 1, 'COMMA')} 원|"></span>
+                                <span class="dlvr_shop" th:text="|${cart.supplyCompNm} 업체직배송|"></span>
+                                <a href="#" target="_blank" th:if="${cart.delvFee > 0}">배송비 SAVE 상품 보기</a>
+                            </div>
+                        </td>
+                    </tr>
+                    </th:block>
+                    </tbody>
+                </table>
+            </div>
+            <div class="btn_area">
+                <button type="button" class="btn btn_default"><span>선택 삭제</span></button>
+                <button type="button" class="btn btn_default"><span>전체 삭제</span></button>
+            </div>
+        </div>
+        <!-- //업체직배송 -->
+    </div>
+</div>
+<div class="od_side">
+    <div class="area_order">
+        <div class="tit_box">
+            <h3>결제 정보</h3>
+            <span>
+                <em class="number">14</em>개의 상품
+            </span>
+        </div>
+        <div class="od_amount_box">
+            <dl>
+                <div>
+                    <dt>상품금액</dt>
+                    <dd><em>1,746,500</em>원</dd>
                 </div>
-                <div class="thumb_box">
-                    <a href="">
-                        <img th:src="${IMG_PATH} + '/' + ${cart.sysImgNm}" width="100%" alt=""><!-- IMG_PATH : //image.style24.com/speedy_image-wivismall/goods -->
-                    </a>
+                <div>
+                    <dt>배송비</dt>
+                    <dd><em>0</em>원</dd>
                 </div>
-                <div class="info_box">
-                    <p class="od_name">
-                        <a href="">
-                            <span class="brand" th:text="${cart.brandEnm}"></span>
-                            <span class="name" th:text="${cart.goodsNm}"></span>
-                        </a>
+                <div>
+                    <dt>할인금액</dt>
+                    <dd><span class="disc_amount"><em>-46,500</em>원</span></dd>
+                </div>
+            </dl>
+        </div>
+        <div class="totalprice_box">
+            <dl>
+                <dt>총 결제 예정 금액</dt>
+                <dd data-weight="price" data-font="lato"><span>1,700,000</span>원</dd>
+            </dl>
+        </div>
+        <div class="btn_box">
+            <button class="btn btn_primary btn_block btn_md"><span>주문하기</span></button>
+        </div>
+    </div>
+    <div class="area_salecoupon">
+        <h4>할인코드 입력</h4>
+        <div class="form_field">
+            <div class="input_wrap form_full">
+                <label class="input_label sr-only">할인코드입력</label>
+                <input type="text" class="form_control" placeholder="할인코드를 입력해주세요.">
+            </div>
+            <button type="button" class="btn btn_dark btn_default"><span>적용</span></button>
+        </div>
+        <div class="coupon_box">
+            <div class="coupon">
+                <div>
+                    <p class="cp_name">
+                        TBJ 시즌오프 20% 할인쿠폰
                     </p>
-                    <p class="od_opt" th:each="opt, index : ${cart.itemNmArr}">
-                        <span class="option">옵션:<em th:text="${cart.itemNmArr[index.index]} + '_' + ${cart.optCdArr[index.index]}"></em></span>
-                        <span class="count">수량:<em th:text="${cart.itemQtyArr[index.index]} * ${cart.goodsQty}"></em>개</span>
+                    <p class="cp_cont">
+                        <span><em>12,399,900</em>원</span>
+                        <span><em>40%</em></span>
                     </p>
-                    <p class="od_modify">
-                        <button type="button"><span>옵션/수량변경</span></button>
+                    <p class="cp_condition">
+                        500,000원 이상 구매 시 최대 50,000원 할인
+                        <span><em class="tag">99장 보유</em></span>
                     </p>
                 </div>
-            </div>
-        </td>
-        <td>
-            <div class="info_calc">
-                <p class="price">
-                    <span class="selling_price" th:text="${cart.tmtbDcAmt}"></span>
-                    <del th:text="${cart.qtySumCurrPrice}"></del>
-                </p>
-                <p class="point"><span th:text="${cart.savePntAmt}"></span>p 적립예정</p>
-                <p>
-                    <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
-                </p>
-                <p class="util">
-                    <span>
-                        <button type="button" class="btn_favorite active"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
-                    </span>
-                    <span>
-                        <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
-                    </span>
+                <p class="cp_date">
+                    <span>2021.01.01</span>&nbsp;~&nbsp;<span>2021.12.30</span>
                 </p>
+                <button type="button" class="btn_close_code">
+<span>
+    <i class="ico ico_close1"></i>
+    <em class="sr-only">닫기</em>
+</span>
+                </button>
             </div>
-        </td>
-        <td class="merge_row">
-            <div class="info_dlvr">
-                <span class="dlvr_fee">3,000원</span>
-                <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
+            <div class="info_coupon">
+                <button type="button" id="btn_cpinfo_pop">
+                    <span>쿠폰 사용안내</span>
+                </button>
             </div>
-        </td>
-    </tr>
-</th:block>
-
-
-    </tbody>
-</table>
+        </div>
+    </div>
+    <div class="area_saleitem">
+        <h4>다다익선 할인 대상이 있습니다.</h4>
+        <div class="more_sale">
+            <div class="item_gd">
+                <figure>
+                    <a href="">
+                        <span class="thumb"><img src="/images/pc/thumb/tmp_odSide2.jpg" alt=""></span>
+                    </a>
+                    <figcaption>
+                        <a href="">
+                            <div class="brand">CURLYSUE 컬리수</div>
+                            <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
+                            <div class="price">
+                                <del>7,000,000</del>
+                                <span class="selling_price">1,000,000</span>
+                                <span class="discount">30%</span>
+                            </div>
+                        </a>
+                    </figcaption>
+                </figure>
+            </div>
+            <div class="item_gd">
+                <figure>
+                    <a href="">
+                        <span class="thumb"><img src="/images/pc/thumb/tmp_odSide2.jpg" alt=""></span>
+                    </a>
+                    <figcaption>
+                        <a href="">
+                            <div class="brand">CURLYSUE 컬리수</div>
+                            <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
+                            <div class="price">
+                                <span class="selling_price">1,000,000</span>
+                            </div>
+                        </a>
+                    </figcaption>
+                </figure>
+            </div>
+            <div class="txt">
+                <a href="">
+                    <i class="ico ico_saletag"></i>
+                    <span>TBJ 브랜드 구매시 30,000원 할인</span>
+                </a>
+            </div>
+        </div>
+        <div class="more_sale">
+            <div class="txt">
+                <a href="">
+                    <i class="ico ico_saletag"></i>
+                    <span>300,000이상 구매시 30% 할인</span>
+                    <span>500,000이상 구매시 추가 10% 할인</span>
+                </a>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="clear"></div>
+<!-- // CONT-BODY -->
 </html>

src/main/webapp/WEB-INF/views/web/cart/cartListFormWeb.html

@@ -21,871 +21,443 @@
 <th:block layout:fragment="content">
     <!--  container -->
     <div id="container" class="container od">
-        <div class="breadcrumb">
-            <ul>
-                <li class="bread_home"><a href="index.html">홈</a></li>
-                <li class="bread_2depth">쇼핑백</li>
-            </ul>
-        </div>
         <div class="wrap">
             <div class="content shopping_bag"> <!-- 페이지특정 클래스 = shop_bag -->
                 <div class="cont_head">
-                    <h2 class="t_c mb60">쇼핑백</h2>
+                    <h2>쇼핑백</h2>
+                    <div class="oder_steps">
+                        <ul>
+                        <li class="on">01 쇼핑백</li>
+                        <li>02 주문/결제</li>
+                        <li>03 주문완료</li>
+                    </ul>
                 </div>
-                <div class="cont_body">
-                    <!-- CONT-BODY -->
-                    <section class="od_cont fl">
-                        <div class="sec_head">
-                            <div class="tbl type4">
-                                <table>
-                                    <colgroup>
-                                        <col width="150">
-                                        <col width="*">
-                                    </colgroup>
-                                    <tbody>
-                                    <tr>
-                                        <th>
-                                            배송방법 선택
-                                        </th>
-                                        <td>
-                                            <div class="form_field">
-                                                <div class="ml30">
-                                                    <input type="radio" name="radio" id="blt_ship1" value="">
-                                                    <label for="blt_ship1"><span><em>총알배송</em>10/15일 24:00 까지 도착</span></label>
-                                                </div>
-                                                <div class="ml30">
-                                                    <input type="radio" name="radio" id="blt_ship2" value="" checked="">
-                                                    <label for="blt_ship2"><span>총알 배송 안함 (10/25일 도착 예정)</span></label>
-                                                </div>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-                        <div class="sec_body">
-                            <!-- 총알배송 -->
-                            <div class="part_dlvr mt100">
-                                <h3 class="subH2 mb20">
-                                    STYLE24 총알배송
-                                    <span class="ml10">오늘 자정까지 도착</span>
-                                </h3>
-                                <div class="btn_area">
-                                    <button type="button" class="btn btn_default"><span><i class="ico ico_trash"></i>전체삭제</span></button>
-                                </div>
-                                <div id="bulletDelvList" class="tbl type2">
-
-                                </div>
-                            </div>
-                            <!-- //총알배송 -->
-                            <!-- 일반배송 -->
-                            <div class="part_dlvr mt100">
-                                <h3 class="subH2 mb20">
-                                    STYLE24 일반배송
-                                </h3>
-                                <div class="btn_area">
-                                    <button type="button" class="btn btn_default"><span><i class="ico ico_trash"></i>전체삭제</span></button>
-                                </div>
-                                <div id="dlvrList2" class="tbl type2">
-                                    <table>
-                                        <colgroup>
-                                            <col width="710">
-                                            <col width="190">
-                                            <col width="*">
-                                        </colgroup>
-                                        <tbody>
-                                        <tr>
-                                            <td class="t_l">
-                                                <div class="info_item">
-                                                    <div class="form_box">
-                                                        <p class="form_field">
-                                                            <input id="od_item_11" type="checkbox" checked=""><label for="od_item_11"><span class="sr-only">상품선택</span></label>
-                                                        </p>
-                                                    </div>
-                                                    <div class="thumb_box">
-                                                        <a href="">
-                                                            <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
-                                                        </a>
-                                                    </div>
-                                                    <div class="info_box">
-                                                        <p class="od_name">
-                                                            <a href="">
-                                                                <span class="brand">Mollimelli 몰리멜리</span>
-                                                                <span class="name">몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트 몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트</span>
-                                                            </a>
-                                                        </p>
-                                                        <p class="od_opt">
-                                                            <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
-                                                            <span class="count">수량:<em>99</em>개</span>
-                                                        </p>
-                                                        <p class="od_modify">
-                                                            <button type="button"><span>옵션/수량변경</span></button>
-                                                        </p>
-                                                    </div>
-                                                </div>
-                                            </td>
-                                            <td>
-                                                <div class="info_calc">
-                                                    <p class="price">
-                                                        <span class="selling_price">61,200원</span>
-                                                        <del>100,000원</del>
-                                                    </p>
-                                                    <p class="point"><span>49</span>p 적립예정</p>
-                                                    <p>
-                                                        <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
-                                                    </p>
-                                                    <p class="util">
-                                                        <span>
-                                                            <button type="button" class="btn_favorite active"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
-                                                        </span>
-                                                        <span>
-                                                            <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
-                                                        </span>
-                                                    </p>
-                                                </div>
-                                            </td>
-                                            <td class="merge_row">
-                                                <div class="info_dlvr">
-                                                    <span class="dlvr_fee">3,000원</span>
-                                                    <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td class="t_l">
-                                                <div class="info_item">
-                                                    <div class="form_box">
-                                                        <p class="form_field">
-                                                            <input id="od_item12" type="checkbox" checked=""><label for="od_item12"><span class="sr-only">상품선택</span></label>
-                                                        </p>
-                                                    </div>
-                                                    <div class="thumb_box">
-                                                        <a href="">
-                                                            <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
-                                                        </a>
-                                                    </div>
-                                                    <div class="info_box">
-                                                        <p class="od_name">
-                                                            <a href="">
-                                                                <span class="brand">Mollimelli 몰리멜리</span>
-                                                                <span class="name">몰리겨울상하복 균일가 택1 </span>
-                                                            </a>
-                                                        </p>
-                                                        <p class="od_opt">
-                                                            <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
-                                                            <span class="count">수량:<em>100</em>개</span>
-                                                        </p>
-                                                        <p class="od_modify">
-                                                            <button type="button"><span>옵션/수량변경</span></button>
-                                                        </p>
-                                                    </div>
-                                                </div>
-                                            </td>
-                                            <td>
-                                                <div class="info_calc">
-                                                    <p class="price">
-                                                        <span class="selling_price">61,200원</span>
-                                                        <del>100,000원</del>
-                                                    </p>
-                                                    <p class="point"><span>49</span>p 적립예정</p>
-                                                    <p>
-                                                        <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
-                                                    </p>
-                                                    <p class="util">
-                                                        <span>
-                                                            <button type="button" class="btn_favorite active"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
-                                                        </span>
-                                                        <span>
-                                                            <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
-                                                        </span>
-                                                    </p>
-                                                </div>
-                                            </td>
-                                            <td class="merge_row">
-                                                <div class="info_dlvr">
-                                                    <span class="dlvr_fee">3,000원</span>
-                                                    <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td class="t_l">
-                                                <div class="info_item">
-                                                    <div class="form_box">
-                                                        <p class="form_field">
-                                                            <input id="od_item13" type="checkbox" checked=""><label for="od_item13"><span class="sr-only">상품선택</span></label>
-                                                        </p>
-                                                    </div>
-                                                    <div class="thumb_box">
-                                                        <a href="">
-                                                            <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
-                                                        </a>
-                                                    </div>
-                                                    <div class="info_box">
-                                                        <p class="od_name">
-                                                            <a href="">
-                                                                <span class="brand">Mollimelli 몰리멜리</span>
-                                                                <span class="name">몰리겨울상하복 균일가 택1 </span>
-                                                            </a>
-                                                        </p>
-                                                        <p class="od_opt">
-                                                            <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
-                                                            <span class="count">수량:<em>100</em>개</span>
-                                                        </p>
-                                                        <p class="od_modify">
-                                                            <button type="button"><span>옵션/수량변경</span></button>
-                                                        </p>
-                                                    </div>
-                                                </div>
-                                            </td>
-                                            <td>
-                                                <div class="info_calc">
-                                                    <p class="price">
-                                                        <span class="selling_price">61,200원</span>
-                                                        <del>100,000원</del>
-                                                    </p>
-                                                    <p class="point"><span>49</span>p 적립예정</p>
-                                                    <p>
-                                                        <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
-                                                    </p>
-                                                    <p class="util">
-                                                        <span>
-                                                            <button type="button" class="btn_favorite active"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
-                                                        </span>
-                                                        <span>
-                                                            <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
-                                                        </span>
-                                                    </p>
-                                                </div>
-                                            </td>
-                                            <td class="merge_row">
-                                                <div class="info_dlvr">
-                                                    <span class="dlvr_fee">2,000원</span>
-                                                    <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                            </div>
-                            <!-- //일반배송 -->
-                            <!-- 업체직배송 -->
-                            <div class="part_dlvr mt100">
-                                <h3 class="subH2 mb20">
-                                    업체직배송
-                                </h3>
-                                <div class="btn_area">
-                                    <button type="button" class="btn btn_default"><span><i class="ico ico_trash"></i>전체삭제</span></button>
-                                </div>
-                                <div class="tbl type2">
-                                    <table>
-                                        <colgroup>
-                                            <col width="710">
-                                            <col width="190">
-                                            <col width="*">
-                                        </colgroup>
-                                        <tbody>
-                                        <tr>
-                                            <td class="t_l">
-                                                <div class="info_item">
-                                                    <div class="form_box">
-                                                        <p class="form_field">
-                                                            <input id="od_item_21" type="checkbox" checked=""><label for="od_item_21"><span class="sr-only">상품선택</span></label>
-                                                        </p>
-                                                    </div>
-                                                    <div class="thumb_box">
-                                                        <a href="">
-                                                            <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
-                                                        </a>
-                                                    </div>
-                                                    <div class="info_box">
-                                                        <p class="od_name">
-                                                            <a href="">
-                                                                <span class="brand">업체명1</span>
-                                                                <span class="name">몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트 몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트</span>
-                                                            </a>
-                                                        </p>
-                                                        <p class="od_opt">
-                                                            <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
-                                                            <span class="count">수량:<em>99</em>개</span>
-                                                        </p>
-                                                        <p class="od_modify">
-                                                            <button type="button"><span>옵션/수량변경</span></button>
-                                                        </p>
-                                                    </div>
-                                                </div>
-                                            </td>
-                                            <td>
-                                                <div class="info_calc">
-                                                    <p class="price">
-                                                        <span class="selling_price">61,200원</span>
-                                                        <del>100,000원</del>
-                                                    </p>
-                                                    <p class="point"><span>49</span>p 적립예정</p>
-                                                    <p>
-                                                        <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
-                                                    </p>
-                                                    <p class="util">
-                                                        <span>
-                                                            <button type="button" class="btn_favorite active"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
-                                                        </span>
-                                                        <span>
-                                                            <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
-                                                        </span>
-                                                    </p>
-                                                </div>
-                                            </td>
-                                            <td>
-                                                <div class="info_dlvr">
-                                                    <span class="dlvr_fee">3,000원</span>
-                                                    <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td class="t_l">
-                                                <div class="info_item">
-                                                    <div class="form_box">
-                                                        <p class="form_field">
-                                                            <input id="od_item22" type="checkbox" checked=""><label for="od_item22"><span class="sr-only">상품선택</span></label>
-                                                        </p>
-                                                    </div>
-                                                    <div class="thumb_box">
-                                                        <a href="">
-                                                            <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
-                                                        </a>
-                                                    </div>
-                                                    <div class="info_box">
-                                                        <p class="od_name">
-                                                            <a href="">
-                                                                <span class="brand">업체명2</span>
-                                                                <span class="name">몰리겨울상하복 균일가 택1 </span>
-                                                            </a>
-                                                        </p>
-                                                        <p class="od_opt">
-                                                            <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
-                                                            <span class="count">수량:<em>100</em>개</span>
-                                                        </p>
-                                                        <p class="od_modify">
-                                                            <button type="button"><span>옵션/수량변경</span></button>
-                                                        </p>
-                                                    </div>
-                                                </div>
-                                            </td>
-                                            <td>
-                                                <div class="info_calc">
-                                                    <p class="price">
-                                                        <span class="selling_price">61,200원</span>
-                                                        <del>100,000원</del>
-                                                    </p>
-                                                    <p class="point"><span>49</span>p 적립예정</p>
-                                                    <p>
-                                                        <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
-                                                    </p>
-                                                    <p class="util">
-                                                        <span>
-                                                            <button type="button" class="btn_favorite active"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
-                                                        </span>
-                                                        <span>
-                                                            <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
-                                                        </span>
-                                                    </p>
-                                                </div>
-                                            </td>
-                                            <td>
-                                                <div class="info_dlvr">
-                                                    <span class="dlvr_fee">3,000원</span>
-                                                    <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td class="t_l">
-                                                <div class="info_item">
-                                                    <div class="form_box">
-                                                        <p class="form_field">
-                                                            <input id="od_item33" type="checkbox" checked=""><label for="od_item33"><span class="sr-only">상품선택</span></label>
-                                                        </p>
-                                                    </div>
-                                                    <div class="thumb_box">
-                                                        <a href="">
-                                                            <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
-                                                        </a>
-                                                    </div>
-                                                    <div class="info_box">
-                                                        <p class="od_name">
-                                                            <a href="">
-                                                                <span class="brand">업체명2</span>
-                                                                <span class="name">몰리겨울상하복 균일가 택1 </span>
-                                                            </a>
-                                                        </p>
-                                                        <p class="od_opt">
-                                                            <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
-                                                            <span class="count">수량:<em>100</em>개</span>
-                                                        </p>
-                                                        <p class="od_modify">
-                                                            <button type="button"><span>옵션/수량변경</span></button>
-                                                        </p>
-                                                    </div>
-                                                </div>
-                                            </td>
-                                            <td>
-                                                <div class="info_calc">
-                                                    <p class="price">
-                                                        <span class="selling_price">61,200원</span>
-                                                        <del>100,000원</del>
-                                                    </p>
-                                                    <p class="point"><span>49</span>p 적립예정</p>
-                                                    <p>
-                                                        <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
-                                                    </p>
-                                                    <p class="util">
-                                                        <span>
-                                                            <button type="button" class="btn_favorite active"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
-                                                        </span>
-                                                        <span>
-                                                            <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
-                                                        </span>
-                                                    </p>
-                                                </div>
-                                            </td>
-                                            <td>
-                                                <div class="info_dlvr">
-                                                    <span class="dlvr_fee">3,000원</span>
-                                                    <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        <tr>
-                                            <td class="t_l">
-                                                <div class="info_item">
-                                                    <div class="form_box">
-                                                        <p class="form_field">
-                                                            <input id="od_item34" type="checkbox" checked=""><label for="od_item34"><span class="sr-only">상품선택</span></label>
-                                                        </p>
-                                                    </div>
-                                                    <div class="thumb_box">
-                                                        <a href="">
-                                                            <img src="../ux/images/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
-                                                        </a>
-                                                    </div>
-                                                    <div class="info_box">
-                                                        <p class="od_name">
-                                                            <a href="">
-                                                                <span class="brand">업체명3</span>
-                                                                <span class="name">몰리겨울상하복 균일가 택1 </span>
-                                                            </a>
-                                                        </p>
-                                                        <p class="od_opt">
-                                                            <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
-                                                            <span class="count">수량:<em>100</em>개</span>
-                                                        </p>
-                                                        <p class="od_modify">
-                                                            <button type="button"><span>옵션/수량변경</span></button>
-                                                        </p>
-                                                    </div>
-                                                </div>
-                                            </td>
-                                            <td>
-                                                <div class="info_calc">
-                                                    <p class="price">
-                                                        <span class="selling_price">61,200원</span>
-                                                        <del>100,000원</del>
-                                                    </p>
-                                                    <p class="point"><span>49</span>p 적립예정</p>
-                                                    <p>
-                                                        <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
-                                                    </p>
-                                                    <p class="util">
-                                                            <span>
-                                                                <button type="button" class="btn_favorite active"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
-                                                            </span>
-                                                        <span>
-                                                                <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
-                                                            </span>
-                                                    </p>
-                                                </div>
-                                            </td>
-                                            <td>
-                                                <div class="info_dlvr">
-                                                    <span class="dlvr_fee">3,000원</span>
-                                                    <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
-                                                </div>
-                                            </td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
+            </div>
+            <div id="cartAjaxList" class="cont_body">
 
-                            </div>
-                            <!-- //업체직배송 -->
-                        </div>
-                    </section>
-                    <section class="od_side fr">
-                        <div class="area_order">
-                            <div class="tit_box">
-                                <h3 class="subH2">결제 정보</h3>
-                                <span>
-                                    <em class="c_primary bold">14</em>개의 상품
-                                </span>
-                            </div>
-                            <div class="od_amount_box">
-                                <dl>
-                                    <div>
-                                        <dt>상품금액</dt>
-                                        <dd>1,746,500원</dd>
-                                    </div>
-                                    <div>
-                                        <dt>배송비</dt>
-                                        <dd>0원</dd>
-                                    </div>
-                                    <div>
-                                        <dt>할인금액</dt>
-                                        <dd>-1,746,500원</dd>
-                                    </div>
-                                </dl>
-                            </div>
-                            <div class="totalprice_box">
-                                <dl>
-                                    <dt>총 결제 예정 금액</dt>
-                                    <dd data-weight="price" data-font="lato"><span>3,546,200</span>원</dd>
-                                </dl>
-                            </div>
-                            <div class="btn_box">
-                                <button class="btn btn_primary btn_block btn_md"><span>주문하기</span></button>
-                            </div>
-                        </div>
-                        <div class="area_salecode">
-                            <h4 class="subH3 mb15">할인코드 입력</h4>
-                            <div class="form_field form_full">
-                                <div class="ui_col_12">
-                                    <div class="input_wrap form_full">
-                                        <label class="input_label sr-only">할인코드입력</label>
-                                        <input type="text" class="form_control" placeholder="할인코드를 입력해주세요.">
-                                    </div>
-                                </div>
-                                <button type="button" class="btn btn_default"><span>적용</span></button>
-                            </div>
-                            <div class="coupon_code">
-                                <p class="salecode_num">
-                                    할인코드 ABC123DEF
-                                </p>
-                                <p class="salecondition">
-                                    구매금액 300,000원 이상<br>
-                                    구매시 30% 할인
-                                </p>
-                            </div>
-                        </div>
-                        <div class="area_saleitem">
-                            <h4 class="subH3 mb15">다다익선 할인 대상이 있습니다.</h4>
-                            <div class="more_sale">
-                                <div class="item_gd">
-                                    <figure>
-                                        <a href="">
-                                            <span class="thumb"><img src="../ux/images/thumb/tmp_odSide2.jpg" alt=""></span>
-                                        </a>
-                                        <figcaption>
-                                            <a href="">
-                                                <div class="brand">CURLYSUE 컬리수</div>
-                                                <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
-                                                <div class="price">
-                                                    <del>7,000,000</del>
-                                                    <span class="selling_price">1,000,000</span>
-                                                    <span class="discount">30%</span>
-                                                </div>
-                                            </a>
-                                        </figcaption>
-                                    </figure>
-                                </div>
-                                <div class="item_gd">
-                                    <figure>
-                                        <a href="">
-                                            <span class="thumb"><img src="../ux/images/thumb/tmp_odSide2.jpg" alt=""></span>
-                                        </a>
-                                        <figcaption>
-                                            <a href="">
-                                                <div class="brand">CURLYSUE 컬리수</div>
-                                                <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
-                                                <div class="price">
-                                                    <span class="selling_price">1,000,000</span>
-                                                </div>
-                                            </a>
-                                        </figcaption>
-                                    </figure>
-                                </div>
-                                <div class="txt">
-                                    <a href="">
-                                        <i class="ico ico_saletag mr10"></i>
-                                        TBJ 브랜드 구매시 30,000원 할인
-                                    </a>
-                                </div>
-                            </div>
-                            <div class="more_sale">
-                                <div class="txt">
-                                    <a href="">
-                                        <i class="ico ico_saletag mr10"></i>
-                                        300,000이상 구매시 30% 할인
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                    </section>
-                    <div class="clear"></div>
-                    <section class="od_recommend clear mt100">
-                        <h4 class="subH1 t_c mb40">추천상품</h4>
-                        <div class="item_slide">
-                            <div class="item_gd">
-                                <figure>
-                                    <a href="">
-                                        <span class="thumb"><img src="../ux/images/thumb/od_shopping_slide01.png" alt=""></span>
-                                    </a>
-                                    <figcaption>
-                                        <a href="">
-                                            <div class="brand">CURLYSUE 컬리수</div>
-                                            <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
-                                            <div class="price">
-                                                <span class="selling_price">1,000,000</span>
-                                                <del>7,000,000</del>
-                                                <span class="discount">30%</span>
+            </div>
+        </div>
+        <div class="content shopping_bag mt100">
+            <div class="cont_head">
+                <h4 class="subH1 t_c mb40">추천상품</h4>
+            </div>
+            <div class="cont_body">
+                <div class="od_recommend">
+                    <div class="swiper-container">
+                        <div class="swiper-wrapper">
+                            <div class="swiper-slide">
+                                <div class="item_prod">
+                                    <div class="item_state">
+                                        <a href="#none" class="itemLink">
+                                            <div class="itemPic">
+                                                <img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
+                                                <button type="button" class="itemLike">관심상품 추가</button>
                                             </div>
+                                            <p class="itemBrand">BRAND NAME1</p>
+                                            <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+                                            <p class="itemPrice">80,100
+                                                <span class="itemPrice_original">89,000</span>
+                                                <span class=" itemPercent">10%</span>
+                                            </p>
                                             <div class="itemcolorchip">
                                                 <span class="chip_color35" value="ABM">BEIGE</span>
                                                 <span class="chip_color54" value="BDS">BLACK</span>
                                                 <span class="chip_color40" value="YBR">WHITE</span>
                                             </div>
-                                            <div class="itemComment">#가을 느낌 물씬!</div>
+                                            <div class="itemComment">#주문 폭주 상품</div>
                                         </a>
-                                    </figcaption>
-                                </figure>
+                                    </div>
+                                </div>
                             </div>
-                            <div class="item_gd">
-                                <figure>
-                                    <a href="">
-                                        <span class="thumb"><img src="../ux/images/thumb/od_shopping_slide01.png" alt=""></span>
-                                    </a>
-                                    <figcaption>
-                                        <a href="">
-                                            <div class="brand">CURLYSUE 컬리수</div>
-                                            <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
-                                            <div class="price">
-                                                <span class="selling_price">1,000,000</span>
-                                                <del>7,000,000</del>
-                                                <span class="discount">30%</span>
+                            <div class="swiper-slide">
+                                <div class="item_prod">
+                                    <div class="item_state">
+                                        <a href="#none" class="itemLink">
+                                            <div class="itemPic">
+                                                <img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
+                                                <button type="button" class="itemLike">관심상품 추가</button>
                                             </div>
+                                            <p class="itemBrand">BRAND NAME2</p>
+                                            <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+                                            <p class="itemPrice">80,100
+                                                <span class="itemPrice_original">89,000</span>
+                                                <span class=" itemPercent">10%</span>
+                                            </p>
                                             <div class="itemcolorchip">
                                                 <span class="chip_color35" value="ABM">BEIGE</span>
                                                 <span class="chip_color54" value="BDS">BLACK</span>
                                                 <span class="chip_color40" value="YBR">WHITE</span>
                                             </div>
-                                            <div class="itemComment">#가을 느낌 물씬!</div>
+                                            <div class="itemComment">#주문 폭주 상품</div>
                                         </a>
-                                    </figcaption>
-                                </figure>
+                                    </div>
+                                </div>
                             </div>
-                            <div class="item_gd">
-                                <figure>
-                                    <a href="">
-                                        <span class="thumb"><img src="../ux/images/thumb/od_shopping_slide01.png" alt=""></span>
-                                    </a>
-                                    <figcaption>
-                                        <a href="">
-                                            <div class="brand">CURLYSUE 컬리수</div>
-                                            <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
-                                            <div class="price">
-                                                <span class="selling_price">1,000,000</span>
-                                                <del>7,000,000</del>
-                                                <span class="discount">30%</span>
+                            <div class="swiper-slide">
+                                <div class="item_prod">
+                                    <div class="item_state">
+                                        <a href="#none" class="itemLink">
+                                            <div class="itemPic">
+                                                <img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
+                                                <button type="button" class="itemLike">관심상품 추가</button>
                                             </div>
+                                            <p class="itemBrand">BRAND NAME3</p>
+                                            <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+                                            <p class="itemPrice">80,100
+                                                <span class="itemPrice_original">89,000</span>
+                                                <span class=" itemPercent">10%</span>
+                                            </p>
                                             <div class="itemcolorchip">
                                                 <span class="chip_color35" value="ABM">BEIGE</span>
                                                 <span class="chip_color54" value="BDS">BLACK</span>
                                                 <span class="chip_color40" value="YBR">WHITE</span>
                                             </div>
-                                            <div class="itemComment">#가을 느낌 물씬!</div>
+                                            <div class="itemComment">#주문 폭주 상품</div>
                                         </a>
-                                    </figcaption>
-                                </figure>
+                                    </div>
+                                </div>
                             </div>
-                            <div class="item_gd">
-                                <figure>
-                                    <a href="">
-                                        <span class="thumb"><img src="../ux/images/thumb/od_shopping_slide01.png" alt=""></span>
-                                    </a>
-                                    <figcaption>
-                                        <a href="">
-                                            <div class="brand">CURLYSUE 컬리수</div>
-                                            <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
-                                            <div class="price">
-                                                <span class="selling_price">1,000,000</span>
-                                                <del>7,000,000</del>
-                                                <span class="discount">30%</span>
+                            <div class="swiper-slide">
+                                <div class="item_prod">
+                                    <div class="item_state">
+                                        <a href="#none" class="itemLink">
+                                            <div class="itemPic">
+                                                <img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
+                                                <button type="button" class="itemLike">관심상품 추가</button>
                                             </div>
+                                            <p class="itemBrand">BRAND NAME4</p>
+                                            <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+                                            <p class="itemPrice">80,100
+                                                <span class="itemPrice_original">89,000</span>
+                                                <span class=" itemPercent">10%</span>
+                                            </p>
                                             <div class="itemcolorchip">
                                                 <span class="chip_color35" value="ABM">BEIGE</span>
                                                 <span class="chip_color54" value="BDS">BLACK</span>
                                                 <span class="chip_color40" value="YBR">WHITE</span>
                                             </div>
-                                            <div class="itemComment">#가을 느낌 물씬!</div>
+                                            <div class="itemComment">#주문 폭주 상품</div>
                                         </a>
-                                    </figcaption>
-                                </figure>
+                                    </div>
+                                </div>
                             </div>
-                            <div class="item_gd">
-                                <figure>
-                                    <a href="">
-                                        <span class="thumb"><img src="../ux/images/thumb/od_shopping_slide01.png" alt=""></span>
-                                    </a>
-                                    <figcaption>
-                                        <a href="">
-                                            <div class="brand">CURLYSUE 컬리수</div>
-                                            <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
-                                            <div class="price">
-                                                <span class="selling_price">1,000,000</span>
-                                                <del>7,000,000</del>
-                                                <span class="discount">30%</span>
+                            <div class="swiper-slide">
+                                <div class="item_prod">
+                                    <div class="item_state">
+                                        <a href="#none" class="itemLink">
+                                            <div class="itemPic">
+                                                <img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
+                                                <button type="button" class="itemLike">관심상품 추가</button>
                                             </div>
+                                            <p class="itemBrand">BRAND NAME5</p>
+                                            <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+                                            <p class="itemPrice">80,100
+                                                <span class="itemPrice_original">89,000</span>
+                                                <span class=" itemPercent">10%</span>
+                                            </p>
                                             <div class="itemcolorchip">
                                                 <span class="chip_color35" value="ABM">BEIGE</span>
                                                 <span class="chip_color54" value="BDS">BLACK</span>
                                                 <span class="chip_color40" value="YBR">WHITE</span>
                                             </div>
-                                            <div class="itemComment">#가을 느낌 물씬!</div>
+                                            <div class="itemComment">#주문 폭주 상품</div>
                                         </a>
-                                    </figcaption>
-                                </figure>
+                                    </div>
+                                </div>
                             </div>
-                            <div class="item_gd">
-                                <figure>
-                                    <a href="">
-                                        <span class="thumb"><img src="../ux/images/thumb/od_shopping_slide01.png" alt=""></span>
-                                    </a>
-                                    <figcaption>
-                                        <a href="">
-                                            <div class="brand">CURLYSUE 컬리수</div>
-                                            <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
-                                            <div class="price">
-                                                <span class="selling_price">1,000,000</span>
-                                                <del>7,000,000</del>
-                                                <span class="discount">30%</span>
+                            <div class="swiper-slide">
+                                <div class="item_prod">
+                                    <div class="item_state">
+                                        <a href="#none" class="itemLink">
+                                            <div class="itemPic">
+                                                <img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
+                                                <button type="button" class="itemLike">관심상품 추가</button>
                                             </div>
+                                            <p class="itemBrand">BRAND NAME6</p>
+
+                                            <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+                                            <p class="itemPrice">80,100
+                                                <span class="itemPrice_original">89,000</span>
+                                                <span class=" itemPercent">10%</span>
+                                            </p>
                                             <div class="itemcolorchip">
                                                 <span class="chip_color35" value="ABM">BEIGE</span>
                                                 <span class="chip_color54" value="BDS">BLACK</span>
                                                 <span class="chip_color40" value="YBR">WHITE</span>
                                             </div>
-                                            <div class="itemComment">#가을 느낌 물씬!</div>
+                                            <div class="itemComment">#주문 폭주 상품</div>
                                         </a>
-                                    </figcaption>
-                                </figure>
+                                    </div>
+                                </div>
                             </div>
-                            <div class="item_gd">
-                                <figure>
-                                    <a href="">
-                                        <span class="thumb"><img src="../ux/images/thumb/od_shopping_slide01.png" alt=""></span>
-                                    </a>
-                                    <figcaption>
-                                        <a href="">
-                                            <div class="brand">CURLYSUE 컬리수</div>
-                                            <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
-                                            <div class="price">
-                                                <span class="selling_price">1,000,000</span>
-                                                <del>7,000,000</del>
-                                                <span class="discount">30%</span>
+                            <div class="swiper-slide">
+                                <div class="item_prod">
+                                    <div class="item_state">
+                                        <a href="#none" class="itemLink">
+                                            <div class="itemPic">
+                                                <img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
+                                                <button type="button" class="itemLike">관심상품 추가</button>
                                             </div>
+                                            <p class="itemBrand">BRAND NAME7</p>
+
+                                            <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+                                            <p class="itemPrice">80,100
+                                                <span class="itemPrice_original">89,000</span>
+                                                <span class=" itemPercent">10%</span>
+                                            </p>
                                             <div class="itemcolorchip">
                                                 <span class="chip_color35" value="ABM">BEIGE</span>
                                                 <span class="chip_color54" value="BDS">BLACK</span>
                                                 <span class="chip_color40" value="YBR">WHITE</span>
                                             </div>
-                                            <div class="itemComment">#가을 느낌 물씬!</div>
+                                            <div class="itemComment">#주문 폭주 상품</div>
                                         </a>
-                                    </figcaption>
-                                </figure>
+                                    </div>
+                                </div>
                             </div>
-                            <div class="item_gd">
-                                <figure>
-                                    <a href="">
-                                        <span class="thumb"><img src="../ux/images/thumb/od_shopping_slide01.png" alt=""></span>
-                                    </a>
-                                    <figcaption>
-                                        <a href="">
-                                            <div class="brand">CURLYSUE 컬리수</div>
-                                            <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
-                                            <div class="price">
-                                                <span class="selling_price">1,000,000</span>
-                                                <del>7,000,000</del>
-                                                <span class="discount">30%</span>
+                            <div class="swiper-slide">
+                                <div class="item_prod">
+                                    <div class="item_state">
+                                        <a href="#none" class="itemLink">
+                                            <div class="itemPic">
+                                                <img alt="BLACK-a" class=" vLHTC pd_img" src="/images/pc/thumb/prod1.jpg">
+                                                <button type="button" class="itemLike">관심상품 추가</button>
                                             </div>
+                                            <p class="itemBrand">BRAND NAME8</p>
+                                            <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+                                            <p class="itemPrice">80,100
+                                                <span class="itemPrice_original">89,000</span>
+                                                <span class=" itemPercent">10%</span>
+                                            </p>
                                             <div class="itemcolorchip">
                                                 <span class="chip_color35" value="ABM">BEIGE</span>
                                                 <span class="chip_color54" value="BDS">BLACK</span>
                                                 <span class="chip_color40" value="YBR">WHITE</span>
                                             </div>
-                                            <div class="itemComment">#가을 느낌 물씬!</div>
+                                            <div class="itemComment">#주문 폭주 상품</div>
                                         </a>
-                                    </figcaption>
-                                </figure>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- Add Pagination -->
+                        <div class="swiper-pagination"></div>
+                    </div>
+                    <!-- Add Arrows -->
+                    <div class="swiper-button-next"></div>
+                    <div class="swiper-button-prev"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- // container -->
+
+<!-- 옵션변경 팝업 -->
+<div class="modal fade od_pop opt_modify_pop" id="optModifyPop" tabindex="-1" role="dialog" aria-labelledby="optModifyLabel" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="optModifyLabel">옵션변경</h5>
+                <div class="prod_title">
+                    <span class="brand">버카루 BUCKROO</span>
+                    <span class="name">남성 제기장 스웨이드 자켓</span>
+                </div>
+            </div>
+            <div class="modal-body">
+                <div class="pop_cont">
+                    <div class="prod_info">
+                        <div class="prod_preview">
+                            <div class="area_pic">
+                                <ul class="pic_list">
+                                    <li><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail1.jpg" alt=""></span></li>
+                                    <li><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail2.jpg" alt=""></span></li>
+                                    <li><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail3.jpg" alt=""></span></li>
+                                    <li><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail4.jpg" alt=""></span></li>
+                                    <li><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail5.jpg" alt=""></span></li>
+                                    <li><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail6.jpg" alt=""></span></li>
+                                </ul>
+                            </div>
+                            <div class="area_order">
+                                <div class="opt_color">
+                                    <div class="opt_header">
+                                        <span class="title">컬러</span>
+                                        <span class="color">그레이</span>
+                                    </div>
+                                    <ul>
+                                        <li>
+                                            <a href="" class="on">
+                                                <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="그레이">
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="베이지">
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="그린">
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="핑크">
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="민트">
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="">
+                                                <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="블랙">
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="opt_size">
+                                    <div class="opt_header">
+                                        <span class="title">사이즈</span>
+                                    </div>
+                                    <div class="form_field">
+                                        <div>
+                                            <input type="radio" name="rdi-optsize" id="rdi-optsize1" value="" checked="">
+                                            <label for="rdi-optsize1"><span>90</span></label>
+                                        </div>
+                                        <div>
+                                            <input type="radio" name="rdi-optsize" id="rdi-optsize2" value="" disabled>
+                                            <label for="rdi-optsize2"><span>95</span></label>
+                                        </div>
+                                        <div>
+                                            <input type="radio" name="rdi-optsize" id="rdi-optsize3" value="">
+                                            <label for="rdi-optsize3"><span>100</span></label>
+                                        </div>
+                                        <div>
+                                            <input type="radio" name="rdi-optsize" id="rdi-optsize4" value="">
+                                            <label for="rdi-optsize4"><span>105</span></label>
+                                        </div>
+                                        <div>
+                                            <input type="radio" name="rdi-optsize" id="rdi-optsize5" value="">
+                                            <label for="rdi-optsize5"><span>110</span></label>
+                                        </div>
+                                        <div>
+                                            <input type="radio" name="rdi-optsize" id="rdi-optsize6" value="">
+                                            <label for="rdi-optsize6"><span>115</span></label>
+                                        </div>
+                                        <div>
+                                            <input type="radio" name="rdi-optsize" id="rdi-optsize7" value="">
+                                            <label for="rdi-optsize7"><span>free</span></label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="opt_select">
+                                    <div class="opt_header">
+                                        <span class="title">옵션선택</span>
+                                    </div>
+                                    <div class="form_field">
+                                        <select id="">
+                                            <option value="" rel="icon-temperature">카키/95</option>
+                                            <option value="">카키/100</option>
+                                            <option value="">카키/105</option>
+                                            <option value="">카키/110</option>
+                                            <option value="">옐로우/95</option>
+                                            <option value="">옐로우/100</option>
+                                            <option value="">옐로우/105</option>
+                                            <option value="">옐로우/110</option>
+                                        </select>
+                                    </div>
+                                </div>
+                                <div class="opt_count">
+                                    <div class="opt_header">
+                                        <span class="title">수량</span>
+                                    </div>
+                                    <div class="number_count">
+                                        <span class="minus"><span class="sr-only">감소</span></span>
+                                        <input type="text" name="" maxlength="3" style='ime-mode:disabled' value="1" />
+                                        <span class="plus"><span class="sr-only">추가</span></span>
+                                    </div>
+                                </div>
+                                <div class="btn_group_block">
+                                    <button class="btn btn_dark btn_block" id=""><span>옵션변경</span></button>
+                                </div>
                             </div>
                         </div>
-                    </section>
-                    <!-- // CONT-BODY -->
+                    </div>
                 </div>
             </div>
         </div>
     </div>
-    <!-- // container -->
+</div>
+<!-- //옵션변경 팝업 -->
+<!-- 쿠폰사용안내 팝업 -->
+<div class="modal fade od_pop cpinfo_pop" id="cpinfoPop" tabindex="-1" role="dialog" aria-labelledby="cpinfoLabel" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="cpinfoLabel">쿠폰사용안내</h5>
+            </div>
+            <div class="modal-body">
+                <div class="pop_cont">
+                    쿠폰사용안내 내용입니다.
+                </div>
+            </div>
+            <div class="modal-footer"></div>
+        </div>
+    </div>
+</div>
+<!-- //쿠폰사용안내 팝업 -->
 
-    <script type="text/javascript">
-        /* xodud1202 수정 */
+<script type="text/javascript">
+    /* xodud1202 수정 */
 
-        $(document).ready(function() {
-            // 장바구니 상품 정보 select
-            getCartList();
-        });
+    $(document).ready(function() {
+        // 장바구니 상품 정보 select
+        getCartList();
+    });
 
-        function getCartList() {
-            $.ajax( {
-                type: "POST",
-                url : '/cart/goods/list',
-                dataType : 'html',
-                success : function(result) {
-                    if (result != null) {
-                        $("#bulletDelvList").html(result);
-                    }
+    function getCartList() {
+        $.ajax( {
+            type: "POST",
+            url : '/cart/goods/list',
+            dataType : 'html',
+            success : function(result) {
+                if (result != null) {
+                    $("#cartAjaxList").html(result);
                 }
-            });
-        }
+            }
+        });
+    }
 
-        /* // xodud1202 수정 */
+    /* // xodud1202 수정 */
 
 
 
 
-        $(function(){
-            // 추천상품 슬라이드
-            $('.od_recommend .item_slide').slick({
-                dots: true,
-                infinite: true,
-                speed: 300,
-                slidesToShow: 5,
-                slidesToScroll: 5,
-                adaptiveHeight: true
-            });
+    $(function(){
+        // 추천상품 슬라이드
+        $('.od_recommend .item_slide').slick({
+            dots: true,
+            infinite: true,
+            speed: 300,
+            slidesToShow: 5,
+            slidesToScroll: 5,
+            adaptiveHeight: true
+        });
 
-            $('.part_dlvr').on('click','.btn_moresale',function(e){
-                //다다익선 적용내역 보기
-                e.preventDefault();
-                $(this).toggleClass('active');
-                $(this).parents('.od_moresale').find('.li_moresale').toggle();
-            }).on('click','.btn_favorite',function(e){
-                //관심상품 등록
-                e.preventDefault();
-                $(this).toggleClass('active');
-            });
+        $('.part_dlvr').on('click','.btn_moresale',function(e){
+            //다다익선 적용내역 보기
+            e.preventDefault();
+            $(this).toggleClass('active');
+            $(this).parents('.od_moresale').find('.li_moresale').toggle();
+        }).on('click','.btn_favorite',function(e){
+            //관심상품 등록
+            e.preventDefault();
+            $(this).toggleClass('active');
         });
-    </script>
+    });
+</script>
 </th:block>
 </body>
 </html>