Merge remote-tracking branch 'origin/develop' into xodud1202

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

@@ -1276,11 +1276,17 @@ public class TsfOrderController extends TsfBaseController {
 	 */
 	@RequestMapping(value = "/naver/payment/request")
 	@ResponseBody
-	public ModelAndView naverPaymentRequest(@RequestParam(value = "paymentId", required = false) String paymentId) {
+	public ModelAndView naverPaymentRequest(@RequestParam(value = "paymentId", required = false) String paymentId, @RequestParam(value = "resultCode", required = false) String resultCode) {
 		ModelAndView mav = new ModelAndView();
 		mav.addObject("paymentId", paymentId);
 		mav.addObject("ordNo", TsfSession.getAttribute("ordNo"));
-		mav.setViewName(super.getDeviceViewName("pg/NaverPaymentRequest"));
+
+		if (TscConstants.FrontGb.MOB.value().equals(TsfSession.getFrontGb()) && StringUtils.isNotBlank(resultCode) && "Fail".equals(resultCode)) {
+			mav.setViewName(super.getDeviceViewName("error/PaymentFail"));
+		} else {
+			mav.setViewName(super.getDeviceViewName("pg/NaverPaymentRequest"));
+		}
+
 		return mav;
 	}
 
@@ -1455,4 +1461,20 @@ public class TsfOrderController extends TsfBaseController {
 		
 		return mav;
 	}
+
+	/**
+	 * 결제 실패 화면
+	 *
+	 * @return ModelAndView
+	 * @author card007
+	 * @since 2021. 05. 25
+	 */
+	@RequestMapping(value = "/payment/fail")
+	public ModelAndView paymentFail() {
+		ModelAndView mav = new ModelAndView();
+
+		mav.setViewName(super.getDeviceViewName("error/PaymentFail"));
+
+		return mav;
+	}
 }

src/main/java/com/style24/persistence/domain/Social.java

@@ -66,6 +66,7 @@ public class Social extends TscBaseDomain{
 		private String optCd;
 		private String goodsType;
 		private String brandGroupNm;	//브랜드 그룹명
+		private String compsGoodsCd;
 		
 		
 		// 고객

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

@@ -102,9 +102,10 @@
 		     --  , COMPS_GOODS_CD
 		         , SUM(case WHEN SOLDOUT_YN = 'Y' THEN 0
 		              ELSE CURR_STOCK_QTY END ) AS STOCK_QTY_SUM
-		           , GROUP_CONCAT(DISTINCT CONCAT(OPT_CD ,':' ,CASE WHEN SOLDOUT_YN = 'Y' THEN 'Y'
+		         , GROUP_CONCAT(DISTINCT OPT_CD) AS OPT_CD
+		           <!-- , GROUP_CONCAT(DISTINCT CONCAT(OPT_CD ,':' ,CASE WHEN SOLDOUT_YN = 'Y' THEN 'Y'
 		                          ELSE CASE WHEN CURR_STOCK_QTY > 0 THEN 'N' ELSE 'Y' END
-		                          END) ) AS OPT_CD
+		                          END) ) AS OPT_CD -->
 		    FROM (
 		             SELECT G.GOODS_CD
 		                  , GC.COMPS_GOODS_CD
@@ -124,16 +125,6 @@
 		         ) Z
 		    WHERE  NUMB = 1
 		    GROUP BY GOODS_CD
-		   <!--  SELECT G.GOODS_CD
-		         , SUM(caSE WHEN S.SOLDOUT_YN = 'Y' THEN 0
-		                    ELSE S.CURR_STOCK_QTY - S.BASE_STOCK_QTY END ) AS STOCK_QTY_SUM
-		         , MIN(CASE WHEN S.SOLDOUT_YN = 'N' THEN S.OPT_CD ELSE 'XXX' END) AS OPT_CD 
-		    FROM   TAB_GOODS G
-		         , VW_STOCK_COMPOSE S
-		    WHERE  G.GOODS_CD = S.GOODS_CD
-		    AND    G.GOODS_TYPE != 'G056_N'
-		    AND    S.DISP_YN = 'Y' /*노출하는상품만*/
-		    GROUP  BY G.GOODS_CD		 -->
 		    )
 		SELECT G.BRAND_GROUP_NM
 		     , G.GOODS_CD
@@ -152,6 +143,7 @@
 		     , S.STOCK_QTY_SUM
 		     , S.OPT_CD
 		     , G.MIN_ORD_QTY 
+		     , (SELECT GROUP_CONCAT(COMPS_GOODS_CD)  FROM TB_GOODS_COMPOSE WHERE GOODS_CD = G.GOODS_CD) AS COMPS_GOODS_CD  
 		     <choose>
 		         <when test="custNo != null and custNo > 0"> <!-- 로그인 했으면 -->
 		     , IF(W.GOODS_CD IS NULL,'','likeit')                                                           AS LIKE_IT       /*위시리스트담긴상품*/

src/main/webapp/WEB-INF/views/mob/goods/GoodsDealDetailFormMob.html

@@ -847,6 +847,46 @@
 		
 	}
 	
+	//팝업 - 딜상세팝업 구매하기버튼 > 옵션셀렉트팝업	
+	var fnGoodsDealOptionOpen = function(goodsCd){
+		$("#pdDescrpPop .close-modal ").click();
+		$('.container').addClass('btPop_open');
+		$(".Purchase_pop .pop_option_select").show();
+		popOpenScroll();
+		let selIdx = 0;
+		$('.Purchase_pop .pop_option_select').find('#form_field_item_Up .list li').each(function() { 
+			if (goodsCd == $(this).find('.item_prod').attr('goodscd')){
+				return false;
+			}
+			selIdx ++;
+		});
+		
+		$('.Purchase_pop .pop_option_select').find('#form_field_item_Up .list li').eq(selIdx).trigger("click");
+        return false;
+	}	
+	
+	// pop open
+	function popOpenScroll(){
+		$('html, body').css({'overflow': 'hidden', 'height': '100%'}); 
+		$('#element').on('scroll touchmove mousewheel', function(event) { // 터치무브, 휠 스크롤 방지
+			event.preventDefault();
+			event.stopPropagation();
+			return false;
+		});
+	}
+	// pop close
+	function popClsScroll(){
+		$('html, body').css({'overflow': 'auto', 'height': '100%'}); //n 해제
+		$('#element').off('scroll touchmove mousewheel'); // 터치무브, 휠 스크롤 가능
+		return false;
+	}
+	// pop close
+	function popClsScroll2(){
+		$('html, body').css({'overflow': 'auto', 'height': '100%'}); //n 해제
+		$('#element').off('scroll touchmove mousewheel'); // 터치무브, 휠 스크롤 가능
+		return false;
+	}
+	
 	 $(document).ready( function() {
 		 
 		 $('.timer_box').css('display', 'none');
@@ -1047,8 +1087,8 @@
 		});
 
 
-			//팝업 - 제품리뷰 > 카테고리팝오픈
-			// 오픈
+		//팝업 - 제품리뷰 > 카테고리팝오픈
+		// 오픈
 		 $(document).on('click','.pd_review .category_open > li',function(e){
 				var dataName=$(this).attr("data_name");
 			 $(".pd_review .category_box").show();
@@ -1089,27 +1129,7 @@
 		
 			// =============구매하기팝업========================================================
 
-		// pop open
-		function popOpenScroll(){
-			$('html, body').css({'overflow': 'hidden', 'height': '100%'}); 
-			$('#element').on('scroll touchmove mousewheel', function(event) { // 터치무브, 휠 스크롤 방지
-				event.preventDefault();
-				event.stopPropagation();
-				return false;
-			});
-		}
-		// pop close
-		function popClsScroll(){
-			$('html, body').css({'overflow': 'auto', 'height': '100%'}); //n 해제
-			$('#element').off('scroll touchmove mousewheel'); // 터치무브, 휠 스크롤 가능
-			return false;
-		}
-		// pop close
-		function popClsScroll2(){
-			$('html, body').css({'overflow': 'auto', 'height': '100%'}); //n 해제
-			$('#element').off('scroll touchmove mousewheel'); // 터치무브, 휠 스크롤 가능
-			return false;
-		}
+
 
 		//팝업 - 구매하기 > 옵션선택 > 옵션셀렉트팝업
 		$(document).on('click','.Purchase_pop .option_result .option_open',function(e){
@@ -1128,16 +1148,17 @@
 			 return false;
 		 });
 
-			//팝업 - 딜상세팝업 구매하기버튼 > 옵션셀렉트팝업
-		$(document).on('click','#pdDescrpPop .modal-footer button',function(e){
-			$("#pdDescrpPop .close-modal ").click();
-			$('.container').addClass('btPop_open');
-			$(".Purchase_pop .pop_option_select").show();
-			popOpenScroll();
-		 return false;
-		 });
-		// ============================================================================//
+		//팝업 - 딜상세팝업 구매하기버튼 > 옵션셀렉트팝업  ==> fnGoodsDealOptionOpen()대체
+//		$(document).on('click','#pdDescrpPop .modal-footer button',function(e){
+//			$("#pdDescrpPop .close-modal ").click();
+//			$('.container').addClass('btPop_open');
+//			$(".Purchase_pop .pop_option_select").show();
+//			popOpenScroll();
+//		 return false;
+//		 });
 			
+		
+		// ============================================================================//
 
 
 		// =============딜리스트팝업========================================================

src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailFormMob.html

@@ -685,13 +685,13 @@
 						</div>
 					</a>
 				</div>
-				<div class="area_slider" id="btn_pdBestReview_pop" th:if="${bestReviewList != null and !bestReviewList.empty}">
+				<div class="area_slider" id="btn_pdBestReview_pop"  th:if="${bestReviewList != null and !bestReviewList.empty}">
 					<div class="swiper-container">
 						<div class="swiper-wrapper">
 							<div class="swiper-slide"  th:each="bestReview, status : ${bestReviewList}"  >
 								<!-- 베스트 리뷰 등록시 노출 -->
 								<div class="best_review">
-									<a href="javascript:void(0);" th:onclick="cfGoodsReviewDetail([[${goodsInfo.goodsCd}]],'Y', '',[[${bestReview.reviewSq}]])">
+									<a href="javascript:void(0);"  th:onclick="cfGoodsReviewDetail([[${goodsInfo.goodsCd}]],'Y', '',[[${bestReview.reviewSq}]])">
 										<div class="star_score" th:with="starScore=${#numbers.formatDecimal((bestReview.iscore*100/5), 0,0)}">
 											<span class="star">
 												<em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
@@ -934,7 +934,7 @@
 								<div class="form_field">
 									<div class="select_custom option_open">
 										<div class="combo">
-											<div class="select">옵션을 선택해주세요</div>
+											<div class="select">옵션을 선택해주세요.</div>
 										</div>
 									</div>
 								</div>
@@ -2306,6 +2306,7 @@
 			},
 		});
 		
+		//--상품문의 창 순서 - 
 		var qnaCount = 0;
 		//팝업 - 상품문의 리스트	
 		$(document).on('click','#btn_pdQnaList_pop',function(e){
@@ -2326,6 +2327,48 @@
 			}
             return false;
         });
+		//--상품문의 창 순서 -
+		
+		
+		//--상품리뷰 창 순서 -
+		var reviewCount = 0;
+		//팝업 - 상품상세 베스트리뷰
+		$(document).on('click','.pd_detail #btn_pdBestReview_pop a',function(e){
+               reviewCount = 1;
+               return false;
+           })
+        //팝업 - 상품상세>리뷰팝업>포토상세(포토영상상세)
+		$(document).on('click','.pd_review_pop .area_rv_photo a',function(e){
+               $("#layer_review_best").modal("show");
+               reviewCount = 2;
+               return false;
+           })
+        //팝업 - 상품상세>리뷰팝업>포토상세(베스트상세)
+		$(document).on('click','.pd_review_pop .area_rv_best a',function(e){
+               $("#layer_review_best").modal("show");
+               reviewCount = 2;
+               return false;
+           })
+        //팝업 - 상품상세>리뷰팝업>포토상세 닫기
+		$(document).on('click','#layer_review_best .close-modal',function(e){
+			if(reviewCount === 2){
+				$('.pd_review_pop').modal('show');
+			}
+               return false;
+           });
+		//팝업 - 포토/영상 (list)
+		$(document).on('click','.pd_review_pop #btn_more_photoreview',function(e){
+               reviewCount = 2;
+               return false;
+           })
+		$(document).on('click','#layer_review_photo .close-modal',function(e){
+			if(reviewCount === 2){
+				$('.pd_review_pop').modal('show');
+			}
+               return false;
+           });
+		
+		//--상품리뷰 창 순서 -
 		
 		$(document).on('click','.pd_detail .thumb_box .thumb',function(e){
             $('#pdItemThumbPop').css("display", "block");
@@ -2471,9 +2514,10 @@
             return false;
         });
 		
-		/* $(document).on('click','.pop_open_btn',function(){
+		// 상품평 상세 토글
+		$(document).on('click','.pop_open_btn',function(){
 			$('.modal.photo_comment_popup .pop_detail').toggleClass('active');
-		}); */
+		});
 		
 	});
 	

src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailQnaFormMob.html

@@ -78,7 +78,7 @@
 		if (result.paging.pageable.pageNo == 1){
 			$('#ulGoodsQna').html('');
 		}	
-		debugger;
+		
 		$.each(result.dataList, function(idx, item) {
 			$('#goodsQnaForm').find('.nodata').hide();
 			let tag = '';

src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailReviewFormMob.html

@@ -416,7 +416,7 @@
 					<div class="swiper-wrapper">
 						<div class="swiper-slide" th:each="bestReview, status : ${bestReviewList}">
 							<div class="best_review">
-								<a href="javascript:void(0);">
+								<a href="javascript:void(0);" id="btn_pdBestReview_pop" th:onclick="cfGoodsReviewDetail([[${goodsInfo.goodsCd}]],'Y', '',[[${bestReview.reviewSq}]])">
 									<div class="star_score" th:with="starScore=${#numbers.formatDecimal((bestReview.iscore*100/5), 0,0)}">
 										<span class="star">
 											<em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->

src/main/webapp/WEB-INF/views/mob/goods/GoodsIncludeFormMob.html

@@ -405,6 +405,7 @@
 				$(this).addClass('selected');
 				let tag = $(this).html();
 				$('#pdDescrpPop').find('.item_blk').html(tag);
+				$('.deal_listDescrp_open').html('상품'+ (selIdx+1));
 			}
 			selIdx ++;
 		});
@@ -440,6 +441,13 @@
 		$("#pdDescrpPop").modal("show");
 	}
 	
+	//팝업 - 딜상세팝업 구매하기버튼
+	$(document).on('click','#btn_deal_purchase',function(e){
+		let selGoodsCd = $('#pdDescrpPop').find('input[name=selectGoods]').val();
+		fnGoodsDealOptionOpen(selGoodsCd);
+	});
+	
+	
 	$(document).ready( function() {
 		
 	});

src/main/webapp/WEB-INF/views/mob/goods/GoodsQnaDetailFormMob.html

@@ -32,8 +32,8 @@
 				</div>
 				<div class="form_field">
 					<div class="input_box">
-						<div class="lap">
-							<textarea class="doc_itemqna"  name="questContent" cols="30" rows="10"  maxlength="500" placeholder="문의내용 입력(500자 이내)" style="resize: none;"></textarea>
+						<div class="input_wrap">
+							<textarea name="questContent" cols="30" rows="10"  maxlength="500" placeholder="문의내용 입력(500자 이내)" style="resize: none;"></textarea>
 							<p class="txt_cnt">
 								<span id="itemqna_cnt" class="itemqna_cnt" ><em class="c_primary">0</em>/500자</span>
 							</p>   

src/main/webapp/WEB-INF/views/mob/goods/GoodsReviewDetailFormMob.html

@@ -58,113 +58,114 @@
 					</div>
 				<!-- //리뷰사진영역 -->
 				<!-- 리뷰내용 -->
-				<div class="pd_review best">
-					<div class="area_rv_all">
-						<div class="btn_review_open">리뷰오픈</div>
-						<div class="review_list">
-							<ul>
-								<li>
-									<div class="review">
-										<div class="info_box">
-											<div class="star_score" th:with="starScore=${#numbers.formatDecimal((review.iscore*100/5), 0,0)}">
-												<span class="star">
-													<em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
-												</span>
+					<div class="pop_detail">
+						<button type="button" class="pop_open_btn"><span class="sr-only"></span></button>
+						<div class="comment_wrap">
+							<div class="review_list">
+								<ul>
+									<li>
+										<div class="review">
+											<div class="info_box">
+												<div class="star_score" th:with="starScore=${#numbers.formatDecimal((review.iscore*100/5), 0,0)}">
+													<span class="star">
+														<em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
+													</span>
+												</div>
+												<div class="writer">
+													<span class="wr_id" th:text="${review.maskingCustId}">ab2****</span>
+													<span class="wr_date" th:text="${review.regDt}">2020.07.15</span>
+												</div>
 											</div>
-											<div class="writer">
-												<span class="wr_id" th:text="${review.maskingCustId}">ab2****</span>
-												<span class="wr_date" th:text="${review.regDt}">2020.07.15</span>
+											<div class="response_box">
+												<div>
+													<dl>
+														<div th:if="${review.goodsOptionList != null and !review.goodsOptionList.empty}" >
+															<dt >구매옵션</dt>
+															<th:block th:each="reviewGoods, goodsStatus : ${review.goodsOptionList}">
+															<dd th:text="${reviewGoods.optCd1Nm +' / '+ reviewGoods.optCd2}">베이지 / 100</dd>
+															</th:block>
+														</div>
+														<div>
+															<dt>키/몸무게</dt>
+															<dd><th:block th:if="${not #strings.isEmpty(review.height)}" th:text="|${review.height}cm / |"></th:block> 
+																<th:block th:if="${not #strings.isEmpty(review.weight)}" th:text="|${review.weight}kg|"></th:block>
+															</dd>
+														</div>
+													</dl>
+												</div>
 											</div>
-										</div>
-										<div class="response_box">
-											<div>
-												<dl>
-													<div th:if="${review.goodsOptionList != null and !review.goodsOptionList.empty}" th:each="reviewGoods, goodsStatus : ${review.goodsOptionList}">
-														<dt >구매옵션</dt>
-														<dd th:text="${reviewGoods.optCd1 +' / '+ reviewGoods.optCd2}">베이지 / 100</dd>
-													</div>
-													<div>
-														<dt>키/몸무게</dt>
-														<dd><th:block th:if="${not #strings.isEmpty(review.height)}" th:text="|${review.height}cm / |"></th:block> 
-															<th:block th:if="${not #strings.isEmpty(review.weight)}" th:text="|${review.weight}kg|"></th:block>
-														</dd>
-													</div>
-												</dl>
+											<div class="txt_review_box">
+												<p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.reviewContent))}">옷</p>
 											</div>
-										</div>
-										<div class="txt_review_box">
-											<p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.reviewContent))}">옷</p>
-										</div>
-										<div class="response_box2"  th:if="${not #strings.isEmpty(review.sizeGb)}">
-											<div>
-												<dl>
-													<div>
-														<dt>사이즈</dt>
-														<dd th:text="${review.scoreSizeNm}">작음</dd>
-													</div>
-													<div>
-														<dt>컬러</dt>
-														<dd th:text="${review.scoreColorNm}">밝음</dd>
-													</div>
-													<th:block th:if="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
-													<div>
-														<dt>핏</dt>
-														<dd th:text="${review.scoreFitNm}">레귤러</dd>
-													</div>
-													<div>
-														<dt>두께감</dt>
-														<dd th:text="${review.scoreThickNm}">적당함</dd>
-													</div>
-													</th:block>
-													<th:block th:unless="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
-													<div>
-														<dt>무게감</dt>
-														<dd th:text="${review.scoreWeightNm}">레귤러</dd>
+											<div class="response_box2"  th:if="${not #strings.isEmpty(review.sizeGb)}">
+												<div>
+													<dl>
+														<div>
+															<dt>사이즈</dt>
+															<dd th:text="${review.scoreSizeNm}">작음</dd>
+														</div>
+														<div>
+															<dt>컬러</dt>
+															<dd th:text="${review.scoreColorNm}">밝음</dd>
+														</div>
+														<th:block th:if="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
+														<div>
+															<dt>핏</dt>
+															<dd th:text="${review.scoreFitNm}">레귤러</dd>
+														</div>
+														<div>
+															<dt>두께감</dt>
+															<dd th:text="${review.scoreThickNm}">적당함</dd>
+														</div>
+														</th:block>
+														<th:block th:unless="${review.sizeGb == 'T' or review.sizeGb == 'B'}">
+														<div>
+															<dt>무게감</dt>
+															<dd th:text="${review.scoreWeightNm}">레귤러</dd>
+														</div>
+														<div>
+															<dt>볼너비</dt>
+															<dd th:text="${review.scoreBallNm}">적당함</dd>
+														</div>
+														</th:block>
+													</dl>
+												</div>
+											</div>
+											<div class="reply_box" th:if="${not #strings.isEmpty(review.admRpl)}">
+												<div class="reply">
+													<div class="reply_writer">
+														<span class="wr_name">관리자</span>
+														<span class="wr_date" th:text="${review.admRplDt}" >2020.07.15</span>
 													</div>
-													<div>
-														<dt>볼너비</dt>
-														<dd th:text="${review.scoreBallNm}">적당함</dd>
+													<div class="reply_txt">
+														<p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.admRpl))}">
+															안녕하세요, 스타일24 관리자입니다.
+														</p>
 													</div>
-													</th:block>
-												</dl>
-											</div>
-										</div>
-										<div class="reply_box" th:if="${not #strings.isEmpty(review.admRpl)}">
-											<div class="reply">
-												<div class="reply_writer">
-													<span class="wr_name">관리자</span>
-													<span class="wr_date" th:text="${review.admRplDt}" >2020.07.15</span>
-												</div>
-												<div class="reply_txt">
-													<p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.admRpl))}">
-														안녕하세요, 스타일24 관리자입니다.
-													</p>
 												</div>
 											</div>
 										</div>
-									</div>
-								</li>
-							</ul>
+									</li>                               
+								</ul>
+							</div>
 						</div>
 					</div>
-				</div>
 				<!-- //리뷰내용 -->
 			</div>
 		</div>
 	</div>
 </div>
-<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer('layer_review_best')" class="close-modal">Close</a> 
 <script th:inline="javascript">
 /*<![CDATA[*/
 	
 	$(document).ready( function() {
 		 //슬라이드 - 포토,영상리뷰팝업
-//		let reviewAttchSq = 0; 
-//		if (!gagajf.isNull( [[${review.attachSq}]])){
-//			reviewAttchSq = [[${review.attachSq}]];
-//		}
+		let reviewAttchSq = 0; 
+		if (!gagajf.isNull( [[${review.attachSq}]])){
+			reviewAttchSq = [[${review.attachSq}]];
+		}
 //		reviewAttchSq = Number(reviewAttchSq) +1;
-		//console.log("reviewAttchSq {}",reviewAttchSq);
+//		console.log("reviewAttchSq {}",reviewAttchSq);
         var photoreviewdetailSwiper = new Swiper('.pd_photoreviewdetail_pop .area_slider .swiper-container', {
             observer: true,
             observeParents: true,
@@ -174,6 +175,10 @@
                 type: 'fraction',
             },
         });
+        
+        //선태 이미지 노출
+        photoreviewdetailSwiper.slideTo(reviewAttchSq, 0, false); 
+    	
         // 포토,베스트리뷰숨김
         var review_open=$(".btn_review_open");
         $(document).on('click','.btn_review_open',function(e){

src/main/webapp/WEB-INF/views/mob/mypage/MypageCancelFormMob.html

@@ -43,7 +43,7 @@
 					<th:block th:if="${cancelList.cancelList}" th:each="cancel, status : ${cancelList.cancelList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
 						<div class="goods_section">
 							<div class="goods_detail">
-								<a href="">
+								<a href="javascript:void(0)" th:attr="goodsCd=${cancel.goodsCd}" onclick="fnGoToGoodsDetail(this)">
 									<div class="thumb_box">
 										<img th:src="${imageUrl + '/' + cancel.sysImgNm}" width="100%" alt="">
 									</div>

src/main/webapp/WEB-INF/views/mob/mypage/MypageCreCancelDetailFormMob.html

@@ -44,7 +44,7 @@
 							<p class="dlvr_desc" 	th:text="|${cancelDtl.chgDate} ${cancelDtl.chgTime}|"></p>
 						</div>
 						<div class="goods_detail">
-							<a href="">
+							<a href="javascript:void(0)" th:attr="goodsCd=${cancelDtl.goodsCd}" onclick="fnGoToGoodsDetail(this)">
 								<div class="thumb_box">
 									<img th:src="${imageUrl + '/' + cancelDtl.sysImgNm}" width="100%" alt="">
 								</div>

src/main/webapp/WEB-INF/views/mob/mypage/MypageCreExchangeDetailFormMob.html

@@ -51,7 +51,7 @@
 							<p class="dlvr_desc" th:text="|${exchangeDtl.chgDate} ${exchangeDtl.chgTime}|"></p>
 						</div>
 						<div class="goods_detail">
-							<a href="">
+							<a href="javascript:void(0)" th:attr="goodsCd=${exchangeDtl.goodsCd}" onclick="fnGoToGoodsDetail(this)">
 								<div class="thumb_box">
 									<img th:src="${imageUrl + '/' + exchangeDtl.sysImgNm}" width="100%" alt="">
 								</div>
@@ -62,7 +62,7 @@
 											<div class="badge_wrap">
 												<em class="tag primary" th:if="${exchangeDtl.shotDelvYn == 'Y'}">총알배송</em>
 												<em class="tag" 		th:if="${exchangeDtl.shotDelvYn == 'N' and exchangeDtl.selfGoodsYn == 'Y'}">STYLE24 일반배송</em>
-												<em class="tag" 		th:if="${exchangeDtl.selfGoodsYn == 'N'}">업체직배송</span>
+												<em class="tag" 		th:if="${exchangeDtl.selfGoodsYn == 'N'}">업체직배송</em>
 											</div>
 										</div>
 										<div class="name" th:text="${exchangeDtl.goodsNm}"></div>

src/main/webapp/WEB-INF/views/mob/mypage/MypageCreReturnDetailFormMob.html

@@ -60,7 +60,7 @@
 											<div class="badge_wrap">
 												<em class="tag primary" th:if="${returnDtl.shotDelvYn == 'Y'}">총알배송</em>
 												<em class="tag" 		th:if="${returnDtl.shotDelvYn == 'N' and returnDtl.selfGoodsYn == 'Y'}">STYLE24 일반배송</em>
-												<em class="tag" 		th:if="${returnDtl.selfGoodsYn == 'N'}">업체직배송</span>
+												<em class="tag" 		th:if="${returnDtl.selfGoodsYn == 'N'}">업체직배송</em>
 											</div>
 										</div>
 										<div class="name" th:text="${returnDtl.goodsNm}"></div>

src/main/webapp/WEB-INF/views/mob/mypage/MypageExchangeFormMob.html

@@ -40,7 +40,7 @@
 					<th:block th:if="${exchangeList.returnList}" th:each="exchange, status : ${exchangeList.returnList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
 						<div class="goods_section">
 							<div class="goods_detail">
-								<a href="">
+								<a href="javascript:void(0)" th:attr="goodsCd=${exchange.goodsCd}" onclick="fnGoToGoodsDetail(this)">
 									<div class="thumb_box">
 										<img th:src="${imageUrl + '/' + exchange.sysImgNm}" width="100%" alt="">
 									</div>

src/main/webapp/WEB-INF/views/mob/mypage/MypageReturnFormMob.html

@@ -44,7 +44,7 @@
 					<th:block th:if="${returnList.returnList}" th:each="return, status : ${returnList.returnList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
 						<div class="goods_section">
 							<div class="goods_detail">
-								<a href="">
+								<a href="javascript:void(0)" th:attr="goodsCd=${return.goodsCd}" onclick="fnGoToGoodsDetail(this)">
 									<div class="thumb_box">
 										<img th:src="${imageUrl + '/' + return.sysImgNm}" width="100%" alt="">
 									</div>

src/main/webapp/WEB-INF/views/mob/mypage/MypageReviewDetailFormMob.html

@@ -157,6 +157,11 @@
 /*<![CDATA[*/
 	
 	$(document).ready( function() {
+		/* let reviewAttchSq = 0; 
+		if (!gagajf.isNull( [[${review.rvAtcSq}]])){
+			reviewAttchSq = [[${review.rvAtcSq}]];
+		
+		} */
 		 //슬라이드 - 포토,영상리뷰팝업 
         var photoreviewdetailSwiper = new Swiper('.pd_photoreviewdetail_pop .area_slider .swiper-container', {
             observer: true,
@@ -166,7 +171,9 @@
                 el: '.swiper-pagination',
                 type: 'fraction',
             },
+         /*    photoreviewdetailSwiper.slideTo(reviewAttchSq, 0, false); */
         });
+		 
         // 포토,베스트리뷰숨김
         var review_open=$(".btn_review_open");
         $(document).on('click','.btn_review_open',function(e){

src/main/webapp/WEB-INF/views/mob/mypage/MypageReviewFormMob.html

@@ -108,145 +108,145 @@
 				}	
 				var html = '';
 				$.each(result.dataList2, function(idx, item) {
-					html += '	<div class="part_goods">';
-					html += '		<div class="goods_section">';
-					html += '			<div class="goods_detail">';
-					html += '				<a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" >';
-					html += '					<div class="thumb_box">';
-					html += '						<img src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '?RS=405" alt="tmp_pdClickother1">';
-					html += '					</div>';
-					html += '					<div class="info_box">';
-					html += '						<div class="od_name">';
-					html += '							<div class="goods_date"><span class="date">'+item.payDt+'</span>구매</div>';
-					html += '							<div class="brand">';
-					html += '								<span>'+item.brandNm+'</span>';
-					html += '							</div>';
-					html += '							<div class="name">'+item.goodsNm+'</div>';
-					html += '						</div>';
-					html += '						<div class="od_opt">';
-					html += '							<div class="option">';
+					html += '	<div class="part_goods">\n';
+					html += '		<div class="goods_section">\n';
+					html += '			<div class="goods_detail">\n';
+					html += '				<a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" >\n';
+					html += '					<div class="thumb_box">\n';
+					html += '						<img src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '?RS=405" alt="tmp_pdClickother1">\n';
+					html += '					</div>\n';
+					html += '					<div class="info_box">\n';
+					html += '						<div class="od_name">\n';
+					html += '							<div class="goods_date"><span class="date">'+item.payDt+'</span>구매</div>\n';
+					html += '							<div class="brand">\n';
+					html += '								<span>'+item.brandNm+'</span>\n';
+					html += '							</div>\n';
+					html += '							<div class="name">'+item.goodsNm+'</div>\n';
+					html += '						</div>\n';
+					html += '						<div class="od_opt">\n';
+					html += '							<div class="option">\n';
 					if (item.goodsType =='G056_S') {
 						$.each(item.colorNmArr, function (index2, option) {
 							html += '							<em>' + item.itemNmArr[index2] + ' / ' + option +'</em>\n';
 						})
 					}else{
-						html += '							<em>'+item.colorNm+'</em>     ';
+						html += '							<em>'+item.colorNm+'</em>\n';
 					}
-					html += '							</div>';
-					html += '						</div>';
-					html += '					</div>';
-					html += '				</a>';
-					html += '			</div>											';
-					html += '		</div>';
-					html += '	</div>';
-					html += '	<div class="reviewMy">';
-					html += '		<div class="info_box">';
-					html += '			<div class="star_score">';
-					html += '				<span class="star">';
-					html += '					<em class="progbar" style="width:'+(item.score*20)+'%;"></em> ';
-					html += '				</span>';
-					html += '			</div>';
-					html += '			<div class="writer">';
-					html += '				<span class="wr_date">'+item.regDt+'</span>';
-					html += '			</div>';
-					html += '		</div>';
-					html += '		<div class="response_box">';
-					html += '			<div>';
-					html += '				<dl>';
-					html += '					<div>';
-					html += '						<dt>구매옵션</dt>';
-					html += '						<dd>'+item.colorNm+'</dd>';
-					html += '					</div>';
-					html += '					<div>';
-					html += '						<dt>키/몸무게</dt>';
-					html += '						<dd>'+item.height+'cm/'+item.weight+'kg</dd>';
-					html += '					</div>';
-					html += '				</dl>';
-					html += '			</div>';
-					html += '		</div>';
+					html += '							</div>\n';
+					html += '						</div>\n';
+					html += '					</div>\n';
+					html += '				</a>\n';
+					html += '			</div>\n											';
+					html += '		</div>\n';
+					html += '	</div>\n';
+					html += '	<div class="reviewMy">\n';
+					html += '		<div class="info_box">\n';
+					html += '			<div class="star_score">\n';
+					html += '				<span class="star">\n';
+					html += '					<em class="progbar" style="width:'+(item.score*20)+'%;"></em>\n';
+					html += '				</span>\n';
+					html += '			</div>\n';
+					html += '			<div class="writer">\n';
+					html += '				<span class="wr_date">'+item.regDt+'</span>\n';
+					html += '			</div>\n';
+					html += '		</div>\n';
+					html += '		<div class="response_box">\n';
+					html += '			<div>\n';
+					html += '				<dl>\n';
+					html += '					<div>\n';
+					html += '						<dt>구매옵션</dt>\n';
+					html += '						<dd>'+item.colorNm+'</dd>\n';
+					html += '					</div>\n';
+					html += '					<div>\n';
+					html += '						<dt>키/몸무게</dt>\n';
+					html += '						<dd>'+item.height+'cm/'+item.weight+'kg</dd>\n';
+					html += '					</div>\n';
+					html += '				</dl>\n';
+					html += '			</div>\n';
+					html += '		</div>\n';
 					if (attachList != null && attachList.length >0) {
-						html += '		<div class="photo_box">';
-						html += '			<div class="photo_list">';
-						html += '				<ul>';
+						html += '		<div class="photo_box">\n';
+						html += '			<div class="photo_list">\n';
+						html += '				<ul>\n';
 						for (var i = 0; i < attachList.length; i++) {
 							if (attachList[i].reviewSq == item.reviewSq) {
-								html += '					<li>';
-								html += '						<a>';
-								html += '							<div class="pic">';
+								html += '					<li>\n';
+								html += '						<a>\n';
+								html += '							<div class="pic">\n';
 								if (attachList[i].fileGb == 'M') {
-									html += '								<span class="thumb mov" onclick="cfMypageReviewDetail(\''+item.goodsCd+'\', \'Y\',\''+item.reviewSq+'\',\''+attachList[i].rvAtcSq+'\');"  style="background-image:url(' + _kollusMediaUrl + '/poster/' + attachList[i].kmcKey + '?player_version=html5);"></span>';
+									html += '								<span class="thumb mov" onclick="cfMypageReviewDetail(\''+item.goodsCd+'\', \'Y\',\''+item.reviewSq+'\',\''+attachList[i].rvAtcSq+'\');"  style="background-image:url(' + _kollusMediaUrl + '/poster/' + attachList[i].kmcKey + '?player_version=html5);"></span>\n';
 								}else{
-									html += '								<span class="thumb" onclick="cfMypageReviewDetail(\''+item.goodsCd+'\', \'Y\',\''+item.reviewSq+'\',\''+attachList[i].rvAtcSq+'\');" style="background-image:url(' + _uploadImageUrl + '/' + attachList[i].sysFileNm + ');"></span>';
+									html += '								<span class="thumb" onclick="cfMypageReviewDetail(\''+item.goodsCd+'\', \'Y\',\''+item.reviewSq+'\',\''+attachList[i].rvAtcSq+'\');" style="background-image:url(' + _uploadImageUrl + '/' + attachList[i].sysFileNm + ');"></span>\n';
 								}
 								
-								html += '							</div>';
-								html += '						</a>';
-								html += '					</li>';
+								html += '							</div>\n';
+								html += '						</a>\n';
+								html += '					</li>\n';
 							}
 						}
-						html += '				</ul>';
-						html += '			</div>';
-						html += '		</div>';
+						html += '				</ul>\n';
+						html += '			</div>\n';
+						html += '		</div>\n';
 					}
-					html += '		<div class="txt_review_box" id="admin_'+item.reviewSq+'">';
-					html += '			<p>'+item.reviewContent.escapeHtml()+'</p>';
-					html += '		</div>';
-					html += '		<div  class="response_box2">';
-					html += '			<div>';
-					html += '				<dl class="clear">';
+					html += '		<div class="txt_review_box" id="admin_'+item.reviewSq+'">\n';
+					html += '			<p>'+item.reviewContent.escapeHtml()+'</p>\n';
+					html += '		</div>\n';
+					html += '		<div  class="response_box2">\n';
+					html += '			<div>\n';
+					html += '				<dl class="clear">\n';
 					if (item.sizeGb == 'T' || item.sizeGb == 'B' || item.sizeGb == 'S') {
-						html += '					<div>';
-						html += '						<dt>사이즈</dt>';
-						html += '						<dd>'+item.scoreSize+'</dd>';
-						html += '					</div>';
-						html += '					<div>';
-						html += '						<dt>컬러</dt>';
-						html += '						<dd>'+item.scoreColor+'</dd>';
-						html += '					</div>';
+						html += '					<div>\n';
+						html += '						<dt>사이즈</dt>\n';
+						html += '						<dd>'+item.scoreSize+'</dd>\n';
+						html += '					</div>\n';
+						html += '					<div>\n';
+						html += '						<dt>컬러</dt>\n';
+						html += '						<dd>'+item.scoreColor+'</dd>\n';
+						html += '					</div>\n';
 					}
 					if (item.sizeGb == 'T' || item.sizeGb == 'B') {
-						html += '					<div>';
-						html += '						<dt>핏</dt>';
-						html += '						<dd>'+item.scoreFit+'</dd>';
-						html += '					</div>';
-						html += '					<div>';
-						html += '						<dt>두께감</dt>';
-						html += '						<dd>'+item.scoreThick+'</dd>';
-						html += '					</div>';
+						html += '					<div>\n';
+						html += '						<dt>핏</dt>\n';
+						html += '						<dd>'+item.scoreFit+'</dd>\n';
+						html += '					</div>\n';
+						html += '					<div>\n';
+						html += '						<dt>두께감</dt>\n';
+						html += '						<dd>'+item.scoreThick+'</dd>\n';
+						html += '					</div>\n';
 					}
 					if (item.sizeGb == 'S') {
-						html += '					<div>';
-						html += '						<dt>무게감</dt>';
-						html += '						<dd>'+item.scoreWeight+'</dd>';
-						html += '					</div>';
-						html += '					<div>';
-						html += '						<dt>볼넓이</dt>';
-						html += '						<dd>'+item.scoreBall+'</dd>';
-						html += '					</div>';
+						html += '					<div>\n';
+						html += '						<dt>무게감</dt>\n';
+						html += '						<dd>'+item.scoreWeight+'</dd>\n';
+						html += '					</div>\n';
+						html += '					<div>\n';
+						html += '						<dt>볼넓이</dt>\n';
+						html += '						<dd>'+item.scoreBall+'</dd>\n';
+						html += '					</div>\n';
 					}
-					html += '				</dl>';
-					html += '			</div>';
-					html += '		</div>';
+					html += '				</dl>\n';
+					html += '			</div>\n';
+					html += '		</div>\n';
 					if (item.admRpl != null && item.admRpl != '') {
-						html += '		<div class="reply_box">';
-						html += '			<div class="reply">';
-						html += '				<div class="reply_writer">';
-						html += '					<span class="wr_name">관리자</span>';
-						html += '					<span class="wr_date">'+item.admRplDt+'</span>';
-						html += '				</div>';
-						html += '				<div class="reply_txt">';
-						html += '					<p>'+item.admRpl.escapeHtml()+'</p>';
-						html += '				</div>';
-						html += '			</div>';
-						html += '		</div>';
+						html += '		<div class="reply_box">\n';
+						html += '			<div class="reply">\n';
+						html += '				<div class="reply_writer">\n';
+						html += '					<span class="wr_name">관리자</span>\n';
+						html += '					<span class="wr_date">'+item.admRplDt+'</span>\n';
+						html += '				</div>\n';
+						html += '				<div class="reply_txt">\n';
+						html += '					<p>'+item.admRpl.escapeHtml()+'</p>\n';
+						html += '				</div>\n';
+						html += '			</div>\n';
+						html += '		</div>\n';
 					}
-					html += '		<div class="goods_btn_wrap btn_group_flex">';
+					html += '		<div class="goods_btn_wrap btn_group_flex">\n';
 					if (item.admRpl == null || item.admRpl == '') {
-						html += '			<div><button type="button" id="btn_review_delete" class="btn btn_dark" onclick="fnReviewUpdate('+item.ordNo+','+item.ordDtlNo+',\''+item.goodsCd+'\','+item.reviewSq+')"><span>리뷰 수정</span></button></div> ';
+						html += '			<div><button type="button" id="btn_review_delete" class="btn btn_dark" onclick="fnReviewUpdate('+item.ordNo+','+item.ordDtlNo+',\''+item.goodsCd+'\','+item.reviewSq+')"><span>리뷰 수정</span></button></div>\n';
 					}
-					html += '			<div><button type="button" id="btn_review_delete" class="btn btn_default" onclick="fnDeleteReview('+item.reviewSq+')"><span>리뷰 삭제</span></button></div> ';
-					html += '		</div>';
-					html += '	</div>';
+					html += '			<div><button type="button" id="btn_review_delete" class="btn btn_default" onclick="fnDeleteReview('+item.reviewSq+')"><span>리뷰 삭제</span></button></div>\n';
+					html += '		</div>\n';
+					html += '	</div>\n';
 				});
 				
 				$('#reviewList').append(html);
@@ -261,13 +261,13 @@
 				
 			}else{
 				var html = '';
-				html += '<div class="nodata" id="nodata1">';
-				html += '	<div class="txt_box">';
+				html += '<div class="nodata" id="nodata1">\n';
+				html += '	<div class="txt_box">\n';
 				html += '		<p>';
 				html += '			작성한 리뷰가 없습니다.<br>';
 				html += '		</p>';
-				html += '	</div>';
-				html += '</div>';
+				html += '	</div>\n';
+				html += '</div>\n';
 				$('#btnMore2').parent().hide();
 				$('#btnMore').parent().hide();
 				$('#reviewList').append(html);
@@ -280,42 +280,42 @@
 			if (result.paging1.pageable.pageNo == 1){
 				$('#reviewList').html('');
 			}	
-			var html = '	<div class="part_goods">';
+			var html = '	<div class="part_goods">\n';
 			$.each(result.dataList1, function(idx, item) {
-				html += '		<div class="goods_section">';
-				html += '			<div class="goods_detail">';
-				html += '				<a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')">';
-				html += '					<div class="thumb_box">';
-				html += '						<img src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="tmp_pdClickother1">';
-				html += '					</div>';
-				html += '					<div class="info_box">';
-				html += '						<div class="od_name">';
-				html += '							<div class="goods_date"><span class="date">'+item.payDt+'</span> 구매</div>';
-				html += '							<div class="brand">';
-				html += '								<span>'+item.brandNm+'</span>';
-				html += '							</div>';
-				html += '							<div class="name">'+item.goodsNm+'</div>';
-				html += '						</div>';
-				html += '						<div class="od_opt">';
-				html += '							<div class="option">';
+				html += '		<div class="goods_section">\n';
+				html += '			<div class="goods_detail">\n';
+				html += '				<a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')">\n';
+				html += '					<div class="thumb_box">\n';
+				html += '						<img src="' + _uploadGoodsUrl + '/' + item.sysImgNm + '" alt="tmp_pdClickother1">\n';
+				html += '					</div>\n';
+				html += '					<div class="info_box">\n';
+				html += '						<div class="od_name">\n';
+				html += '							<div class="goods_date"><span class="date">'+item.payDt+'</span> 구매</div>\n';
+				html += '							<div class="brand">\n';
+				html += '								<span>'+item.brandNm+'</span>\n';
+				html += '							</div>\n';
+				html += '							<div class="name">'+item.goodsNm+'</div>\n';
+				html += '						</div>\n';
+				html += '						<div class="od_opt">\n';
+				html += '							<div class="option">\n';
 				if (item.goodsType =='G056_S') {
 					$.each(item.colorNmArr, function (index2, option) {
-						html += '							<em>' + item.itemNmArr[index2] + ' / ' + option + '</em\n';
+						html += '							<em>' + item.itemNmArr[index2] + ' / ' + option + '</em>\n';
 					})
 				}else{
-					html += '							<em>'+item.colorNm+'</em>     ';
+					html += '							<em>'+item.colorNm+'</em>\n';
 				}
-				html += '							</div>';
-				html += '						</div>';
-				html += '					</div>';
-				html += '				</a>';
-				html += '			</div>';
-				html += '			<div class="goods_btn_wrap btn_group_flex">';
-				html += '				<div><button type="button" class="btn btn_default" onclick="fnReviewCreate('+item.ordNo+','+item.ordDtlNo+',\'' + item.goodsCd + '\')"><span>리뷰쓰기(</span><em>'+item.remainDt+'</em><span>일 남음)</span></button></div>';
-				html += '			</div>';
-				html += '		</div>';
+				html += '							</div>\n';
+				html += '						</div>\n';
+				html += '					</div>\n';
+				html += '				</a>\n';
+				html += '			</div>\n';
+				html += '			<div class="goods_btn_wrap btn_group_flex">\n';
+				html += '				<div><button type="button" class="btn btn_default" onclick="fnReviewCreate('+item.ordNo+','+item.ordDtlNo+',\'' + item.goodsCd + '\')"><span>리뷰쓰기(</span><em>'+item.remainDt+'</em><span>일 남음)</span></button></div>\n';
+				html += '			</div>\n';
+				html += '		</div>\n';
 			});
-			html += '	</div>';
+			html += '	</div>\n';
 			$('#reviewList').append(html);
 			if (result.paging1.pageable.totalPage > result.paging1.pageable.pageNo) {
 				$('#btnMore').parent().show();
@@ -325,13 +325,13 @@
 			}
 		}else{
 			var html = '';
-			html += '<div class="nodata" id="nodata1">';
-			html += '	<div class="txt_box">';
+			html += '<div class="nodata" id="nodata1">\n';
+			html += '	<div class="txt_box">\n';
 			html += '		<p>';
 			html += '			작성 가능한 리뷰가 없습니다.<br>';
-			html += '		</p>';
-			html += '	</div>';
-			html += '</div>';
+			html += '		</p>\n';
+			html += '	</div>\n';
+			html += '</div>\n';
 			
 			$('#reviewList').append(html);
 			$('#btnMore').parent().hide();

src/main/webapp/WEB-INF/views/mob/mypage/NoMemberCancelFormMob.html

@@ -42,7 +42,7 @@
 					<th:block th:if="${cancelList.cancelList}" th:each="cancel, status : ${cancelList.cancelList}" th:with="imageUrl=${@environment.getProperty('upload.goods.view')}">
 						<div class="goods_section">
 							<div class="goods_detail">
-								<a href="">
+								<a href="javascript:void(0)" th:attr="goodsCd=${cancel.goodsCd}" onclick="fnGoToGoodsDetail(this)">
 									<div class="thumb_box">
 										<img th:src="${imageUrl + '/' + cancel.sysImgNm + '?RS=90'}" width="100%" alt="">
 									</div>

src/main/webapp/WEB-INF/views/mob/mypage/NoMemberCreExchangeDetailFormMob.html

@@ -46,7 +46,7 @@
 							<p class="dlvr_desc" th:text="|${exchangeDtl.chgDate} ${exchangeDtl.chgTime}|"></p>
 						</div>
 						<div class="goods_detail">
-							<a href="">
+							<a href="javascript:void(0)" th:attr="goodsCd=${exchangeDtl.goodsCd}" onclick="fnGoToGoodsDetail(this)">
 								<div class="thumb_box">
 									<img th:src="${imageUrl + '/' + exchangeDtl.sysImgNm + '?RS=90'}" width="100%" alt="">
 								</div>
@@ -57,7 +57,7 @@
 											<div class="badge_wrap">
 												<em class="tag primary" th:if="${exchangeDtl.shotDelvYn == 'Y'}">총알배송</em>
 												<em class="tag" 		th:if="${exchangeDtl.shotDelvYn == 'N' and exchangeDtl.selfGoodsYn == 'Y'}">STYLE24 일반배송</em>
-												<em class="tag" 		th:if="${exchangeDtl.selfGoodsYn == 'N'}">업체직배송</span>
+												<em class="tag" 		th:if="${exchangeDtl.selfGoodsYn == 'N'}">업체직배송</em>
 											</div>
 										</div>
 										<div class="name" th:text="${exchangeDtl.goodsNm}"></div>

src/main/webapp/WEB-INF/views/mob/mypage/NoMemberCreReturnDetailFormMob.html

@@ -55,7 +55,7 @@
 											<div class="badge_wrap">
 												<em class="tag primary" th:if="${returnDtl.shotDelvYn == 'Y'}">총알배송</em>
 												<em class="tag" 		th:if="${returnDtl.shotDelvYn == 'N' and returnDtl.selfGoodsYn == 'Y'}">STYLE24 일반배송</em>
-												<em class="tag" 		th:if="${returnDtl.selfGoodsYn == 'N'}">업체직배송</span>
+												<em class="tag" 		th:if="${returnDtl.selfGoodsYn == 'N'}">업체직배송</em>
 											</div>
 										</div>
 										<div class="name" th:text="${returnDtl.goodsNm}"></div>

src/main/webapp/WEB-INF/views/mob/order/OrderFormMob.html

@@ -336,8 +336,8 @@
 			<div class="inner wide">
 				<div class="btn_group btn_group_flex">
 					<div>
-						<button type="button" class="btn btn_primary">
-							동의 후 <span class="total_price" id="btn_payment">0</span>원 결제하기
+						<button type="button" class="btn btn_primary" id="btn_payment">
+							동의 후 <span class="total_price">0</span>원 결제하기
 						</button>
 					</div>
 				</div>
@@ -354,13 +354,6 @@
 <div id="couponSelectPop02" class="popup_box couponSelectPop couponSelectPop02"></div>
 <!-- //배송비 쿠폰선택_팝업 -->
 
-<!-- 카카오페이 iframe -->
-<iframe name="kakaoPayiFrame" id="kakaoPayiFrame" style="display:block; width:100vw; height:100vh;"></iframe>
-<!-- //카카오페이 iframe -->
-<!-- 네이버페이 iframe -->
-<iframe name="naverPayiFrame" id="naverPayiFrame" style="display:block; width:100vw; height:100vh;"></iframe>
-<!-- //네이버페이 iframe -->
-
 <script th:inline="javascript">
 // 배송관련정보 변수선언
 var cartGoodsList		= [[${cartGoodsList}]]			// 배송목록
@@ -2360,7 +2353,7 @@ var custCpnSumAmtCal = function() {
 	$("#realOrdAmt").text(realOrdSumAmt.addComma()); 					// 총 결제 예정 금액
 	$("#orderForm .realOrdAmt").text(realOrdSumAmt.addComma()); 		// 총 결제 예정 금액
 	$("#orderForm .orgGoodsSumAmt").text(orgGoodsSumAmt.addComma());
-	$("#orderForm #btn_payment").text(realOrdSumAmt.addComma());		// 총 결제 예정 금액
+	$("#orderForm #btn_payment span").text(realOrdSumAmt.addComma());	// 총 결제 예정 금액
 	$("#orderForm .dcSumAmt").text(totDcSumAmt.addComma());				// 할인금액합계
 	
 	var tempSavePnt			= savePntSumAmt - prePntDcAmt;

src/main/webapp/WEB-INF/views/mob/planning/PlanningDetailFormMob.html

@@ -17,8 +17,8 @@
  *******************************************************************************
  -->
 <body>
+<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
 <th:block layout:fragment="content">
-<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
 <main role="" id="" class="container dp">
 			<section class="content">
 				<div class="inner">
@@ -206,6 +206,47 @@
 	<div class="modal pop_full photo_comment_popup" id="photo_full_popup" tabindex="-1" role="dialog" aria-labelledby="comment_popup" aria-hidden="true">
 		
 	</div>
+	<!-- (공통) 공유팝업 -->
+		<div class="modal fade" id="tglShare" tabindex="-1" role="dialog"
+			aria-labelledby="aModalLabel" aria-hidden="true">
+			<div class="modal-dialog" role="document">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title" id="aModalLabel">공유하기</h5>
+					</div>
+					<div class="modal-body">
+						<!-- toggle contents -->
+						<div id="layerShare" class="setShare open"
+							th:with="stylelUrl=${@environment.getProperty('domain.front')},  planView=${@environment.getProperty('upload.image.view')}">
+							<span>
+								<button type="button" id="kakao-link-btn" class="kk"
+									th:attr="onclick=|cfnSendToKakaoMob('${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainMimg}');|">
+									<span>카카오톡</span>
+								</button>
+								<button type="button" class="fb"
+									th:attr="onclick=|sendSns('facebook', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '', '');|">
+									<span>페이스북</span>
+								</button>
+								<button type="button" class="tw"
+									th:attr="onclick=|sendSns('twitter', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}',  '${planInfo.planNm+ '#style24몰'}', '', '');|">
+									<span>트위터</span>
+								</button>
+								<button type="button" class="url btn_copy">
+									<span>URL</span>
+								</button>
+							</span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script>
+			// 공유팝업
+			$('.share_btn').click(function(e){
+				e.preventDefault();
+				$('#tglShare').modal("show");
+			});
+		</script>
 		
 <th:block th:each="a, template : ${templateOrd}">
 	<th:block th:if="${a.tmplType == 'G082_51'}">
@@ -950,6 +991,9 @@ $(document).ready(function(){
 		$('.modal.photo_comment_popup .pop_detail').toggleClass('active');
 	});
 
+	$('.btn_copy').bind('click', function() {
+		copyToClipboard();
+	});
 	
 	//상단 빅배너 슬라이드
 	var big_banner_slide = new Swiper('.big_banner_slide .swiper-container', {

src/main/webapp/WEB-INF/views/mob/planning/PlanningEventAttendFormMob.html

@@ -17,8 +17,8 @@
  *******************************************************************************
  -->
 <body>
+<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
 <th:block layout:fragment="content">
-<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
 	<main role="" id="" class="container dp">
 			<section class="content dp_detail_visual">
 				<div class="inner">
@@ -154,6 +154,47 @@
 					</div>
 				</div>
 			</section>
+			<!-- (공통) 공유팝업 -->
+		<div class="modal fade" id="tglShare" tabindex="-1" role="dialog"
+			aria-labelledby="aModalLabel" aria-hidden="true">
+			<div class="modal-dialog" role="document">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title" id="aModalLabel">공유하기</h5>
+					</div>
+					<div class="modal-body">
+						<!-- toggle contents -->
+						<div id="layerShare" class="setShare open"
+							th:with="stylelUrl=${@environment.getProperty('domain.front')},  planView=${@environment.getProperty('upload.image.view')}">
+							<span>
+								<button type="button" id="kakao-link-btn" class="kk"
+									th:attr="onclick=|cfnSendToKakaoMob('${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainMimg}');|">
+									<span>카카오톡</span>
+								</button>
+								<button type="button" class="fb"
+									th:attr="onclick=|sendSns('facebook', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '', '');|">
+									<span>페이스북</span>
+								</button>
+								<button type="button" class="tw"
+									th:attr="onclick=|sendSns('twitter', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}',  '${planInfo.planNm+ '#style24몰'}', '', '');|">
+									<span>트위터</span>
+								</button>
+								<button type="button" class="url btn_copy">
+									<span>URL</span>
+								</button>
+							</span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script>
+			// 공유팝업
+			$('.share_btn').click(function(e){
+				e.preventDefault();
+				$('#tglShare').modal("show");
+			});
+		</script>
 		</main>	<script th:inline="javascript">
 	/*<![CDATA[*/
 	let today = new Date();   

src/main/webapp/WEB-INF/views/mob/planning/PlanningEventPollFormMob.html

@@ -17,6 +17,7 @@
  *******************************************************************************
  -->
 <body>
+<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
 <th:block layout:fragment="content">
 <main role="" id="" class="container ev">
 			<section class="content renew">
@@ -197,6 +198,48 @@
 					</div>
 				</div>
 			</section>
+			
+				<!-- (공통) 공유팝업 -->
+		<div class="modal fade" id="tglShare" tabindex="-1" role="dialog"
+			aria-labelledby="aModalLabel" aria-hidden="true">
+			<div class="modal-dialog" role="document">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title" id="aModalLabel">공유하기</h5>
+					</div>
+					<div class="modal-body">
+						<!-- toggle contents -->
+						<div id="layerShare" class="setShare open"
+							th:with="stylelUrl=${@environment.getProperty('domain.front')},  planView=${@environment.getProperty('upload.image.view')}">
+							<span>
+								<button type="button" id="kakao-link-btn" class="kk"
+									th:attr="onclick=|cfnSendToKakaoMob('${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainMimg}');|">
+									<span>카카오톡</span>
+								</button>
+								<button type="button" class="fb"
+									th:attr="onclick=|sendSns('facebook', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '', '');|">
+									<span>페이스북</span>
+								</button>
+								<button type="button" class="tw"
+									th:attr="onclick=|sendSns('twitter', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}',  '${planInfo.planNm+ '#style24몰'}', '', '');|">
+									<span>트위터</span>
+								</button>
+								<button type="button" class="url btn_copy">
+									<span>URL</span>
+								</button>
+							</span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<script>
+			// 공유팝업
+			$('.share_btn').click(function(e){
+				e.preventDefault();
+				$('#tglShare').modal("show");
+			});
+		</script>
 		</main>
 <script th:inline="javascript">
 let pollList = [[${pollList}]];

src/main/webapp/WEB-INF/views/mob/planning/PlanningShotGuideFormMob.html

@@ -387,6 +387,11 @@ $(document).ready(function(){
             $(this).addClass('on');
 		});
 	});
+  	//210510_추가 : 토스트 팝업 button 클릭 시 팝업 닫기.
+	$(document).on('click','.popup_box.odDatePop .button_list button',function(){
+		$(this).parents('.popup_box.odDatePop').hide().removeClass('active');
+		$("body").css({"overflow":"visible"});
+	})
     
     $("#bulletShipPop_close").click(function() {
         $.modal.close();

src/main/webapp/WEB-INF/views/mob/social/SocialMainFormMob.html

@@ -87,6 +87,36 @@ var socialAddCart = function (obj) {
 	} 
 }
 
+var socialSetAddCart = function (obj) {
+
+	let cartGoodsList = [];
+	var optCdArr = $(obj).attr("optCd").split(",");
+	var compsGoodsCdArr = $(obj).attr("compsGoodsCd").split(",");
+	
+	let compsList = [];
+	let goodsList = {
+	cartCompsList : new Array()
+	}
+
+	for(let j = 0 ; j <  optCdArr.length ; j++) { 
+		let temp = new Object;
+		temp.goodsCd = $(obj).attr("goodsCd");
+		temp.optCd = optCdArr[j];
+		temp.goodsQty = $(obj).attr("minOrdQty");
+		temp.goodsType = "G056_S";
+		temp.itemCd =  compsGoodsCdArr[j];
+		temp.cartGb = "C";
+		temp.afLinkCd = $(obj).attr("afLinkCd");
+		temp.ithrCd = "";
+		temp.contentsLoc = "";
+		temp.planDtlSq = "";
+		compsList.push(temp);
+	}  
+
+	goodsList.cartCompsList = compsList;
+	cartGoodsList.push(goodsList);
+	cfnAddCart(cartGoodsList);
+}
 
 let fnGetSocialList = function(result) {
 	var html = '';
@@ -124,7 +154,14 @@ let fnGetSocialList = function(result) {
 		
 		html += '		</a>';
 		html += '			<div class="shopBag">';
-		html += '				<button class="btn btn_default" onclick="socialAddCart(this)" goodsCd=\''+item.goodsCd+'\', minOrdQty=\''+item.minOrdQty+'\', goodsType=\''+item.goodsType+'\', optCd=\''+item.optCd+'\'"><span>쇼핑백담기</span></button>';
+		if (item.goodsType == 'G056_N') {
+			html += '				<button class="btn btn_default" onclick="socialAddCart(this)" goodsCd=\''+item.goodsCd+'\', minOrdQty=\''+item.minOrdQty+'\', goodsType=\''+item.goodsType+'\', optCd=\''+item.optCd+'\'"><span>쇼핑백담기</span></button>';
+		}else if(item.goodsType == 'G056_D'){
+			html += '<button class="btn btn_default"  onclick="socialGoodsDeal()"><span>쇼핑백담기</span></button>';
+		}else{
+			html += '<button class="btn btn_default" onclick="socialSetAddCart(this)" compsGoodsCd=\''+item.compsGoodsCd+'\',goodsCd=\''+item.goodsCd+'\', minOrdQty=\''+item.minOrdQty+'\', goodsType=\''+item.goodsType+'\', optCd=\''+item.optCd+'\'"><span>쇼핑백담기</span></button>';
+		}
+		
 		html += '			</div>';
 		html += '	</div>';
 		html += '</div>';
@@ -133,7 +170,11 @@ let fnGetSocialList = function(result) {
 	return html;
 }
 
-
+//딜상품일 경우 alert
+var socialGoodsDeal = function() {
+	mcxDialog.alert("해당 상품은 옵션 선택 후 쇼핑백 담기가 가능합니다.");
+	return;
+}
 
 var fnSocialListSearch = function() {
 	fnSocialInfiniteScrollInit();

src/main/webapp/WEB-INF/views/web/planning/PlanningDetailFormWeb.html

@@ -42,7 +42,7 @@
 									<div id="layerShare" class="setShare open">
 										<span>
 											<button type="button" class="kk"
-												th:attr="onclick=|cfnSendToKakao('${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainImg}');|">
+												th:attr="onclick=|cfnSendToKakao('${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainPimg}');|">
 												<span>카카오톡</span>
 											</button>
 											<button type="button" class="fb"
@@ -256,23 +256,23 @@ let planCornerList = [[${planCornerList}]];
 if(planCornerList.length>0){
 	var html = '';
 	
-	html += '<div class="cont_head">';
-	html += '     <div class="sticky_nav">';
-	html += '         <ul>    ';
+	html += '<div class="cont_head">\n';
+	html += '     <div class="sticky_nav">\n';
+	html += '         <ul>\n    ';
 	$.each(planCornerList, function(idx, item)  {
-		html += '             <li><a href="#brand'+(idx+1)+'">'+item.cornerNm+'</a></li>';
+		html += '             <li><a href="#brand'+(idx+1)+'">'+item.cornerNm+'</a></li>\n';
 	})
 	
-	html += '         </ul>';
-	html += '     </div>';
-	html += '</div>';
-	html += '<div class="cont_body">';
-	html += '     <div class="list_content">';
+	html += '         </ul>\n';
+	html += '     </div>\n';
+	html += '</div>\n';
+	html += '<div class="cont_body">\n';
+	html += '     <div class="list_content">\n';
 	$.each(planCornerList, function(idx, item)  {
-		html += '         <div id="brand'+(idx+1)+'" class="dp_item_list">';
-		html += '             <div class="item_header">';
-		html += '                 <h4>'+item.cornerNm+'</h4>';
-		html += '             </div>';
+		html += '         <div id="brand'+(idx+1)+'" class="dp_item_list">\n';
+		html += '             <div class="item_header">\n';
+		html += '                 <h4>'+item.cornerNm+'</h4>\n';
+		html += '             </div>\n';
 		html += '             <div class="itemsGrp';
 		if (item.cornerDispType == 'G045_1') {
 			html += ' cut1';
@@ -285,35 +285,35 @@ if(planCornerList.length>0){
 		}else if(item.cornerDispType == 'G045_5'){
 			html += ' cut5';
 		}
-		html += '">';
+		html += '">\n';
 		$.each(planCornerGoodsList, function(idx2, item2)  {
 			if (item2.cornerNm == item.cornerNm) {
-				html += '                 <div class="item_prod">';
-				html += '                     <div class="item_state">';
+				html += '                 <div class="item_prod">\n';
+				html += '                     <div class="item_state">\n';
 				html += '		<button type="button" class="itemLike';
 				if(item2.likeIt == 'likeit'){
 					html += ' likeit';
 				}
 				html += ' "';
-				html += ' onClick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
+				html += ' onClick="cfnPutWishList(this);" goodsCd=\''+item2.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
 				
-				html += '                         <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item2.goodsCd + '\')" class="itemLink">';
-				html += '                             <div class="itemPic">';
-				html += '                                 <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item2.sysImgNm +'">';
-				html += '                             </div>';
-				html += '                             <p class="itemBrand">'+item2.brandGroupNm+'</p>';
-				html += '                             <div class="itemName">'+item2.goodsNm+'</div>';
+				html += '                         <a href="javascript:void(0);" onclick="cfnGoToGoodsDetail(\'' + item2.goodsCd + '\')" class="itemLink">\n';
+				html += '                             <div class="itemPic">\n';
+				html += '                                 <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item2.sysImgNm +'">\n';
+				html += '                             </div>\n';
+				html += '                             <p class="itemBrand">'+item2.brandGroupNm+'</p>\n';
+				html += '                             <div class="itemName">'+item2.goodsNm+'</div>\n';
 				html += '                             <p class="itemPrice">'+item2.currPrice.addComma();
 				if (item2.currPrice != item2.listPrice) {
-					html += '                                 <span class="itemPrice_original">'+item2.listPrice.addComma()+'</span>';
+					html += '                                 <span class="itemPrice_original">'+item2.listPrice.addComma()+'</span>\n';
 				}
 				if (item2.dcRate != 0) {
-					html += '                                 <span class=" itemPercent">'+item2.dcRate.addComma()+'%</span>';
+					html += '                                 <span class=" itemPercent">'+item2.dcRate.addComma()+'%</span>\n';
 				}
 				
 				
-				html += '                             </p>';
-				html += '                             <div class="itemcolorchip">';
+				html += '                             </p>\n';
+				html += '                             <div class="itemcolorchip">\n';
 				if(!gagajf.isNull(item2.colorChips)){
 					var colorArr = item2.colorChips.split(",");
 					var colorCd = '';
@@ -323,42 +323,40 @@ if(planCornerList.length>0){
 						colorCd = colorInfo[0];
 						rgbColor = colorInfo[1];
 						if(rgbColor=='#FFFFFF'){
-							html += '	<span class="chip_color" style="background-color: '+rgbColor+';border:1px solid #aaa;" value="'+colorCd+'">'+colorCd+'</span>';
+							html += '	<span class="chip_color" style="background-color: '+rgbColor+';border:1px solid #aaa;" value="'+colorCd+'">'+colorCd+'</span>\n';
 						}else{
-							html += '	<span class="chip_color" style="background-color: '+rgbColor+'" value="'+colorCd+'">'+colorCd+'</span>';
+							html += '	<span class="chip_color" style="background-color: '+rgbColor+'" value="'+colorCd+'">'+colorCd+'</span>\n';
 						}
 					}
 				}
-				html += '                             </div>';
+				html += '                             </div>\n';
 				if(!gagajf.isNull(item2.icon)){
 					var iconArr = item2.icon.split(",");
 					var iconGb = '';
 					var iconNm = '';
-					html += '	<p class="itemBadge">';
+					html += '	<p class="itemBadge">\n';
 					for(let i=0; i<iconArr.length; i++){
 						var iconInfo = iconArr[i].split(":");
 						iconGb = iconInfo[0];
 						iconNm = iconInfo[1];
-						html += '	<span class="badge13" value="'+iconGb+'">'+iconNm+' </span>';
+						html += '	<span class="badge13" value="'+iconGb+'">'+iconNm+' </span>\n';
 					}
-					html += '	</p>';
+					html += '	</p>\n';
 				}
 				if(item2.goodsTnm != null){
-					html += '			<div class="itemComment">'+item2.goodsTnm+'</div>';
+					html += '			<div class="itemComment">'+item2.goodsTnm+'</div>\n';
 				}
-				html += '                         </a>';
-				html += '                     </div>';
-				html += '                 </div>';
+				html += '                         </a>\n';
+				html += '                     </div>\n';
+				html += '                 </div>\n';
 			}
 			
 		})
-		html += '             </div>';
-		html += '         </div>';
+		html += '             </div>\n';
+		html += '         </div>\n';
 	})
-	
-	html += '     </div>';
-	html += ' </div>';
-	
+	html += '     </div>\n';
+	html += ' </div>\n';
 	
 	$("#cornerList").append(html);
 	
@@ -368,68 +366,68 @@ if(review.length>0){
 	
 	var html = '';
 	
-	html += ' <div class="cont_head">';
-	html += ' 	<div>';
-	html += '		<h4>'+review[0].title+'</h4>';
-	html += ' 	</div>';
-	html += '	<div class="cont_body">';
-	html += ' 		<div class="review_list">';
+	html += ' <div class="cont_head">\n';
+	html += ' 	<div>\n';
+	html += '		<h4>'+review[0].title+'</h4>\n';
+	html += ' 	</div>\n';
+	html += '	<div class="cont_body">\n';
+	html += ' 		<div class="review_list">\n';
 	$.each(review, function(idx, item)  {
-		html += '		<div class="reviw_box">'
-		html += '			<div class="best_review">';
+		html += '		<div class="reviw_box">\n'
+		html += '			<div class="best_review">\n';
 		if(item.reviewSysImg!= null){
-			html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'\', \'Y\',\''+item.reviewSq+'\');">';
+			html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'Y\', \'Y\',\''+item.reviewSq+'\');">\n';
 		}else{
-			html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'\', \'N\',\''+item.reviewSq+'\');">';
+			html += '				<a href="javascript:void();" id="btn_pdBestReview_pop" onclick="cfGoodsReviewDetail(\''+item.goodsCd+'\',\'Y\', \'N\',\''+item.reviewSq+'\');">\n';
 		}
 		
-		html += '					<div class="pic">';
+		html += '					<div class="pic">\n';
 		if(item.reviewSysImg!= null){
 			if (item.fileGb == 'M') { 
-				html += '								<span class="thumb mov" style="background-image: url('+ _uploadImageUrl+item.reviewSysImg +');"></span>';	
+				html += '								<span class="thumb mov" style="background-image: url('+ _uploadImageUrl+item.reviewSysImg +');"></span>\n';	
 			}else{
-				html += '								<span class="thumb" style="background-image: url('+ _uploadImageUrl +item.reviewSysImg +');"></span>';			
+				html += '								<span class="thumb" style="background-image: url('+ _uploadImageUrl +item.reviewSysImg +');"></span>\n';			
 			}
 		}else{
-			html += '								<span class="thumb" style="background-image: url('+ _uploadGoodsUrl+'/'+item.sysImgNm +');"></span>';	
+			html += '								<span class="thumb" style="background-image: url('+ _uploadGoodsUrl+'/'+item.sysImgNm +');"></span>\n';	
 		}
 		
-		html += '                   </div>';
-		html += '                  <div class="star_score">';
-		html += '                      <span class="star">';
-		html += '                          <em class="progbar" style="width:'+(item.score*20)+'%;"></em> <!-- 평점 style로 표기 -->';
-		html += '                      </span>';
+		html += '                   </div>\n';
+		html += '                  <div class="star_score">\n';
+		html += '                      <span class="star">\n';
+		html += '                          <em class="progbar" style="width:'+(item.score*20)+'%;"></em>\n';
+		html += '                      </span>\n';
 		if(item.bestYn == 'Y'){
-			html += '<em class="ico ico_besttag"></em>';	
+			html += '<em class="ico ico_besttag"></em>\n';	
 		}
-		html += '                  </div>';
-		html += '                  <div class="txt_best_review">';
-		html += '                      <p>'+item.reviewContent+'</p>';
-		html += '                  </div>';
-		html += '                  <div class="info_writer">';
-		html += '                      <span class="wr_id">'+item.maskingCustId+'</span>';
-		html += '                      <span class="wr_date">'+item.regDt+'</span>';
-		html += '                  </div>';
-		html += '              </a>';
-		html += '          </div>';
-		html += '          <div class="review_item">';
-		html += '              <div class="item_prod">';
-		html += '                  <div class="item_state">';
-		html += '                      <a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">';
-		html += '                          <div class="itemPic">';
-		html += '                            	<img alt="" class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">';
-		html += '                          </div>';
-		html += '                          <div class="itemName">'+item.goodsNm+'</div>';
-		html += '                          <p class="itemPrice">'+item.currPrice.addComma()+'</p>';
-		html += '                      </a>';
-		html += '                  </div>';
-		html += '              </div>';
-		html += '          </div>';
-		html += '      </div>  ';
+		html += '                  </div>\n';
+		html += '                  <div class="txt_best_review">\n';
+		html += '                      <p>'+item.reviewContent+'</p>\n';
+		html += '                  </div>\n';
+		html += '                  <div class="info_writer">\n';
+		html += '                      <span class="wr_id">'+item.maskingCustId+'</span>\n';
+		html += '                      <span class="wr_date">'+item.regDt+'</span>\n';
+		html += '                  </div>\n';
+		html += '              </a>\n';
+		html += '          </div>\n';
+		html += '          <div class="review_item">\n';
+		html += '              <div class="item_prod">\n';
+		html += '                  <div class="item_state">\n';
+		html += '                      <a href="javascript:void(0)" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">\n';
+		html += '                          <div class="itemPic">\n';
+		html += '                            	<img alt="" class="vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
+		html += '                          </div>\n';
+		html += '                          <div class="itemName">'+item.goodsNm+'</div>\n';
+		html += '                          <p class="itemPrice">'+item.currPrice.addComma()+'</p>\n';
+		html += '                      </a>\n';
+		html += '                  </div>\n';
+		html += '              </div>\n';
+		html += '          </div>\n';
+		html += '      </div>\n';
 	});
-	html += '       </div>                    ';
-	html += '	 </div>';
-	html += '</div>';
+	html += '       </div>\n                    ';
+	html += '	 </div>\n';
+	html += '</div>\n';
 
 	$("#G082_10").append(html);
 }
@@ -437,27 +435,27 @@ if(review.length>0){
 if(image.length>0){
 	var html = '';
 	
-	html += '<div class="cont_body">     ';
-	html += '    <div class="mid_banner">';
-	html += '        <div class="swiper-container">';
-	html += '            <div class="swiper-wrapper">';
+	html += '<div class="cont_body">\n     ';
+	html += '    <div class="mid_banner">\n';
+	html += '        <div class="swiper-container">\n';
+	html += '            <div class="swiper-wrapper">\n';
 	for (var i = 0; i < image.length; i++) {
-		html += '                	<div class="swiper-slide">';
+		html += '                	<div class="swiper-slide">\n';
 		if (image[i].linkOpenGb == 'M') {
-			html += '                    	<a href="'+image[i].linkUrl+'" target="_self">><img alt="" src="'+ _uploadImageUrl + image[i].itemVal +'"></a>';
+			html += '                    	<a href="'+image[i].linkUrl+'" target="_self"><img alt="" src="'+ _uploadImageUrl + image[i].itemVal +'"></a>\n';
 		}else{
-			html += '                    	<a href="'+image[i].linkUrl+'" target="_blank">><img alt="" src="'+ _uploadImageUrl + image[i].itemVal +'"></a>';
+			html += '                    	<a href="'+image[i].linkUrl+'" target="_blank"><img alt="" src="'+ _uploadImageUrl + image[i].itemVal +'"></a>\n';
 		}
 		
-		html += '                	</div>';
+		html += '                	</div>\n';
 	}
-	html += '            </div>';
-	html += '        </div>';
-	html += '        <div class="swiper-button-prev"></div>';
-	html += '        <div class="swiper-button-next"></div>';
-	html += '        <div class="swiper-pagination"></div>';
-	html += '    </div>';
-	html += '</div>';
+	html += '            </div>\n';
+	html += '        </div>\n';
+	html += '        <div class="swiper-button-prev"></div>\n';
+	html += '        <div class="swiper-button-next"></div>\n';
+	html += '        <div class="swiper-pagination"></div>\n';
+	html += '    </div>\n';
+	html += '</div>\n';
 	
 	
 	$("#G082_30").append(html);
@@ -476,55 +474,55 @@ if(goods1.length>0){
 	for (var i = 0; i < template.length; i++) {
 		var html = '';
 		if(template[i].tmplType == 'G082_50' && array[0] == template[i].planContSq && typeof array[0] != 'undefined') {
-			html += '<div class="cont_head">';
-			html += '	<div>';
-			html += '        <h4>';
+			html += '<div class="cont_head">\n';
+			html += '	<div>\n';
+			html += '        <h4>\n';
 			if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
 				if (template[i].linkOpenGb == 'M') { //본창
-					html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>';
+					html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
 				}else{
-					html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>';
+					html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
 				}
 				
 			}else{
-				html += '        <a href="javascript:void(0)">'+template[i].title+'</a>';
+				html += '        <a href="javascript:void(0)">'+template[i].title+'</a>\n';
 			}
-			html += '		</h4>';
-			html += '    </div>';
-			html += '</div>';
-			html += '<div class="cont_body">';
-			html += '    <div class="dp_listItems_cont type1">';
-			html += '        <ul>';
+			html += '		</h4>\n';
+			html += '    </div>\n';
+			html += '</div>\n';
+			html += '<div class="cont_body">\n';
+			html += '    <div class="dp_listItems_cont type1">\n';
+			html += '        <ul>\n';
 		$.each(goods1, function(idx, item)  {
 			if (item.planContSq == template[i].planContSq) {
-				html += '            <li>';
-				html += '                <div class="dp_listItems">';
-				html += '                    <div class="dp_listItems_img">';
-				html += '                        <img src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'" alt="">';
-				html += '                    </div>';
-				html += '                    <div class="dp_listItems_info">';
-				html += '                        <div class="dp_listItems_brand">'+item.brandGroupNm+'</div>';
-				html += '                        <div class="dp_listItems_name">'+item.goodsNm+'<br></div>';
-				html += '                        <div class="dp_listItems_price">';
-				html += '                            <span class="price">'+item.currPrice.addComma()+'</span>';
+				html += '            <li>\n';
+				html += '                <div class="dp_listItems">\n';
+				html += '                    <div class="dp_listItems_img">\n';
+				html += '                        <img src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'" alt="">\n';
+				html += '                    </div>\n';
+				html += '                    <div class="dp_listItems_info">\n';
+				html += '                        <div class="dp_listItems_brand">'+item.brandGroupNm+'</div>\n';
+				html += '                        <div class="dp_listItems_name">'+item.goodsNm+'<br></div>\n';
+				html += '                        <div class="dp_listItems_price">\n';
+				html += '                            <span class="price">'+item.currPrice.addComma()+'</span>\n';
 				if (item.currPrice != item.listPrice) {
-					html += '                            <del>'+item.listPrice.addComma()+'</del>';
-					html += '                            <span class="percent">'+Math.floor(item.dcRate)+'%</span>';
+					html += '                            <del>'+item.listPrice.addComma()+'</del>\n';
+					html += '                            <span class="percent">'+Math.floor(item.dcRate)+'%</span>\n';
 				}
-				html += '                        </div>';
+				html += '                        </div>\n';
 				if(item.goodsTnm != null){
-					html += '                        <div class="itemComment">'+item.goodsTnm+'</div>';
+					html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
 				}
-				html += '                        <div class="ui_row">';
-				html += '                            <button type="button" class="btn btn_default" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')"><span>자세히 보기</span></button>';
-				html += '                        </div>';
-				html += '                    </div>';
-				html += '                </div>';
-				html += '            </li>';
+				html += '                        <div class="ui_row">\n';
+				html += '                            <button type="button" class="btn btn_default" onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')"><span>자세히 보기</span></button>\n';
+				html += '                        </div>\n';
+				html += '                    </div>\n';
+				html += '                </div>\n';
+				html += '            </li>\n';
 			}
 		});
-		html += '        </ul>';
-		html += '    </div>       ';
+		html += '        </ul>\n';
+		html += '    </div>\n       ';
 		html += '</div>';
 		$("#G082_50" +array[0]).append(html);
 	}
@@ -546,58 +544,58 @@ if(goods2.length>0){
 		var html = '';
 		
 		if(template[i].tmplType == 'G082_51' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
-			html += '<div class="cont_head">';
-			html += '	<div>';
-			html += '        <h4>';
+			html += '<div class="cont_head">\n';
+			html += '	<div>\n';
+			html += '        <h4>\n';
 				if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
 					if (template[i].linkOpenGb == 'M') { //본창
-						html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>';
+						html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
 					}else{
-						html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>';
+						html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
 					}
 				}else{
-					html+='            <a href="javascript:void(0)">'+template[i].title+'</a>';
+					html+='            <a href="javascript:void(0)">'+template[i].title+'</a>\n';
 				}
-			html += '        </h4>';
-			html += '    </div>';
-			html += '</div>';
-			html += '<div class="cont_body">';
-			html += '    <div class="dp_listItems_cont type2">';
-			html += '        <div class="swiper-container">';
-			html += '            <div class="swiper-wrapper">';
+			html += '        </h4>\n';
+			html += '    </div>\n';
+			html += '</div>\n';
+			html += '<div class="cont_body">\n';
+			html += '    <div class="dp_listItems_cont type2">\n';
+			html += '        <div class="swiper-container">\n';
+			html += '            <div class="swiper-wrapper">\n';
 			$.each(goods2, function(idx, item) {
 				if (item.planContSq == template[i].planContSq) {
-					html += '                <div class="swiper-slide">';
-					html += '                    <div class="item_prod">';
-					html += '                        <div class="item_state">';
-					html += '                            <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">';
-					html += '                                <div class="itemPic">';
-					html += '                                    <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">';
-					html += '                                </div>';
-					html += '                                <p class="itemBrand">'+item.brandGroupNm+'</p>';
-					html += '                                <div class="itemName">'+item.goodsNm+'</div>';
+					html += '                <div class="swiper-slide">\n';
+					html += '                    <div class="item_prod">\n';
+					html += '                        <div class="item_state">\n';
+					html += '                            <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">\n';
+					html += '                                <div class="itemPic">\n';
+					html += '                                    <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
+					html += '                                </div>\n';
+					html += '                                <p class="itemBrand">'+item.brandGroupNm+'</p>\n';
+					html += '                                <div class="itemName">'+item.goodsNm+'</div>\n';
 					html += '                                <p class="itemPrice">'+item.currPrice.addComma();
 					if (item.currPrice != item.listPrice) {
-						html+='                                    <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
-						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>';
+						html+='                                    <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>\n';
+						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
 					}
-					html += '                                </p>';
+					html += '                                </p>\n';
 					if(item.goodsTnm != null){
-						html += '                        <div class="itemComment">'+item.goodsTnm+'</div>';
+						html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
 					}
-					html += '                            </a>';
-					html += '                        </div>';
-					html += '                    </div>';
-					html += '                </div>           ';
+					html += '                            </a>\n';
+					html += '                        </div>\n';
+					html += '                    </div>\n';
+					html += '                </div>\n           ';
 				}
 			});
-			html += '            </div>';
-			html += '        </div>';
-			html += '        <div class="swiper-button-prev"></div>';
-			html += '        <div class="swiper-button-next"></div>';
-			html += '        <div class="swiper-pagination"></div>';
-			html += '    </div>       ';
-			html += '</div>';
+			html += '            </div>\n';
+			html += '        </div>\n';
+			html += '        <div class="swiper-button-prev"></div>\n';
+			html += '        <div class="swiper-button-next"></div>\n';
+			html += '        <div class="swiper-pagination"></div>\n';
+			html += '    </div>\n       ';
+			html += '</div>\n';
 			$("#G082_51" +array[0]).append(html);
 		}
 		
@@ -618,59 +616,58 @@ if(goods4.length>0){
 	for (var i = 0; i < template.length; i++) {
 		var html = '';
 		if(template[i].tmplType == 'G082_52' && array[0] == template[i].planContSq && typeof array[0] != 'undefined'){
-			html += '<div class="cont_head">';
-			html += '<div>';
-			html += '        <h4>';
+			html += '<div class="cont_head">\n';
+			html += '<div>\n';
+			html += '        <h4>\n';
 			if (template[i].linkUrl != null && template[i].linkUrl != '') { /* 링크 변경 예정 */
 				if (template[i].linkOpenGb == "M") { //본창
-					html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>';
+					html += '        <a href="'+template[i].linkUrl+'" target="_self">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
 				}else{
-					html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>';
+					html += '        <a href="'+template[i].linkUrl+'" target="_blank">'+template[i].title+' <i class="ico_arrow"></i></a>\n';
 				}
 			}else{
-				html+='            <a href="javascript:void(0)">'+template[i].title+'</a>';
+				html+='            <a href="javascript:void(0)">'+template[i].title+'</a>\n';
 			}
-			html += '        </h4>';
-			html += '    </div>';
-			html += '</div>';
-			html += '<div class="cont_body">';
-			html += '    <!-- 상품 노출 4열 type3 -->';
-			html += '    <div class="dp_listItems_cont type3">';
-			html += '        <div class="swiper-container">';
-			html += '            <div class="swiper-wrapper">';
+			html += '        </h4>\n';
+			html += '    </div>\n';
+			html += '</div>\n';
+			html += '<div class="cont_body">\n';
+			html += '    <div class="dp_listItems_cont type3">\n';
+			html += '        <div class="swiper-container">\n';
+			html += '            <div class="swiper-wrapper">\n';
 			$.each(goods4, function(idx, item) {
 				if (item.planContSq == template[i].planContSq) {
-					html += '                <div class="swiper-slide">';
-					html += '                    <div class="item_prod">';
-					html += '                        <div class="item_state">';
-					html += '                            <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">';
-					html += '                                <div class="itemPic">';
-					html += '                                    <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">';
-					html += '                                </div>';
-					html += '                                <p class="itemBrand">'+item.brandGroupNm+'</p>';
-					html += '                                <div class="itemName">'+item.goodsNm+'</div>';
+					html += '                <div class="swiper-slide">\n';
+					html += '                    <div class="item_prod">\n';
+					html += '                        <div class="item_state">\n';
+					html += '                            <a onclick="cfnGoToGoodsDetail(\'' + item.goodsCd + '\')" class="itemLink">\n';
+					html += '                                <div class="itemPic">\n';
+					html += '                                    <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'">\n';
+					html += '                                </div>\n';
+					html += '                                <p class="itemBrand">'+item.brandGroupNm+'</p>\n';
+					html += '                                <div class="itemName">'+item.goodsNm+'</div>\n';
 					html += '                                <p class="itemPrice">'+item.currPrice.addComma();
 					if (item.currPrice != item.listPrice) {
-						html+='                                    <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>';
-						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>';
+						html+='                                    <span class="itemPrice_original">'+item.listPrice.addComma()+'</span>\n';
+						html+='                                    <span class=" itemPercent">'+Math.floor(item.dcRate)+'%</span>\n';
 					}
-					html += '                                </p>';
+					html += '                                </p>\n';
 					if(item.goodsTnm != null){
-						html += '                        <div class="itemComment">'+item.goodsTnm+'</div>';
+						html += '                        <div class="itemComment">'+item.goodsTnm+'</div>\n';
 					}
-					html += '                            </a>';
-					html += '                        </div>';
-					html += '                    </div>';
-					html += '                </div>';
+					html += '                            </a>\n';
+					html += '                        </div>\n';
+					html += '                    </div>\n';
+					html += '                </div>\n';
 				}
 			});
-			html += '            </div>';
-			html += '        </div>';
-			html += '        <div class="swiper-button-prev"></div>';
-			html += '        <div class="swiper-button-next"></div>';
-			html += '        <div class="swiper-pagination"></div>';
-			html += '    </div>       ';
-			html += '</div>';
+			html += '            </div>\n';
+			html += '        </div>\n';
+			html += '        <div class="swiper-button-prev"></div>\n';
+			html += '        <div class="swiper-button-next"></div>\n';
+			html += '        <div class="swiper-pagination"></div>\n';
+			html += '    </div>\n       ';
+			html += '</div>\n';
 			$("#G082_52" +array[0]).append(html);
 			
 		}
@@ -683,58 +680,58 @@ if(goods4.length>0){
 if(coupon.length>0){
 	var html = '';
 	 
-	html += '<div class="cont_head">';
-	html += '	<div>';
-	html += '		<h4>'+coupon[0].title+'</h4>';
-	html += '	</div>';
-	html += '</div>';
-	html += '<div class="cont_body">';
-	html += '	<div class="coupon_list">';
-	html += '		<ul>';
+	html += '<div class="cont_head">\n';
+	html += '	<div>\n';
+	html += '		<h4>'+coupon[0].title+'</h4>\n';
+	html += '	</div>\n';
+	html += '</div>\n';
+	html += '<div class="cont_body">\n';
+	html += '	<div class="coupon_list">\n';
+	html += '		<ul>\n';
 	$.each(coupon, function(idx, item) {
-		html += '			<li>';
-		html += '				<div class="coupon">';
-		html += '					<div>';
-		html += '						<p class="cp_name">'+item.cpnNm+'</p>';
-		html += '						<p class="cp_cont">';
-		html += '							<span><em>'+item.dcVal.addComma()+'</em>'+item.dcWay+'</span>';
-		html += '						</p>';
+		html += '			<li>\n';
+		html += '				<div class="coupon">\n';
+		html += '					<div>\n';
+		html += '						<p class="cp_name">'+item.cpnNm+'</p>\n';
+		html += '						<p class="cp_cont">\n';
+		html += '							<span><em>'+item.dcVal.addComma()+'</em>'+item.dcWay+'</span>\n';
+		html += '						</p>\n';
 		html += '						<p class="cp_condition">'+item.useCondition;
-		html += '								<span>'+item.issueCondition+'</span>';	
-		html += '						</p>';
-		html += '					</div>';
+		html += '								<span>'+item.issueCondition+'</span>\n';	
+		html += '						</p>\n';
+		html += '					</div>\n';
 		if (item.couponStat == '쿠폰받기') {
-			html += '					<button type="button" id="coupon_'+item.cpnId+'" class="btn btn_dark btn_block btn_coupon_down" onclick="fnPlanCouponDown('+item.cpnId+')">'; 
-			html += '						<span>쿠폰받기</span>';								
-			html += '					</button>';			
+			html += '					<button type="button" id="coupon_'+item.cpnId+'" class="btn btn_dark btn_block btn_coupon_down" onclick="fnPlanCouponDown('+item.cpnId+')">\n'; 
+			html += '						<span>쿠폰받기</span>\n';								
+			html += '					</button>\n';			
 		}else{
 			html += '					<button type="button"';
-			html += '						class="btn btn_dark btn_block btn_coupon_done" disabled>';  
-			html += '						<span>받기완료</span>';								
-			html += '					</button>';			
+			html += '						class="btn btn_dark btn_block btn_coupon_done" disabled>\n';  
+			html += '						<span>받기완료</span>\n';								
+			html += '					</button>\n';			
 		}
-		html += '				</div>';
-		html += '				<button type="button" class="btn_underline"	id="btn_couponInfo_pop" onclick="usePlanInfoCoupon('+item.cpnId+')">';
-		html += '					<span>사용안내</span>';
-		html += '				</button>';
-		html += '			</li>';
+		html += '				</div>\n';
+		html += '				<button type="button" class="btn_underline"	id="btn_couponInfo_pop" onclick="usePlanInfoCoupon('+item.cpnId+')">\n';
+		html += '					<span>사용안내</span>\n';
+		html += '				</button>\n';
+		html += '			</li>\n';
 	});
-	html += '		</ul>';
-	html += '	</div>';
-	html += '</div>';
-	html += '<div class="content dp_announce line">                                                 ';
-	html += '    <div class="cont_head">                                                       ';
-	html += '        <div>                                                                     ';
-	html += '            <h4>유의사항</h4>                                                         ';
-	html += '        </div>                                                                    ';
-	html += '    </div>                                                                        ';
-	html += '    <div class="cont_body">                                                       ';
-	html += '        <div class="announce_txt">                                                ';
-	html += '            <div class="note_txt">                                                ';
-	html += '                <img src="/images/pc/ico_content_find.png" alt="유의사항">            ';
-	html += '                <p>유의사항</p>                                                       ';
-	html += '            </div>                                                                ';
-	html += '            <div class="announce_list">                                           ';
+	html += '		</ul>\n';
+	html += '	</div>\n';
+	html += '</div>\n';
+	html += '<div class="content dp_announce line">\n                                                 ';
+	html += '    <div class="cont_head">\n                                                       ';
+	html += '        <div>\n                                                                     ';
+	html += '            <h4>유의사항</h4>\n                                                         ';
+	html += '        </div>\n                                                                    ';
+	html += '    </div>\n                                                                        ';
+	html += '    <div class="cont_body">\n                                                       ';
+	html += '        <div class="announce_txt">\n                                                ';
+	html += '            <div class="note_txt">\n                                                ';
+	html += '                <img src="/images/pc/ico_content_find.png" alt="유의사항">\n            ';
+	html += '                <p>유의사항</p>\n                                                       ';
+	html += '            </div>\n                                                                ';
+	html += '            <div class="announce_list">\n                                           ';
 	html += coupon[0].note;
 	html += '            </div>                                                                '; 
 	html += '        </div>                                                                    '; 
@@ -819,44 +816,44 @@ var fnSearchCallback = function (result) {
 	 $("#replyList").html('');
 	 if (result!=null) {
 		 var html = '';
-		 html += '<div class="cmt_list_tit">';
-		 html += '	<strong>댓글</strong><span class="cnt">('+result.replyCount.addComma()+')</span>';
-		 html += '</div>';
+		 html += '<div class="cmt_list_tit">\n';
+		 html += '	<strong>댓글</strong><span class="cnt">('+result.replyCount.addComma()+')</span>\n';
+		 html += '</div>\n';
 		 if (result.replyList.length>0) {
-			 html += '<ul class="cmt_list">';
+			 html += '<ul class="cmt_list">\n';
 			 $.each(result.replyList, function (idx, item) {
-				 html += '	<li>';
-				 html += '		<div class="cmt_top">';
-				 html += '			<span class="writer">'+item.maskingCustId+'</span>';
-				 html += '			<span class="date">'+item.entryDt+'</span>';
-				 html += '		</div>';
-				 html += '		<div class="cmt_cont">';
-				 html += '			<div class="img_wrap clear" onclick="fnImgAttach(this)">';
+				 html += '	<li>\n';
+				 html += '		<div class="cmt_top">\n';
+				 html += '			<span class="writer">'+item.maskingCustId+'</span>\n';
+				 html += '			<span class="date">'+item.entryDt+'</span>\n';
+				 html += '		</div>\n';
+				 html += '		<div class="cmt_cont">\n';
+				 html += '			<div class="img_wrap clear" onclick="fnImgAttach(this)">\n';
 				 if (result.replyAttachList.length>0) {
 					for (var i = 0; i < result.replyAttachList.length; i++) {
 						if(result.replyAttachList[i].planEntrySq == item.planEntrySq){
-							html += '				<span class="pics"><img class="picsThumbs" src="'+ _uploadImageUrl +'/'+result.replyAttachList[i].sysFileNm +'"></span>';
+							html += '				<span class="pics"><img class="picsThumbs" src="'+ _uploadImageUrl +'/'+result.replyAttachList[i].sysFileNm +'"></span>\n';
 						}
 					}	
 				 }
 				
-				 html += '			</div>';
-				 html += '			<p>'+item.entryVal1.escapeHtml()+'</p>';
+				 html += '			</div>\n';
+				 html += '			<p>'+item.entryVal1.escapeHtml()+'</p>\n';
 				 if (item.entryCustNo == result.custNo) {
-					 html += '			<button class="btn btn_default btn_del" value="'+item.planEntrySq+'" onclick="fnDelReply(this.value)"><span>삭제</span></button>';
+					 html += '			<button class="btn btn_default btn_del" value="'+item.planEntrySq+'" onclick="fnDelReply(this.value)"><span>삭제</span></button>\n';
 				 }
-				 html += '		</div>';
-				 html += '	</li>';
+				 html += '		</div>\n';
+				 html += '	</li>\n';
 			 });
-			 html += '</ul>';
+			 html += '</ul>\n';
 		}else{
-			html += '<div class="nodata" id="replyNoData"> ';
-			html += '	<div class="txt_box">             ';
+			html += '<div class="nodata" id="replyNoData">\n';
+			html += '	<div class="txt_box">\n             ';
 			html += '		<p>                           ';
 			html += '			등록된 댓글이 없습니다.             ';
 			html += '		</p>                          ';
-			html += '	</div>                            ';
-			html += '</div>                                ';
+			html += '	</div>\n                            ';
+			html += '</div>\n                                ';
 		}
 		 
 	 }

src/main/webapp/WEB-INF/views/web/social/SocialMainFormWeb.html

@@ -102,65 +102,102 @@ var socialAddCart = function (obj) {
 	} 
 }
 
+var socialSetAddCart = function (obj) {
+
+	let cartGoodsList = [];
+	var optCdArr = $(obj).attr("optCd").split(",");
+	var compsGoodsCdArr = $(obj).attr("compsGoodsCd").split(",");
+
+	let compsList = [];
+	let goodsList = {
+	cartCompsList : new Array()
+	}
+
+	for(let j = 0 ; j <  optCdArr.length ; j++) { 
+		let temp = new Object;
+		temp.goodsCd = $(obj).attr("goodsCd");
+		temp.optCd = optCdArr[j];
+		temp.goodsQty = $(obj).attr("minOrdQty");
+		temp.goodsType = "G056_S";
+		temp.itemCd =  compsGoodsCdArr[j];
+		temp.cartGb = "C";
+		temp.afLinkCd = $(obj).attr("afLinkCd");
+		temp.ithrCd = "";
+		temp.contentsLoc = "";
+		temp.planDtlSq = "";
+		compsList.push(temp);
+	}  
+
+	goodsList.cartCompsList = compsList;
+	cartGoodsList.push(goodsList);
+	cfnAddCart(cartGoodsList);
+}
+
 let fnGetSocialList = function(result) {
 	var html = '';
 
 	$.each(result.dataList, function(idx, item) {
 		
-		html += ' <div class="item_prod">';
+		html += ' <div class="item_prod">\n';
 		if (item.stockQtySum > 0 || item.stockQtySum == null) {
-			html += '    <div class="item_state"> ';
+			html += '    <div class="item_state">\n';
 		}else{
-			html += '    <div class="item_state soldout"> ';
+			html += '    <div class="item_state soldout">\n';
 		}
 		if (item.likeIt == 'likeit') {
-			html += '        <button type="button" class="itemLike active" onclick="cfnPutWishList(this);" onClick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
+			html += '        <button type="button" class="itemLike active" onclick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
 		}else{
-			html += '        <button type="button" class="itemLike" onclick="cfnPutWishList(this);" onClick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>';
+			html += '        <button type="button" class="itemLike" onclick="cfnPutWishList(this);" goodsCd=\''+item.goodsCd+'\', ithrCd=\'\', contentsLoc=\'\', planDtlSq=\'\'>관심상품 추가</button>\n';
 		}
 		
-		html += '        <a href="javascript:void(0);" class="itemLink" onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\')" >';
-		html += '            <div class="itemPic">';
-		html += '                <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'?RS=550">';
-		html += '            </div>';
-		html += '            <div class="itemSpecialPrice"><span>특가</span></div>';
-		html += '            <p class="itemBrand">'+item.brandGroupNm+'</p>';
-		html += '            <div class="itemName">'+item.goodsNm+'</div>';
-		html += '            <p class="itemPrice">';
+		html += '        <a href="javascript:void(0);" class="itemLink" onclick="cfnGoToGoodsDetail(\''+item.goodsCd+'\')" >\n';
+		html += '            <div class="itemPic">\n';
+		html += '                <img alt="BLUE-a" class=" vLHTC pd_img" src="'+ _uploadGoodsUrl +'/'+item.sysImgNm +'?RS=550">\n';
+		html += '            </div>\n';
+		html += '            <div class="itemSpecialPrice"><span>특가</span></div>\n';
+		html += '            <p class="itemBrand">'+item.brandGroupNm+'</p>\n';
+		html += '            <div class="itemName">'+item.goodsNm+'</div>\n';
+		html += '            <p class="itemPrice">\n';
 		html += item.currPrice.addComma() +'원';
 		if (item.currPrice != item.listPrice) {
-			html += '                <span class="itemPrice_original">'+item.listPrice.addComma()+'원</span>';
+			html += '                <span class="itemPrice_original">'+item.listPrice.addComma()+'원</span>\n';
 		}
 		if (item.dcRate != 0) {
-			html += '                                 <span class=" itemPercent">'+item.dcRate.addComma()+'%</span>';
+			html += '                                 <span class=" itemPercent">'+item.dcRate.addComma()+'%</span>\n';
 		}
-		html += '            </p>';
+		html += '            </p>\n';
 		if(item.goodsTnm != null){
-			html += '           <div class="itemComment">'+item.goodsTnm+'</div>';
+			html += '           <div class="itemComment">'+item.goodsTnm+'</div>\n';
 		}
-		html += '        </a>';
+		html += '        </a>\n';
 		if (item.goodsType == 'G056_N') {
-			html += '        	 <div class="shopBagBtn">';
-			html += '                <button type="button" class="btn btn_defalt" onclick="socialAddCart(this)" goodsCd=\''+item.goodsCd+'\', minOrdQty=\''+item.minOrdQty+'\', goodsType=\''+item.goodsType+'\', optCd=\''+item.optCd+'\'">';
-			html += '                    <span>쇼핑백 담기</span>';
-			html += '                </button>';
-			html += '            </div>';
+			html += '        	 <div class="shopBagBtn">\n';
+			html += '                <button type="button" class="btn btn_defalt" onclick="socialAddCart(this)" goodsCd=\''+item.goodsCd+'\', minOrdQty=\''+item.minOrdQty+'\', goodsType=\''+item.goodsType+'\', optCd=\''+item.optCd+'\'">\n';
+			html += '                    <span>쇼핑백 담기</span>\n';
+			html += '                </button>\n';
+			html += '            </div>\n';
 		}else if(item.goodsType == 'G056_D'){
-			html += '        	 <div class="shopBagBtn">';
-			html += '                <button type="button" class="btn btn_defalt" onclick="socialGoodsDeal()">';
-			html += '                    <span>쇼핑백 담기</span>';
-			html += '                </button>';
-			html += '            </div>';
+			html += '        	 <div class="shopBagBtn">\n';
+			html += '                <button type="button" class="btn btn_defalt" onclick="socialGoodsDeal()">\n';
+			html += '                    <span>쇼핑백 담기</span>\n';
+			html += '                </button>\n';
+			html += '            </div>\n';
+		}else{
+			html += '        	 <div class="shopBagBtn">\n';
+			html += '                <button type="button" class="btn btn_defalt" onclick="socialSetAddCart(this)" compsGoodsCd=\''+item.compsGoodsCd+'\', goodsCd=\''+item.goodsCd+'\', minOrdQty=\''+item.minOrdQty+'\', goodsType=\''+item.goodsType+'\', optCd=\''+item.optCd+'\'">\n';
+			html += '                    <span>쇼핑백 담기</span>\n';
+			html += '                </button>\n';
+			html += '            </div>\n';
 		}
-		html += '    </div>';
-		html += '</div>';
+		html += '    </div>\n';
+		html += '</div>\n';
 	});
 	return html;
 	
 }
 // 딜상품일 경우 alert
 var socialGoodsDeal = function() {
-	mcxDialog.alert("해당 상품은 딜상품!");
+	mcxDialog.alert("해당 상품은 옵션 선택 후 쇼핑백 담기가 가능합니다.");
 	return;
 }
 

src/main/webapp/ux/style24_link.js

@@ -645,32 +645,6 @@ function cfGoodsInstockAlarmInfo(goodsCd, colorCd) {
 	cfnOpenLayer(_PAGE_GOODS_INSTOCK_ALARM_LAYER+goodsCd+'/'+colorCd, 'layer_instock_alarm');
 }
 
-/**
-* @type   : function
-* @access : public
-* @desc   : 상품평- 베스트 리뷰 보기
-* <pre>
-*		cfGoodsReviewDetail(goodsCd, bestYn, photoYn, reviewSq, attachSq);
-* </pre>
-*/
-function cfGoodsReviewDetail(goodsCd, bestYn, photoYn, reviewSq, attachSq) {
-	var str = '<div class="modal fade pd_pop pd_photoreviewdetail_pop" id="layer_review_best" tabindex="-1" role="dialog" aria-labelledby="pdBestReviewLabel" aria-hidden="true"></div>';
-	if ("P" != _frontGb){
-		str = '<div class="modal pop_full fade pd_pop pd_photoreviewdetail_pop" id="layer_review_best" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true"></div>';
-	}
-
-	if ($('#layer_review_best').length == 0) {
-		$('body').append(str);
-	}
-	
-	var params = '?goodsCd=' + goodsCd;
-	params += '&reviewSq=' + reviewSq;
-	params += '&bestYn=' + bestYn;
-	params += '&photoYn=' + photoYn;
-	if (typeof (attachSq) != 'undefined') params += "&attachSq=" + attachSq;
-	
-	cfnOpenLayer(_PAGE_GOODS_REVIEW_DETAIL_LAYER+params, 'layer_review_best');
-}
 
 /**
 * @type   : function
@@ -694,27 +668,6 @@ function cfPlanReplyDetail(planSq, planEntrySq, planEntryAtSq) {
 	cfnOpenLayer(_PAGE_PLANNING_REPLY_DETAIL_LAYER+params, 'photo_full_popup');
 }
 
-/**
-* @type   : function
-* @access : public
-* @desc   : 상품평- 포토/영상 리뷰 리스트 보기
-* <pre>
-*		cfGoodsPhotoReview(goodsCd);
-* </pre>
-*/
-function cfGoodsReviewPhoto(goodsCd) {
-	var str = '<div class="modal fade pd_pop pd_photoreviewlist_pop" id="layer_review_photo" tabindex="-1" role="dialog" aria-labelledby="pdPhotoReviewListLabel" aria-hidden="true"></div>';
-	if ("P" != _frontGb){
-		str = '<div class="modal pop_full fade pd_pop pd_photoreviewlist_pop" id="layer_review_photo" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true"></div>';
-	}
-	
-	if ($('#layer_review_photo').length == 0) {
-		$('body').append(str);
-	}
-
-	cfnOpenLayer(_PAGE_GOODS_REVIEW_PHTO_LIST_LAYER+goodsCd, 'layer_review_photo');
-}
-
 /**
  * @type   : function
  * @access : public
@@ -821,7 +774,7 @@ function cfGoodsQngCreate(goodsCd) {
 /**
 * @type   : function
 * @access : public
-* @desc   : 상품문의 full 팝업
+* @desc   : 상품배송 full 팝업
 * <pre>
 *		cfGoodsDelivery();
 * </pre>
@@ -869,10 +822,60 @@ function cfGoodsReview(goodsCd) {
 	}else{
 		cfnOpenLayer(_PAGE_GOODS_REVIEW_LAYER + goodsCd, 'layer_goods_review');
 	}
+}
+
+
+/**
+* @type   : function
+* @access : public
+* @desc   : 상품평- 베스트 리뷰 보기
+* <pre>
+*		cfGoodsReviewDetail(goodsCd, bestYn, photoYn, reviewSq, attachSq);
+* </pre>
+*/
+function cfGoodsReviewDetail(goodsCd, bestYn, photoYn, reviewSq, attachSq) {
+	var str = '<div class="modal fade pd_pop pd_photoreviewdetail_pop" id="layer_review_best" tabindex="-1" role="dialog" aria-labelledby="pdBestReviewLabel" aria-hidden="true"></div>';
+	if ("P" != _frontGb){
+		str = '<div class="modal pop_full fade photo_comment_popup pd_pop pd_photoreviewdetail_pop" id="layer_review_best" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true"></div>';
+	}
+
+	if ($('#layer_review_best').length == 0) {
+		$('body').append(str);
+	}else{
+		$("#layer_review_best").modal("show");
+	}
+	
+	var params = '?goodsCd=' + goodsCd;
+	params += '&reviewSq=' + reviewSq;
+	params += '&bestYn=' + bestYn;
+	params += '&photoYn=' + photoYn;
+	if (typeof (attachSq) != 'undefined') params += "&attachSq=" + attachSq;
+	
+	cfnOpenLayer(_PAGE_GOODS_REVIEW_DETAIL_LAYER+params, 'layer_review_best');
+}
 
+/**
+* @type   : function
+* @access : public
+* @desc   : 상품평- 포토/영상 리뷰 리스트 보기
+* <pre>
+*		cfGoodsPhotoReview(goodsCd);
+* </pre>
+*/
+function cfGoodsReviewPhoto(goodsCd) {
+	var str = '<div class="modal fade pd_pop pd_photoreviewlist_pop" id="layer_review_photo" tabindex="-1" role="dialog" aria-labelledby="pdPhotoReviewListLabel" aria-hidden="true"></div>';
+	if ("P" != _frontGb){
+		str = '<div class="modal pop_full fade pd_pop pd_photoreviewlist_pop" id="layer_review_photo" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true"></div>';
+	}
 	
+	if ($('#layer_review_photo').length == 0) {
+		$('body').append(str);
+	}
+
+	cfnOpenLayer(_PAGE_GOODS_REVIEW_PHTO_LIST_LAYER+goodsCd, 'layer_review_photo');
 }
 
+
 /**
  * @type   : function
  * @access : public