소스 검색

상품상세

eskim 5 년 전
부모
커밋
c6e34f006f

+ 177 - 1
src/main/java/com/style24/front/biz/web/TsfGoodsController.java

@@ -413,6 +413,182 @@ public class TsfGoodsController extends TsfBaseController {
 		return mav;
 	}
 	
+	/**
+	 * 상품상세 -  쿠폰 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/coupon/layer/{goodsCd}")
+	public ModelAndView goodsCouponForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsCouponForm"));
+		return mav;
+	}
+
+	/**
+	 * 상품상세 -  쇼핑혜택 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/shop/benefit/layer/{goodsCd}")
+	public ModelAndView goodsShopBenefitForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsShopBenefitForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 -  사이즈 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/sizeInfo/layer/{goodsCd}")
+	public ModelAndView goodsSizeInfoForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsSizeInfoForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 -  재입고 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/instock/alarm/layer/{goodsCd}")
+	public ModelAndView goodsInstockAlarmForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsInstockAlarmForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 -  상품평 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/review/layer/{goodsCd}")
+	public ModelAndView goodsReviewForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsReviewForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 -  상품평 - 베스트 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/review/best/layer/{goodsCd}")
+	public ModelAndView goodsReviewBestForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsReviewBestForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 -  상품평 - 포토/영상 리스트 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/review/photo/layer/{goodsCd}")
+	public ModelAndView goodsReviewPhotoForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsReviewPhotoForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 -  상품평 - 포토/영상 상세 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/review/photo/detail/layer/{goodsCd}")
+	public ModelAndView goodsReviewPhotoDetailForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsReviewPhotoDetailForm"));
+		return mav;
+	}
+	
 	/**
 	 * 상품상세 - 다다익선 상품
 	 * 
@@ -421,7 +597,7 @@ public class TsfGoodsController extends TsfBaseController {
 	 * @since 2021. 3. 8
 	 */
 	@PostMapping("/detail/tmtb/frame")
-	public ModelAndView goodsTmtbForm(Goods goods) {  
+	public ModelAndView goodsTmtbForm(Goods goods) {
 
 		ModelAndView mav = new ModelAndView();
 		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)

+ 2 - 2
src/main/webapp/WEB-INF/views/web/goods/CardPrmtFormWeb.html

@@ -4,9 +4,9 @@
 <!--
  *******************************************************************************
  * @source  : CardPrmtFormWeb.html
- * @desc    : 카드 혜택안내
+ * @desc    : 카드 혜택안내 팝업
  *============================================================================
- * Wivismall
+ * STYLE24
  * Copyright(C) 2020 TSIT, All rights reserved.
  *============================================================================
  * VER  DATE         AUTHOR      DESCRIPTION

+ 70 - 0
src/main/webapp/WEB-INF/views/web/goods/GoodsCouponFormWeb.html

@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : GoodsCouponFormWeb.html
+ * @desc    : 상품 쿠폰 팝업
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.02   eskim        최초 작성
+ *******************************************************************************
+ -->
+<div class="modal-dialog" role="document">
+	<div class="modal-content">
+		<div class="modal-header">
+			<h5 class="modal-title" id="saleCouponLabel">할인쿠폰 받기</h5>
+		</div>
+		<div class="modal-body">
+			<div class="pop_cont">
+				<ul class="coupon_list">
+					<li>
+						<div class="coupon">
+							<div>
+								<p class="cp_name">
+									TBJ 시즌오프 20% 할인쿠폰
+								</p>
+								<p class="cp_cont">
+									<span><em>12,399,900</em>원</span>
+									<span><em>40%</em></span>
+								</p>
+								<p class="cp_condition">
+									500,000원 이상 구매 시 최대 50,000원 할인
+									<span>1인 최대 90장</span>
+								</p>
+							</div>
+							<button type="button" class="btn btn_dark btn_block btn_coupon_down"><span>쿠폰받기</span></button>
+						</div>
+					</li>
+					<li>
+						<div class="coupon">
+							<div>
+								<p class="cp_name">
+									신규가입 40% 할인쿠폰
+								</p>
+								<p class="cp_cont">
+									<span><em>12,399,900</em>원</span>
+									<span><em>40%</em></span>
+								</p>
+								<p class="cp_condition">
+									500,000원 이상 구매 시 최대 50,000원 할인
+									<span>1인 최대 90장</span>
+								</p>
+							</div>
+							<button type="button" class="btn btn_dark btn_block btn_coupon_done" disabled=""><span>받기완료</span></button>
+						</div>
+					</li>						
+				</ul>
+			</div>
+		</div>
+		<div class="modal-footer">
+			<button type="button" id="" class="btn btn_primary btn_all_cpdown"><span>쿠폰 모두 받기</span></button>
+		</div>
+	</div>
+</div>
+<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer('layer_goods_coupon')" class="close-modal">Close</a>
+</html>

+ 1 - 1
src/main/webapp/WEB-INF/views/web/goods/GoodsDeliveryFormWeb.html

@@ -6,7 +6,7 @@
  * @source  :GoodsDeliveryFormWeb.html
  * @desc	: 상품 배송안내 팝업
  *============================================================================
- * Wivismall
+ * STYLE24
  * Copyright(C) 2020 TSIT, All rights reserved.
  *============================================================================
  * VER  DATE		 AUTHOR	  DESCRIPTION

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 6 - 1303
src/main/webapp/WEB-INF/views/web/goods/GoodsDetailFormWeb.html


+ 1 - 1
src/main/webapp/WEB-INF/views/web/goods/GoodsIncludeFormWeb.html

@@ -5,7 +5,7 @@
  * @source  : GoodsIncludeFormWeb.html
  * @desc    : 상품상세 Include Page - 공용
  *============================================================================
- * Wivismall
+ * STYLE24
  * Copyright(C) 2020 TSIT, All rights reserved.
  *============================================================================
  * VER  DATE         AUTHOR      DESCRIPTION

+ 149 - 0
src/main/webapp/WEB-INF/views/web/goods/GoodsInstockAlarmFormWeb.html

@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : GoodsInstockAlarmFormWeb.html
+ * @desc    : 재입고알림 팝업
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.02   eskim        최초 작성
+ *******************************************************************************
+ -->
+<div class="modal-dialog" role="document">
+	<div class="modal-content">
+		<div class="modal-header">
+			<h5 class="modal-title" id="pushRestockLabel">재입고 알림 신청</h5>
+		</div>
+		<div class="modal-body">
+			<div class="pop_cont">
+				<div class="item_blk">
+					<div class="item_prod">
+						<div class="item_state">
+							<a href="#none" class="itemLink">
+								<div class="itemPic">
+									<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+								</div>
+								<p class="itemBrand">BRAND NAME1</p>
+								<div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
+								<p class="itemPrice">80,100
+									<span class="itemPrice_original">89,000</span>
+									<span class="itemPercent">10%</span>
+								</p>
+							</a>
+						</div>
+					</div>
+				</div>
+				<div class="select_blk">
+					<h6>사이즈 선택</h6>
+					<div class="opt_size">
+						<div class="form_field">
+							<div>
+								<input type="radio" name="rdi-optsize" id="rdi-optsize11" value="">
+								<label for="rdi-optsize11"><span>90</span></label>
+							</div>
+							<div>
+								<input type="radio" name="rdi-optsize" id="rdi-optsize12" value="">
+								<label for="rdi-optsize12"><span>95</span></label>
+							</div>
+							<div>
+								<input type="radio" name="rdi-optsize" id="rdi-optsize13" value="">
+								<label for="rdi-optsize13"><span>100</span></label>
+							</div>
+							<div>
+								<input type="radio" name="rdi-optsize" id="rdi-optsize14" value="">
+								<label for="rdi-optsize14"><span>105</span></label>
+							</div>
+							<div>
+								<input type="radio" name="rdi-optsize" id="rdi-optsize15" value="">
+								<label for="rdi-optsize15"><span>110</span></label>
+							</div>
+							<div>
+								<input type="radio" name="rdi-optsize" id="rdi-optsize16" value="">
+								<label for="rdi-optsize16"><span>115</span></label>
+							</div>
+							<div>
+								<input type="radio" name="rdi-optsize" id="rdi-optsize17" value="">
+								<label for="rdi-optsize17"><span>free</span></label>
+							</div>
+							<div>
+								<input type="radio" name="rdi-optsize" id="rdi-optsize18" value="">
+								<label for="rdi-optsize18"><span>size1</span></label>
+							</div>
+							<div>
+								<input type="radio" name="rdi-optsize" id="rdi-optsize19" value="">
+								<label for="rdi-optsize19"><span>size2</span></label>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="select_blk">
+					<h6>옵션 선택</h6>
+					<div class="opt_select">
+						<div class="opt_header">
+									<span class="title">옵션</span>
+									<button type="button" id="btn_infoSize_pop" class="btn_popup"><span>사이즈정보</span></button>
+								</div>
+						<form class="form_wrap">
+							<div class="form_field">
+								<div class="select_custom item_opt3">
+									<div class="combo">
+										<div class="select">선택</div>
+										<ul class="list">
+											<!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가  -->
+											<li class="selected">선택</li> 
+											<li>상품옵션01</li>
+											<li>상품옵션02</li>
+											<li>상품옵션03</li>
+											<li aria-disabled="true">
+												<div>상품옵션05</div>
+												<div>120,000원</div>
+											</li>
+											<li>상품옵션06</li>
+											<li aria-disabled="true" data-soldout="true">
+												<div>상품옵션07</div>
+												<div>120,000원</div>
+											</li>
+										</ul>
+									</div>
+								</div>
+							</div>
+							<div class="form_field">
+								<div class="select_custom item_opt4" disabled>
+									<div class="combo">
+										<div class="select">선택</div>
+										<ul class="list">
+											<!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가  -->
+											<li class="selected">선택</li> 
+											<li>상품옵션11</li>
+											<li>상품옵션12</li>
+											<li>상품옵션13</li>
+											<li aria-disabled="true">
+												<div>상품옵션15</div>
+												<div>120,000원</div>
+											</li>
+											<li>상품옵션16</li>
+											<li aria-disabled="true" data-soldout="true">
+												<div>상품옵션17</div>
+												<div>120,000원</div>
+											</li>
+										</ul>
+									</div>
+								</div>
+							</div>
+						</form>
+					</div>   
+				</div>	  
+			</div>
+		</div>
+		<div class="modal-footer">
+			<button type="button" id="" class="btn btn_dark"><span>신청</span></button>
+		</div>
+	</div>
+</div>
+<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer('layer_instock_alarm')" class="close-modal">Close</a>
+</html>

+ 1 - 1
src/main/webapp/WEB-INF/views/web/goods/GoodsOtherFormWeb.html

@@ -6,7 +6,7 @@
  * @source  : GoodsOtherFormWeb.html
  * @desc    : 상품 안내
  *============================================================================
- * Wivismall
+ * STYLE24
  * Copyright(C) 2020 TSIT, All rights reserved.
  *============================================================================
  * VER  DATE         AUTHOR      DESCRIPTION

+ 2 - 2
src/main/webapp/WEB-INF/views/web/goods/GoodsQnaDetailFormWeb.html

@@ -3,10 +3,10 @@
 	xmlns:th="http://www.thymeleaf.org">
 <!--
  *******************************************************************************
- * @source  : GoodsQnaFormDetailWeb.html
+ * @source  : GoodsQnaDetailFormWeb.html
  * @desc    : 상품 문의 등록 팝업
  *============================================================================
- * Wivismall
+ * STYLE24
  * Copyright(C) 2020 TSIT, All rights reserved.
  *============================================================================
  * VER  DATE         AUTHOR      DESCRIPTION

+ 1 - 1
src/main/webapp/WEB-INF/views/web/goods/GoodsQnaFormWeb.html

@@ -6,7 +6,7 @@
  * @source  : GoodsQnaFormWeb.html
  * @desc	: 상품 문의 팝업
  *============================================================================
- * Wivismall
+ * STYLE24
  * Copyright(C) 2020 TSIT, All rights reserved.
  *============================================================================
  * VER  DATE		 AUTHOR	  DESCRIPTION

+ 996 - 0
src/main/webapp/WEB-INF/views/web/goods/GoodsReviewBestFormWeb.html

@@ -0,0 +1,996 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : GoodsReviewBestFormWeb.html
+ * @desc	: 베스트 상품평 팝업
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE		 AUTHOR	  DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.02   eskim		최초 작성
+ *******************************************************************************
+ -->
+<div class="modal-dialog" role="document">
+	<div class="modal-content">
+		<div class="modal-header">
+			<h5 class="modal-title" id="pdBestReviewLabel">베스트 리뷰</h5>
+		</div>
+		<div class="modal-body">
+			<div class="pop_cont">
+				<div class="swiper-container detail">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb mov"><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+										<video poster="http://cdn.011st.com/11dims/resize/1999x1999/quality/75/11src/review/10201202/3121412332/2e66698576d64c5c9977a6fe6606008d.jpg" muted="muted" preload="metadata" controls="controls">
+											<source src="http://snsvideo.11st.co.kr/movie/item/www/675/67518524_06_1_C1.mp4" type="video/mp4">
+										</video>
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook2.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook1.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook3.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook2.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb mov">
+										<img src="/images/pc/thumb/tmp_pdLookbook3.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook2.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook1.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook3.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook2.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>				
+					</div>
+				</div>
+				<div class="swiper-button-next"></div>
+				<div class="swiper-button-prev"></div>
+				<!-- 리뷰 썸네일 리스트 -->
+				<div class="swiper-container thumblist">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb mov" style="background-image:url('http://cdn.011st.com/11dims/resize/1999x1999/quality/75/11src/review/10201202/3121412332/2e66698576d64c5c9977a6fe6606008d.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+							</div>
+						</div>						  
+					</div>
+					<div class="swiper-scrollbar"></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[*/
+	
+	//슬라이드 - 상품 베스트 리뷰 썸네일리스트 영역 
+	var bestReviewListSwiper = new Swiper('.pd_bestreviewdetail_pop .swiper-container.thumblist', {
+		slidesPerView: 'auto',
+		spaceBetween: 8,
+		freeMode: true,
+		grabCursor: true,
+		watchSlidesVisibility: true,
+		watchSlidesProgress: true,
+		scrollbar: {el: '.pd_bestreviewdetail_pop .swiper-container.thumblist .swiper-scrollbar'},
+	}); 
+
+	//슬라이드 - 상품 베스트 리뷰 자세히보기 영역 
+	var bestReviewDetailSwiper = new Swiper('.pd_bestreviewdetail_pop .swiper-container.detail', {
+		effect :'fade',
+		slidesPerView: 1,
+		spaceBetween: 0,
+		simulateTouch:false,
+		navigation: {
+			nextEl: '.pd_bestreviewdetail_pop .swiper-button-next',
+			prevEl: '.pd_bestreviewdetail_pop .swiper-button-prev',
+		},
+		thumbs: {
+			swiper: bestReviewListSwiper
+		}
+	});
+
+	
+/*]]>*/
+</script>	
+ </html>

+ 1215 - 0
src/main/webapp/WEB-INF/views/web/goods/GoodsReviewFormWeb.html

@@ -0,0 +1,1215 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : GoodsReviewFormWeb.html
+ * @desc	: 상품 상품평 팝업
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE		 AUTHOR	  DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.05   eskim		최초 작성
+ *******************************************************************************
+ -->
+ <div class="full_popup_wrap">
+	<h5 class="sr-only">상품리뷰</h5>
+	<div class="btn_close">
+		<a href="javascript:void(0)" onclick="cfCloseFullLayer('layer_goods_review');">닫기버튼</a>
+	</div>
+	<div class="full_pop_header">
+		<!-- 해당 상품 -->
+		<div class="item_prod">
+			<div class="item_state">
+				<a href="#none" class="itemLink">
+					<div class="itemPic">
+						<img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
+					</div>
+					<p class="itemBrand">NBA 키즈</p>
+					<div class="itemName">유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
+					<p class="itemPrice">134,100
+						<span class="itemPrice_original">149,000</span>
+						<span class="itemPercent">30%</span>
+					</p>
+				</a>
+			</div>
+		</div>
+		<!-- //해당 상품 -->
+	</div>
+	<div class="full_pop_container">
+		 <!-- 상품리뷰 리스트 내용 -->
+		 <div class="pd_review">
+			<!-- 등록리뷰 없을 시 -->
+			<div class="area_rv_empty">
+				<div class="txt_box">
+					<p>
+						지금 첫 리뷰를 작성하고<br>
+						<span class="c_primary">스타일포인트 적립</span> 받으세요!
+					</p>
+					<dl>
+						<div>
+							<dt>일반리뷰</dt>
+							<dd>150P</dd>
+						</div>
+						<div>
+							<dt>포토/영상 리뷰</dt>
+							<dd>350P</dd>
+						</div>
+						<div>
+							<dt>베스트 리뷰</dt>
+							<dd>10,000P</dd>
+						</div>
+					</dl>
+				</div>
+				<div class="btn_box">
+					<button class="btn btn_dark"><span>지금 리뷰 작성하기</span></button>
+				</div>
+			</div>
+			<!-- //등록리뷰 없을 시 -->
+			<!-- 등록리뷰 있을 시 -->
+			<div class="area_rv_average">
+				<h6 class="sr-only">구매평점</h6>
+				<div class="star_score">
+					<span class="tit">구매평점</span>
+					<span class="score">4.3</span>
+					<span class="star">
+						<em class="progbar" style="width:86%;"></em> <!-- 평점 style로 표기 -->
+					</span>
+				</div>
+				<!-- 착용정보 있을 시 노출 -->
+				<div class="average">
+					<div class="part_average">
+						<span class="tit">사이즈</span>
+						<dl>
+							<div>
+								<dt>작음</dt>
+								<dd>
+									<span class="ratio">
+										<em class="progbar"></em>
+									</span>
+									<span class="percent">20%</span>
+								</dd>
+							</div> 
+							<div class="on">
+								<dt>딱맞음</dt>
+								<dd>
+									<span class="ratio">
+										<em class="progbar"></em>
+									</span>
+									<span class="percent">70%</span>
+								</dd>
+							</div>
+							<div>
+								<dt>큼</dt>
+								<dd>
+									<span class="ratio">
+										<em class="progbar"></em>
+									</span>
+									<span class="percent">10%</span>
+								</dd>
+							</div>
+						</dl>
+					</div>
+					<div class="part_average">
+						<span class="tit">컬러</span>
+						<dl>
+							<div class="on">
+								<dt>밝음</dt>
+								<dd>
+									<span class="ratio">
+										<em class="progbar"></em>
+									</span>
+									<span class="percent">80%</span>
+								</dd>
+							</div> 
+							<div>
+								<dt>똑같음</dt>
+								<dd>
+									<span class="ratio">
+										<em class="progbar"></em>
+									</span>
+									<span class="percent">10%</span>
+								</dd>
+							</div>
+							<div>
+								<dt>어두움</dt>
+								<dd>
+									<span class="ratio">
+										<em class="progbar"></em>
+									</span>
+									<span class="percent">10%</span>
+								</dd>
+							</div>
+						</dl>
+					</div>
+					<div class="part_average">
+						<span class="tit">핏</span>
+						<dl>
+							<div class="on">
+								<dt>슬림</dt>
+								<dd>
+									<span class="ratio">
+										<em class="progbar"></em>
+									</span>
+									<span class="percent">80%</span>
+								</dd>
+							</div> 
+							<div>
+								<dt>레귤러</dt>
+								<dd>
+									<span class="ratio">
+										<em class="progbar"></em>
+									</span>
+									<span class="percent">10%</span>
+								</dd>
+							</div>
+							<div>
+								<dt>오버</dt>
+								<dd>
+									<span class="ratio">
+										<em class="progbar"></em>
+									</span>
+									<span class="percent">10%</span>
+								</dd>
+							</div>
+						</dl>
+					</div>
+					<div class="part_average">
+						<span class="tit">두께감</span>
+						<dl>
+							<div>
+								<dt>얇음</dt>
+								<dd>
+									<span class="ratio">
+										<em class="progbar"></em>
+									</span>
+									<span class="percent">0%</span>
+								</dd>
+							</div> 
+							<div>
+								<dt>적당함</dt>
+								<dd>
+									<span class="ratio">
+										<em class="progbar"></em>
+									</span>
+									<span class="percent">0%</span>
+								</dd>
+							</div>
+							<div class="on">
+								<dt>도톰함</dt>
+								<dd>
+									<span class="ratio">
+										<em class="progbar"></em>
+									</span>
+									<span class="percent">100%</span>
+								</dd>
+							</div>
+						</dl>
+					</div>
+				</div>
+				<!-- //착용정보 있을 시 노출 -->
+				<div class="info_review">
+					<p>
+						<i class="ico_point"></i>상품 리뷰 작성 시 <span>스타일포인트 추가 적립!</span>
+					</p>
+					<dl>
+						<div>
+							<dt>일반리뷰</dt>
+							<dd>150P</dd>
+						</div>
+						<div>
+							<dt>포토/영상 리뷰</dt>
+							<dd>350P</dd>
+						</div>
+						<div>
+							<dt>베스트 리뷰</dt>
+							<dd>10,000P</dd>
+						</div>
+					</dl>
+				</div>
+			</div>
+			<div class="area_rv_best">
+				<h6>베스트 리뷰</h6>
+				<div class="btn_arrow">	
+					<div class="swiper-button-prev"></div>  
+					<div class="swiper-button-next"></div>
+				</div>
+				<div class="swiper-container">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide">
+							<div class="best_review">
+								<a href="" id="">
+									<div class="pic">
+										<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+									</div>
+									<div class="star_score">
+										<span class="star">
+											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+										</span>
+										<em class="ico ico_besttag"></em>
+									</div>
+									<div class="txt_best_review">
+										<p>
+											옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+										</p>
+									</div>
+								</a>
+							</div>						
+						</div>
+						<div class="swiper-slide">
+							<div class="best_review">
+								<a href="" id="">
+									<!-- 이미지 없는 리뷰일 경우
+									<div class="pic">
+										<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
+									</div>
+									-->
+									<div class="star_score">
+										<span class="star">
+											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+										</span>
+										<em class="ico ico_besttag"></em>
+									</div>
+									<div class="txt_best_review">
+										<p>
+											옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+										</p>
+									</div>
+								</a>
+							</div>						
+						</div>				  
+						<div class="swiper-slide">
+							<div class="best_review">
+								<a href="" id="">
+									<div class="pic">
+										<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+									</div>
+									<div class="star_score">
+										<span class="star">
+											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+										</span>
+										<em class="ico ico_besttag"></em>
+									</div>
+									<div class="txt_best_review">
+										<p>
+											옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+										</p>
+									</div>
+								</a>
+							</div>						
+						</div>				   
+					</div>
+					<div class="swiper-pagination"></div>
+				</div>
+			</div>
+			<div class="area_rv_photo">
+				<h6>포토/영상 리뷰</h6>
+				<div class="photo_list">
+					<ul>
+						<li>
+							<a href="javascript:void(0);" th:onclick="cfGoodsReviewPhotoDetail([[${goodsInfo.goodsCd}]])">
+								<div class="pic">
+									<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+								</div>
+							</a>
+						</li>
+						<li>
+							<a href="javascript:void(0);" th:onclick="cfGoodsReviewPhotoDetail([[${goodsInfo.goodsCd}]])">
+								<div class="pic">
+									<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+								</div>
+							</a>
+						</li>
+					</ul>
+					<!-- 포토영상 게시글 최대 7개 & 버튼노출 -->
+					<button type="button" id="btn_more_photoreview" th:onclick="cfGoodsReviewPhoto([[${goodsInfo.goodsCd}]])" ><span>더 보기</span></button>
+					<!-- //포토영상 게시글 최대 7개 & 버튼노출 -->
+				</div>
+			</div>
+			<div class="area_rv_all">
+				<h6>전체리뷰<span>(9,999+)</span></h6>
+				<div class="selection">
+					<form class="form_wrap">
+						<div class="form_field">
+							<div class="select_custom sort_opt1">
+								<div class="combo">
+									<div class="select">평점 전체</div>
+									<ul class="list">
+										<!-- 선택처리 class="selected" -->
+										<li class="selected">평점 전체</li> 
+										<li>5점&nbsp;&starf;&starf;&starf;&starf;&starf;</li>
+										<li>4점&nbsp;&starf;&starf;&starf;&starf;</li>
+										<li>3점&nbsp;&starf;&starf;&starf;</li>
+										<li>2점&nbsp;&starf;&starf;</li>
+										<li>1점&nbsp;&starf;</li>
+									</ul>
+								</div>
+							</div>
+							<div class="select_custom sort_opt2">
+								<div class="combo">
+									<div class="select">사이즈 전체</div>
+									<ul class="list">
+										<!-- 선택처리 class="selected" -->
+										<li class="selected">사이즈 전체</li> 
+										<li>90</li>
+										<li>95</li>
+										<li>100</li>
+										<li>105</li>
+										<li>110</li>
+									</ul>
+								</div>
+							</div>
+							<div class="select_custom sort_opt3">
+								<div class="combo">
+									<div class="select">키 전체</div>
+									<ul class="list">
+										<!-- 선택처리 class="selected" -->
+										<li class="selected">키 전체</li> 
+										<li>150cm 이하</li>
+										<li>150~155cm</li>
+										<li>155~160cm</li>
+										<li>160~165cm</li>
+										<li>165~170cm</li>
+										<li>175~180cm</li>
+										<li>185~190cm</li>
+										<li>190~200cm</li>
+									</ul>
+								</div>
+							</div>
+							<div class="select_custom sort_opt4">
+								<div class="combo">
+									<div class="select">몸무게 전체</div>
+									<ul class="list">
+										<!-- 선택처리 class="selected" -->
+										<li class="selected">몸무게 전체</li> 
+										<li>40kg 이하</li>
+										<li>40~45kg</li>
+										<li>45~50kg</li>
+										<li>50~55kg</li>
+										<li>55~60kg</li>
+										<li>60~65kg</li>
+										<li>65~70kg</li>
+										<li>75~80kg</li>
+										<li>85~85kg</li>
+										<li>90~95kg</li>
+									</ul>
+								</div>
+							</div>
+						</div>				
+					</form>
+				</div>
+				<!-- 나열조건결과 있을 때 노출 내용 -->
+				<div class="review_list">
+					<ul>
+						<li>
+							<div class="review">
+								<div class="info_box">
+									<div class="star_score">
+										<span class="star">
+											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+										</span>
+									</div>
+									<div class="writer">
+										<span class="wr_id">ab2****</span>
+										<span class="wr_date">2020.07.15</span>
+									</div>
+								</div>
+								<div class="response_box">
+									<div>
+										<dl>
+											<div>
+												<dt>구매옵션</dt>
+												<dd>베이지 / 100</dd>
+											</div>
+										</dl>
+									</div>
+									<div>
+										<dl>
+											<div>
+												<dt>키/몸무게</dt>
+												<dd>178cm/71kg</dd>
+											</div>
+											<div>
+												<dt>사이즈</dt>
+												<dd>작음</dd>
+											</div>
+											<div>
+												<dt>컬러</dt>
+												<dd>밝음</dd>
+											</div>
+											<div>
+												<dt>핏</dt>
+												<dd>레귤러</dd>
+											</div>
+											<div>
+												<dt>두께감</dt>
+												<dd>적당함</dd>
+											</div>
+										</dl>
+									</div>
+								</div>
+								<div class="photo_box">
+									<div class="photo_list">
+										<ul>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+										</ul>
+									</div>
+								</div>
+								<div class="txt_review_box">
+									<p>
+										옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+									</p>
+								</div>
+								<div class="reply_box">
+									<div class="reply">
+										<div class="reply_writer">
+											<span class="wr_name">관리자</span>
+											<span class="wr_date">2020.07.15</span>
+										</div>
+										<div class="reply_txt">
+											<p>
+												안녕하세요, 스타일24 관리자입니다.<br>
+												최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+												만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+												구매해주셔서 감사합니다.												 
+											</p>
+										</div>
+									</div>
+								</div>
+							</div>
+						</li>
+						<li>
+							<div class="review">
+								<div class="info_box">
+									<div class="star_score">
+										<span class="star">
+											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+										</span>
+									</div>
+									<div class="writer">
+										<span class="wr_id">ab2****</span>
+										<span class="wr_date">2020.07.15</span>
+									</div>
+								</div>
+								<div class="response_box">
+									<div>
+										<dl>
+											<div>
+												<dt>구매옵션</dt>
+												<dd>베이지 / 100</dd>
+											</div>
+										</dl>
+									</div>
+									<div>
+										<dl>
+											<div>
+												<dt>키/몸무게</dt>
+												<dd>178cm/71kg</dd>
+											</div>
+											<div>
+												<dt>사이즈</dt>
+												<dd>작음</dd>
+											</div>
+											<div>
+												<dt>컬러</dt>
+												<dd>밝음</dd>
+											</div>
+											<div>
+												<dt>핏</dt>
+												<dd>레귤러</dd>
+											</div>
+											<div>
+												<dt>두께감</dt>
+												<dd>적당함</dd>
+											</div>
+										</dl>
+									</div>
+								</div>
+								<div class="photo_box">
+									<div class="photo_list">
+										<ul>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+										</ul>
+									</div>
+								</div>
+								<div class="txt_review_box">
+									<p>
+										옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+									</p>
+								</div>
+								<div class="reply_box">
+									<div class="reply">
+										<div class="reply_writer">
+											<span class="wr_name">관리자</span>
+											<span class="wr_date">2020.07.15</span>
+										</div>
+										<div class="reply_txt">
+											<p>
+												안녕하세요, 스타일24 관리자입니다.<br>
+												최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+												만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+												구매해주셔서 감사합니다.												 
+											</p>
+										</div>
+									</div>
+								</div>
+							</div>
+						</li> 
+						<li>
+							<div class="review">
+								<div class="info_box">
+									<div class="star_score">
+										<span class="star">
+											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+										</span>
+									</div>
+									<div class="writer">
+										<span class="wr_id">ab2****</span>
+										<span class="wr_date">2020.07.15</span>
+									</div>
+								</div>
+								<div class="response_box">
+									<div>
+										<dl>
+											<div>
+												<dt>구매옵션</dt>
+												<dd>베이지 / 100</dd>
+											</div>
+										</dl>
+									</div>
+									<div>
+										<dl>
+											<div>
+												<dt>키/몸무게</dt>
+												<dd>178cm/71kg</dd>
+											</div>
+											<div>
+												<dt>사이즈</dt>
+												<dd>작음</dd>
+											</div>
+											<div>
+												<dt>컬러</dt>
+												<dd>밝음</dd>
+											</div>
+											<div>
+												<dt>핏</dt>
+												<dd>레귤러</dd>
+											</div>
+											<div>
+												<dt>두께감</dt>
+												<dd>적당함</dd>
+											</div>
+										</dl>
+									</div>
+								</div>
+								<div class="photo_box">
+									<div class="photo_list">
+										<ul>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+										</ul>
+									</div>
+								</div>
+								<div class="txt_review_box">
+									<p>
+										옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+									</p>
+								</div>
+								<div class="reply_box">
+									<div class="reply">
+										<div class="reply_writer">
+											<span class="wr_name">관리자</span>
+											<span class="wr_date">2020.07.15</span>
+										</div>
+										<div class="reply_txt">
+											<p>
+												안녕하세요, 스타일24 관리자입니다.<br>
+												최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+												만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+												구매해주셔서 감사합니다.												 
+											</p>
+										</div>
+									</div>
+								</div>
+							</div>
+						</li>	 
+						<li>
+							<div class="review">
+								<div class="info_box">
+									<div class="star_score">
+										<span class="star">
+											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+										</span>
+									</div>
+									<div class="writer">
+										<span class="wr_id">ab2****</span>
+										<span class="wr_date">2020.07.15</span>
+									</div>
+								</div>
+								<div class="response_box">
+									<div>
+										<dl>
+											<div>
+												<dt>구매옵션</dt>
+												<dd>베이지 / 100</dd>
+											</div>
+										</dl>
+									</div>
+									<div>
+										<dl>
+											<div>
+												<dt>키/몸무게</dt>
+												<dd>178cm/71kg</dd>
+											</div>
+											<div>
+												<dt>사이즈</dt>
+												<dd>작음</dd>
+											</div>
+											<div>
+												<dt>컬러</dt>
+												<dd>밝음</dd>
+											</div>
+											<div>
+												<dt>핏</dt>
+												<dd>레귤러</dd>
+											</div>
+											<div>
+												<dt>두께감</dt>
+												<dd>적당함</dd>
+											</div>
+										</dl>
+									</div>
+								</div>
+								<div class="photo_box">
+									<div class="photo_list">
+										<ul>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+										</ul>
+									</div>
+								</div>
+								<div class="txt_review_box">
+									<p>
+										옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+									</p>
+								</div>
+								<div class="reply_box">
+									<div class="reply">
+										<div class="reply_writer">
+											<span class="wr_name">관리자</span>
+											<span class="wr_date">2020.07.15</span>
+										</div>
+										<div class="reply_txt">
+											<p>
+												안녕하세요, 스타일24 관리자입니다.<br>
+												최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+												만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+												구매해주셔서 감사합니다.												 
+											</p>
+										</div>
+									</div>
+								</div>
+							</div>
+						</li>									
+						<li>
+							<div class="review">
+								<div class="info_box">
+									<div class="star_score">
+										<span class="star">
+											<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+										</span>
+									</div>
+									<div class="writer">
+										<span class="wr_id">ab2****</span>
+										<span class="wr_date">2020.07.15</span>
+									</div>
+								</div>
+								<div class="response_box">
+									<div>
+										<dl>
+											<div>
+												<dt>구매옵션</dt>
+												<dd>베이지 / 100</dd>
+											</div>
+										</dl>
+									</div>
+									<div>
+										<dl>
+											<div>
+												<dt>키/몸무게</dt>
+												<dd>178cm/71kg</dd>
+											</div>
+											<div>
+												<dt>사이즈</dt>
+												<dd>작음</dd>
+											</div>
+											<div>
+												<dt>컬러</dt>
+												<dd>밝음</dd>
+											</div>
+											<div>
+												<dt>핏</dt>
+												<dd>레귤러</dd>
+											</div>
+											<div>
+												<dt>두께감</dt>
+												<dd>적당함</dd>
+											</div>
+										</dl>
+									</div>
+								</div>
+								<div class="photo_box">
+									<div class="photo_list">
+										<ul>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+											<li>
+												<a href="">
+													<div class="pic">
+														<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+													</div>
+												</a>
+											</li>
+										</ul>
+									</div>
+								</div>
+								<div class="txt_review_box">
+									<p>
+										옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
+									</p>
+								</div>
+								<div class="reply_box">
+									<div class="reply">
+										<div class="reply_writer">
+											<span class="wr_name">관리자</span>
+											<span class="wr_date">2020.07.15</span>
+										</div>
+										<div class="reply_txt">
+											<p>
+												안녕하세요, 스타일24 관리자입니다.<br>
+												최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+												만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+												구매해주셔서 감사합니다.												 
+											</p>
+										</div>
+									</div>
+								</div>
+							</div>
+						</li>								
+					</ul>
+				</div>
+				<div class="ui_row">
+					<ul class="pageNav">
+						<li class="disabled"><a href="#">«</a></li>
+						<li class="prev disabled"><a href="#">‹</a></li>
+						<li><a href="#">1</a></li>
+						<li class="active"><a href="#">2</a></li>
+						<li><a href="#">3</a></li>
+						<li><a href="#">4</a></li>
+						<li><a href="#">5</a></li>
+						<li><a href="#">6</a></li>
+						<li><a href="#">7</a></li>
+						<li><a href="#">8</a></li>
+						<li><a href="#">9</a></li>
+						<li><a href="#">10</a></li>
+						<li class="next"><a href="#">›</a></li>
+						<li><a href="#">»</a></li>
+					</ul>
+				</div>
+				<!-- //나열조건결과 있을 때 노출 내용 -->
+				<!-- 나열조건결과 없을 때 노출 내용 -->
+				<div class="nodata">
+					<div class="txt_box">
+						<p>
+							선택하신 조건에 맞는 리뷰가 없습니다.<br>
+							조건을 변경해 보세요.
+						</p>
+					</div>
+					<div class="btn_box">
+						<button class="btn btn_default"><span>선택한 조건 초기화</span></button>
+					</div>
+				</div>
+				<!-- //나열조건결과 없을 때 노출 내용 -->
+			</div>
+			<!-- //등록리뷰 있을 시 -->
+		</div>
+	</div>			
+</div>
+<script src="/ux/plugins/gaga/gaga.paging.js"></script>
+<script th:inline="javascript">
+/*<![CDATA[*/
+	$(document).ready( function() {
+
+	var sort_selecter01 = new sCombo('.area_rv_all .selection .select_custom.sort_opt1');
+	var sort_selecter02 = new sCombo('.area_rv_all .selection .select_custom.sort_opt2');
+	var sort_selecter03 = new sCombo('.area_rv_all .selection .select_custom.sort_opt3');
+	var sort_selecter04 = new sCombo('.area_rv_all .selection .select_custom.sort_opt4');
+
+	//착용정보 통계
+	$('.average .part_average .percent').each(function(){
+		var reviewRatio = $(this).text();
+		if (reviewRatio == '0%'){
+			$(this).parents('div dl dd').find('.ratio .progbar').attr('style', 'width:0; margin-left:-8px');
+		} else {
+			$(this).parents('div dl dd').find('.ratio .progbar').attr('style', 'width:' + reviewRatio);
+		}
+	});
+
+	//슬라이드 - 베스트리뷰
+	var bestReviewtSwiper = new Swiper('.area_rv_best .swiper-container', {
+		slidesPerView: 2,
+		spaceBetween: 20,
+		navigation: {
+			nextEl: '.area_rv_best .swiper-button-next',
+			prevEl: '.area_rv_best .swiper-button-prev',
+		},
+		pagination: {
+			el: '.area_rv_best .swiper-pagination',
+			clickable: true,
+		},
+	});
+	
+
+});
+	
+
+/*]]>*/
+</script>	
+ </html>

+ 994 - 0
src/main/webapp/WEB-INF/views/web/goods/GoodsReviewPhotoDetailFormWeb.html

@@ -0,0 +1,994 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : GoodsReviewPhotoDetailFormWeb.html
+ * @desc	: 상품평- 포토/영상 리뷰 상세 팝업
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE		 AUTHOR	  DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.09   eskim		최초 작성
+ *******************************************************************************
+ -->
+<div class="modal-dialog" role="document">
+	<div class="modal-content">
+		<div class="modal-header">
+			<h5 class="modal-title" id="pdPhotoReviewDetailLabel">포토/영상 리뷰</h5>
+			<button type="button" id="btn_pdPhotoReviewList_pop" class="btn_more"><span>전체보기</span></button>
+		</div>
+		<div class="modal-body">
+			<div class="pop_cont">
+				<div class="swiper-container detail">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb mov"><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+										<video poster="http://cdn.011st.com/11dims/resize/1999x1999/quality/75/11src/review/60101202/3121440803/5ce466b90b46400f860fe083437140ac.jpg" muted="muted" preload="metadata" controls="controls">
+											<source src="http://snsvideo.11st.co.kr/movie/item/www/662/66238860_06_1_C1.mp4" type="video/mp4">
+										</video>
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook2.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook1.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook3.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook2.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb mov">
+										<img src="/images/pc/thumb/tmp_pdLookbook3.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook2.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook1.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook3.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+						<div class="swiper-slide">
+							<!-- 리뷰내용 -->
+							<div class="review">
+								<div class="pic">
+									<span class="thumb">
+										<img src="/images/pc/thumb/tmp_pdLookbook2.jpg" alt="">
+									</span>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score">
+												<span class="star">
+													<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full">
+												<dl>
+													<div>
+														<dt>구매옵션</dt>
+														<dd>베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd>178cm/71kg</dd>
+													</div>
+												</dl>									
+											</div>
+											<div>
+												<dl>
+													<div>
+														<dt>사이즈</dt>
+														<dd>작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd>밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd>레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd>적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p>
+												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
+											</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id">ab2****</span>
+												<span class="wr_date">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date">2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p>
+														안녕하세요, 스타일24 관리자입니다.<br>
+														최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
+														만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
+														구매해주셔서 감사합니다.												 
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+							<!-- //리뷰내용 -->
+						</div>				
+					</div>
+				</div>
+				<div class="swiper-button-next"></div>
+				<div class="swiper-button-prev"></div>
+				<!-- 리뷰 썸네일 리스트 -->
+				<div class="swiper-container thumblist">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb mov" style="background-image:url('http://cdn.011st.com/11dims/resize/1999x1999/quality/75/11src/review/60101202/3121440803/5ce466b90b46400f860fe083437140ac.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="pic">
+								<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
+							</div>
+						</div>						  
+					</div>
+					<div class="swiper-scrollbar"></div>
+				</div>
+				<!-- //리뷰 썸네일 리스트 -->
+			</div>
+		</div>
+	</div>
+</div>
+<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer('layer_review_photo_detail')" class="close-modal">Close</a>
+<script th:inline="javascript">
+/*<![CDATA[*/
+	 //슬라이드 - 상품 포토/영상 리뷰 썸네일리스트 영역 
+    var photoReviewListSwiper = new Swiper('.pd_photoreviewdetail_pop .swiper-container.thumblist', {
+        slidesPerView: 'auto',
+        spaceBetween: 8,
+        freeMode: true,
+        grabCursor: true,
+        watchSlidesVisibility: true,
+        watchSlidesProgress: true,
+        scrollbar: {el: '.pd_photoreviewdetail_pop .swiper-container.thumblist .swiper-scrollbar'},
+    }); 
+
+    //슬라이드 - 상품 포토/영상 리뷰 자세히보기 영역 
+    var photoReviewDetailSwiper = new Swiper('.pd_photoreviewdetail_pop .swiper-container.detail', {
+        effect :'fade',
+        slidesPerView: 1,
+        spaceBetween: 0,
+        simulateTouch:false,
+        navigation: {
+            nextEl: '.pd_photoreviewdetail_pop .swiper-button-next',
+            prevEl: '.pd_photoreviewdetail_pop .swiper-button-prev',
+        },
+        thumbs: {
+            swiper: photoReviewListSwiper
+        }
+    });
+/*]]>*/
+</script>	
+ </html>

+ 129 - 0
src/main/webapp/WEB-INF/views/web/goods/GoodsReviewPhotoFormWeb.html

@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : GoodsInstockAlarmFormWeb.html
+ * @desc	: 재입고알림 팝업
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE		 AUTHOR	  DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.02   eskim		최초 작성
+ *******************************************************************************
+ -->
+<div class="modal-dialog" role="document">
+	<div class="modal-content">
+		<div class="modal-header">
+			<h5 class="modal-title" id="pdPhotoReviewListLabel">포토/영상 리뷰</h5>
+		</div>
+		<div class="modal-body">
+			<div class="pop_cont">
+				<div class="photo_list">
+					<ul>
+						<li>
+							<a href="">
+								<div class="pic">
+									<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+								</div>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<div class="pic">
+									<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+								</div>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<div class="pic">
+									<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+								</div>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<div class="pic">
+									<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+								</div>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<div class="pic">
+									<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+								</div>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<div class="pic">
+									<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+								</div>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<div class="pic">
+									<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+								</div>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<div class="pic">
+									<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+								</div>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<div class="pic">
+									<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+								</div>
+							</a>
+						</li>
+						<li>
+							<a href="">
+								<div class="pic">
+									<span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
+								</div>
+							</a>
+						</li>
+					</ul>
+				</div>
+				<div class="ui_row">
+					<ul class="pageNav">
+						<li class="disabled"><a href="#">«</a></li>
+						<li class="prev disabled"><a href="#">‹</a></li>
+						<li><a href="#">1</a></li>
+						<li class="active"><a href="#">2</a></li>
+						<li><a href="#">3</a></li>
+						<li><a href="#">4</a></li>
+						<li><a href="#">5</a></li>
+						<li><a href="#">6</a></li>
+						<li><a href="#">7</a></li>
+						<li><a href="#">8</a></li>
+						<li><a href="#">9</a></li>
+						<li><a href="#">10</a></li>
+						<li class="next"><a href="#">›</a></li>
+						<li><a href="#">»</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	<!-- 포토영상 리뷰 자세히보기 팝업 내용 -->
+	</div>
+</div>
+<script src="/ux/plugins/gaga/gaga.paging.js"></script>
+<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer('layer_review_photo')" class="close-modal">Close</a>
+<script th:inline="javascript">
+/*<![CDATA[*/
+	
+	
+/*]]>*/
+</script>	
+ </html>

+ 92 - 0
src/main/webapp/WEB-INF/views/web/goods/GoodsShopBenefitFormWeb.html

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : GoodsShopBenefitFormWeb.html
+ * @desc    : 쇼핑혜택 팝업
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.09   eskim        최초 작성
+ *******************************************************************************
+ -->
+<div class="modal-dialog" role="document">
+	<div class="modal-content">
+		<div class="modal-header">
+			<h5 class="modal-title" id="bnfShoppingLabel">쇼핑혜택</h5>
+		</div>
+		<div class="modal-body">
+			<div class="pop_cont">
+				<div class="benefit_blk">
+					<h6>할인혜택</h6>
+					<div class="tbl type1">
+						<table>
+							<colgroup>
+								<col width="50%">
+								<col width="*">
+							</colgroup>
+							<tbody>
+								<tr>
+									<th>즉시 할인</th>
+									<td>50% 할인</td>
+								</tr>
+								<tr>
+									<th>쿠폰할인</th>
+									<td>최대 10% 할인</td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+				</div>
+				<div class="benefit_blk">
+					<h6>다다익선</h6>
+					<div class="tbl type1">
+						<table>
+							<colgroup>
+								<col width="50%">
+								<col width="*">
+							</colgroup>
+							<tbody>
+								<tr>
+									<th>9,999개 이상 구매 시</th>
+									<td>9,999,999원 할인</td>
+								</tr>
+								<tr>
+									<th>9,999개 이상 구매 시</th>
+									<td>20% 할인</td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+				</div>	   
+				<div class="benefit_blk">
+					<h6>사은품</h6>
+					<div class="tbl type1">
+						<table>
+							<colgroup>
+								<col width="50%">
+								<col width="*">
+							</colgroup>
+							<tbody>
+								<tr>
+									<th>99,999,999원 이상 구매 시</th>
+									<td>미니언즈 우산 99개 증정</td>
+								</tr>
+								<tr>
+									<th>99,999,999원 이상 구매 시</th>
+									<td>미니언즈 우산 99개 증정 외 택1</td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+				</div>					 
+			</div>
+		</div>
+	</div>
+</div>
+<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer('layer_shopping_benefit')" class="close-modal">Close</a> 	
+ </html>

+ 995 - 0
src/main/webapp/WEB-INF/views/web/goods/GoodsSizeInfoFormWeb.html

@@ -0,0 +1,995 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : GoodsSizeInfoFormWeb.html
+ * @desc    : 사이즈 안내 팝업
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.08   eskim        최초 작성
+ *******************************************************************************
+ -->
+ <div class="modal-dialog" role="document">
+	<div class="modal-content">
+		<div class="modal-header">
+			<h5 class="modal-title" id="infoSizeLabel">사이즈정보</h5>
+		</div>
+		<div class="modal-body">
+			<div class="pop_cont">
+				<div class="tab_nav">
+					<ul>
+						<li class="active"><a href="javascript:void(0)">실측 사이즈</a></li>
+						<li><a href="javascript:void(0)">표준 사이즈</a></li>
+						<li><a href="javascript:void(0)">측정 사이즈</a></li>
+					</ul>
+				</div>
+				<div class="tab_cont_wrap">
+					<div class="tab_cont">
+						<!-- 실측 사이즈 -->
+						<div class="size_head">
+							<span class="tit_sub">TBJ</span>
+							<span class="tit_header">남성 테이퍼드 핏 겨울 기모면 스판 올 밴딩 팬츠</span>
+						</div>
+						<div class="size_cont">
+							<div class="size_tbl_box">
+								<p class="size_unit">단위 : cm</p>
+								<div class="tbl type2">
+									<table>
+										<colgroup>
+											<col width="20%">
+											<col width="20%">
+											<col width="20%">
+											<col width="20%">
+											<col width="20%">
+										</colgroup>
+										<thead>
+											<tr>
+												<th scope="col">&nbsp;</th>
+												<th scope="col">M</th>
+												<th scope="col">L</th>
+												<th scope="col">XL</th>
+												<th scope="col">XXL</th>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<th scope="col">가슴둘레</th>
+												<td>95</td>
+												<td>100</td>
+												<td>105</td>
+												<td>110</td>
+											</tr>
+											<tr>
+												<th scope="col">어깨너비</th>
+												<td>95</td>
+												<td>100</td>
+												<td>105</td>
+												<td>110</td>
+											</tr>
+											<tr>
+												<th scope="col">팔길이</th>
+												<td>95</td>
+												<td>100</td>
+												<td>105</td>
+												<td>110</td>
+											</tr>
+											<tr>
+												<th scope="col">총길이</th>
+												<td>95</td>
+												<td>100</td>
+												<td>105</td>
+												<td>110</td>
+											</tr>
+										</tbody>
+									</table>
+								</div>
+							</div>
+						</div>
+						<!-- //실측 사이즈 -->
+					</div>
+					<div class="tab_cont">
+						<!-- 표준 사이즈 카테고리 구분일때 -->
+						<div class="size_head">
+							<!-- 표준 사이즈 > 카테고리 선택 -->
+							<div class="sub_tab_nav">
+								<ul>
+									<li class="active"><a href="javascript:void(0)">여성</a></li>
+									<li><a href="javascript:void(0)">남성</a></li>
+									<li><a href="javascript:void(0)">캐주얼</a></li>
+									<li><a href="javascript:void(0)">유아동</a></li>
+									<li><a href="javascript:void(0)">신발</a></li>
+									<li><a href="javascript:void(0)">언더웨어</a></li>
+								</ul>
+							</div>
+							<!-- //표준 사이즈 > 카테고리 선택 -->
+						</div>
+						<div class="size_cont">
+							<div class="sub_tab_cont_wrap">
+								<!-- 표준 사이즈 > 카테고리 내용(여성) -->
+								<div class="sub_tab_cont">
+									<div class="size_tbl_box">
+										<h6>여성 상의</h6>
+										<p class="size_unit">단위 : cm</p>
+										<div class="tbl type2">
+											<table>
+												<colgroup>
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th scope="col">&nbsp;</th>
+														<th scope="col">XS/44/85</th>
+														<th scope="col">S/55/90</th>
+														<th scope="col">M/66/95</th>
+														<th scope="col">L/77/100</th>
+													</tr>
+												</thead>
+												<tbody>
+													<tr>
+														<th scope="col">가슴둘레</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr>
+													<tr>
+														<th scope="col">허리둘레</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr> 
+													<tr>
+														<th scope="col">신장</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr>											   
+												</tbody>
+											</table>
+										</div>
+									</div>
+									<div class="size_tbl_box">
+										<h6>여성 하의</h6>
+										<p class="size_unit">단위 : cm</p>
+										<div class="tbl type2">
+											<table>
+												<colgroup>
+													<col width="20%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th scope="col">&nbsp;</th>
+														<th scope="col">27</th>
+														<th scope="col">28</th>
+														<th scope="col">29</th>
+														<th scope="col">30</th>
+														<th scope="col">32</th>
+														<th scope="col">34</th>
+														<th scope="col">36</th>
+														<th scope="col">38</th>
+													</tr>
+												</thead>
+												<tbody>
+													<tr>
+														<th scope="col">허리둘레</th>
+														<td>69</td>
+														<td>71</td>
+														<td>74</td>
+														<td>76</td>
+														<td>81</td>
+														<td>86</td>
+														<td>91</td>
+														<td>97</td>
+													</tr>									
+												</tbody>
+											</table>
+										</div>
+									</div>
+								</div>	
+								<!-- //표준 사이즈 > 카테고리 내용(여성) --> 
+								<!-- 표준 사이즈 > 카테고리 내용(남성) -->
+								<div class="sub_tab_cont">
+									<div class="size_tbl_box">
+										<h6>남성 상의</h6>
+										<p class="size_unit">단위 : cm</p>
+										<div class="tbl type2">
+											<table>
+												<colgroup>
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th scope="col">&nbsp;</th>
+														<th scope="col">XS/44/85</th>
+														<th scope="col">S/55/90</th>
+														<th scope="col">M/66/95</th>
+														<th scope="col">L/77/100</th>
+													</tr>
+												</thead>
+												<tbody>
+													<tr>
+														<th scope="col">가슴둘레</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr>
+													<tr>
+														<th scope="col">허리둘레</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr> 
+													<tr>
+														<th scope="col">신장</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr>											   
+												</tbody>
+											</table>
+										</div>
+									</div>
+									<div class="size_tbl_box">
+										<h6>남성 하의</h6>
+										<p class="size_unit">단위 : cm</p>
+										<div class="tbl type2">
+											<table>
+												<colgroup>
+													<col width="20%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th scope="col">&nbsp;</th>
+														<th scope="col">27</th>
+														<th scope="col">28</th>
+														<th scope="col">29</th>
+														<th scope="col">30</th>
+														<th scope="col">32</th>
+														<th scope="col">34</th>
+														<th scope="col">36</th>
+														<th scope="col">38</th>
+													</tr>
+												</thead>
+												<tbody>
+													<tr>
+														<th scope="col">허리둘레</th>
+														<td>69</td>
+														<td>71</td>
+														<td>74</td>
+														<td>76</td>
+														<td>81</td>
+														<td>86</td>
+														<td>91</td>
+														<td>97</td>
+													</tr>									
+												</tbody>
+											</table>
+										</div>
+									</div>
+								</div>	
+								<!-- //표준 사이즈 > 카테고리 내용(남성) -->
+								<!-- 표준 사이즈 > 카테고리 내용(캐주얼) -->
+								<div class="sub_tab_cont">
+									<div class="size_tbl_box">
+										<h6>캐주얼 상의</h6>
+										<p class="size_unit">단위 : cm</p>
+										<div class="tbl type2">
+											<table>
+												<colgroup>
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th scope="col">&nbsp;</th>
+														<th scope="col">XS/44/85</th>
+														<th scope="col">S/55/90</th>
+														<th scope="col">M/66/95</th>
+														<th scope="col">L/77/100</th>
+													</tr>
+												</thead>
+												<tbody>
+													<tr>
+														<th scope="col">가슴둘레</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr>
+													<tr>
+														<th scope="col">허리둘레</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr> 
+													<tr>
+														<th scope="col">신장</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr>											   
+												</tbody>
+											</table>
+										</div>
+									</div>
+									<div class="size_tbl_box">
+										<h6>캐주얼 하의</h6>
+										<p class="size_unit">단위 : cm</p>
+										<div class="tbl type2">
+											<table>
+												<colgroup>
+													<col width="20%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th scope="col">&nbsp;</th>
+														<th scope="col">27</th>
+														<th scope="col">28</th>
+														<th scope="col">29</th>
+														<th scope="col">30</th>
+														<th scope="col">32</th>
+														<th scope="col">34</th>
+														<th scope="col">36</th>
+														<th scope="col">38</th>
+													</tr>
+												</thead>
+												<tbody>
+													<tr>
+														<th scope="col">허리둘레</th>
+														<td>69</td>
+														<td>71</td>
+														<td>74</td>
+														<td>76</td>
+														<td>81</td>
+														<td>86</td>
+														<td>91</td>
+														<td>97</td>
+													</tr>									
+												</tbody>
+											</table>
+										</div>
+									</div>
+								</div>	
+								<!-- //표준 사이즈 > 카테고리 내용(캐주얼) -->
+								<!-- 표준 사이즈 > 카테고리 내용(유아동) -->
+								<div class="sub_tab_cont">
+									<div class="size_tbl_box">
+										<h6>유아동 상의</h6>
+										<p class="size_unit">단위 : cm</p>
+										<div class="tbl type2">
+											<table>
+												<colgroup>
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th scope="col">&nbsp;</th>
+														<th scope="col">XS/44/85</th>
+														<th scope="col">S/55/90</th>
+														<th scope="col">M/66/95</th>
+														<th scope="col">L/77/100</th>
+													</tr>
+												</thead>
+												<tbody>
+													<tr>
+														<th scope="col">가슴둘레</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr>
+													<tr>
+														<th scope="col">허리둘레</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr> 
+													<tr>
+														<th scope="col">신장</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr>											   
+												</tbody>
+											</table>
+										</div>
+									</div>
+									<div class="size_tbl_box">
+										<h6>유아동 하의</h6>
+										<p class="size_unit">단위 : cm</p>
+										<div class="tbl type2">
+											<table>
+												<colgroup>
+													<col width="20%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th scope="col">&nbsp;</th>
+														<th scope="col">27</th>
+														<th scope="col">28</th>
+														<th scope="col">29</th>
+														<th scope="col">30</th>
+														<th scope="col">32</th>
+														<th scope="col">34</th>
+														<th scope="col">36</th>
+														<th scope="col">38</th>
+													</tr>
+												</thead>
+												<tbody>
+													<tr>
+														<th scope="col">허리둘레</th>
+														<td>69</td>
+														<td>71</td>
+														<td>74</td>
+														<td>76</td>
+														<td>81</td>
+														<td>86</td>
+														<td>91</td>
+														<td>97</td>
+													</tr>									
+												</tbody>
+											</table>
+										</div>
+									</div>
+								</div>	
+								<!-- //표준 사이즈 > 카테고리 내용(유아동) -->	 
+								<!-- 표준 사이즈 > 카테고리 내용(신발) -->
+								<div class="sub_tab_cont">
+									<div class="size_tbl_box">
+										<h6>신발 상의</h6>
+										<p class="size_unit">단위 : cm</p>
+										<div class="tbl type2">
+											<table>
+												<colgroup>
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th scope="col">&nbsp;</th>
+														<th scope="col">XS/44/85</th>
+														<th scope="col">S/55/90</th>
+														<th scope="col">M/66/95</th>
+														<th scope="col">L/77/100</th>
+													</tr>
+												</thead>
+												<tbody>
+													<tr>
+														<th scope="col">가슴둘레</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr>
+													<tr>
+														<th scope="col">허리둘레</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr> 
+													<tr>
+														<th scope="col">신장</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr>											   
+												</tbody>
+											</table>
+										</div>
+									</div>
+									<div class="size_tbl_box">
+										<h6>신발 하의</h6>
+										<p class="size_unit">단위 : cm</p>
+										<div class="tbl type2">
+											<table>
+												<colgroup>
+													<col width="20%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th scope="col">&nbsp;</th>
+														<th scope="col">27</th>
+														<th scope="col">28</th>
+														<th scope="col">29</th>
+														<th scope="col">30</th>
+														<th scope="col">32</th>
+														<th scope="col">34</th>
+														<th scope="col">36</th>
+														<th scope="col">38</th>
+													</tr>
+												</thead>
+												<tbody>
+													<tr>
+														<th scope="col">허리둘레</th>
+														<td>69</td>
+														<td>71</td>
+														<td>74</td>
+														<td>76</td>
+														<td>81</td>
+														<td>86</td>
+														<td>91</td>
+														<td>97</td>
+													</tr>									
+												</tbody>
+											</table>
+										</div>
+									</div>
+								</div>	
+								<!-- //표준 사이즈 > 카테고리 내용(신발) -->	  
+								<!-- 표준 사이즈 > 카테고리 내용(언더웨어) -->
+								<div class="sub_tab_cont">
+									<div class="size_tbl_box">
+										<h6>언더웨어 상의</h6>
+										<p class="size_unit">단위 : cm</p>
+										<div class="tbl type2">
+											<table>
+												<colgroup>
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+													<col width="20%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th scope="col">&nbsp;</th>
+														<th scope="col">XS/44/85</th>
+														<th scope="col">S/55/90</th>
+														<th scope="col">M/66/95</th>
+														<th scope="col">L/77/100</th>
+													</tr>
+												</thead>
+												<tbody>
+													<tr>
+														<th scope="col">가슴둘레</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr>
+													<tr>
+														<th scope="col">허리둘레</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr> 
+													<tr>
+														<th scope="col">신장</th>
+														<td>95</td>
+														<td>100</td>
+														<td>105</td>
+														<td>110</td>
+													</tr>											   
+												</tbody>
+											</table>
+										</div>
+									</div>
+									<div class="size_tbl_box">
+										<h6>언더웨어 하의</h6>
+										<p class="size_unit">단위 : cm</p>
+										<div class="tbl type2">
+											<table>
+												<colgroup>
+													<col width="20%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+													<col width="10%">
+												</colgroup>
+												<thead>
+													<tr>
+														<th scope="col">&nbsp;</th>
+														<th scope="col">27</th>
+														<th scope="col">28</th>
+														<th scope="col">29</th>
+														<th scope="col">30</th>
+														<th scope="col">32</th>
+														<th scope="col">34</th>
+														<th scope="col">36</th>
+														<th scope="col">38</th>
+													</tr>
+												</thead>
+												<tbody>
+													<tr>
+														<th scope="col">허리둘레</th>
+														<td>69</td>
+														<td>71</td>
+														<td>74</td>
+														<td>76</td>
+														<td>81</td>
+														<td>86</td>
+														<td>91</td>
+														<td>97</td>
+													</tr>									
+												</tbody>
+											</table>
+										</div>
+									</div>
+								</div>	
+								<!-- //표준 사이즈 > 카테고리 내용(언더웨어) -->
+							</div>															   
+						</div>
+						<div class="size_footer">
+							<div class="info_txt">
+								<ul>
+									<li>본 사이즈 조견표는 표준 가이드로, 각 제품마다 다소간의 차이는 있을 수 있습니다.</li>
+									<li>보다 자세한 사이즈는 각 상품 별 상품설명을 참조해주시기 바랍니다.</li>
+								</ul>
+							</div>
+						</div>
+						<!-- //표준 사이즈 카테고리별 구분일때 -->
+						<!-- 표준 사이즈 브랜드별 구분일때 -->
+						<div class="size_head">
+							<span class="tit_header">
+								페르지노몬티 FERGINO MONTI
+							</span>
+						</div>
+						<div class="size_cont">
+							<div class="size_tbl_box">
+								<h6>남성 상의</h6>
+								<p class="size_unit">단위 : cm</p>
+								<div class="tbl type2">
+									<table>
+										<colgroup>
+											<col width="20%">
+											<col width="20%">
+											<col width="20%">
+											<col width="20%">
+											<col width="20%">
+										</colgroup>
+										<thead>
+											<tr>
+												<th scope="col">&nbsp;</th>
+												<th scope="col">XS/44/85</th>
+												<th scope="col">S/55/90</th>
+												<th scope="col">M/66/95</th>
+												<th scope="col">L/77/100</th>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<th scope="col">가슴둘레</th>
+												<td>95</td>
+												<td>100</td>
+												<td>105</td>
+												<td>110</td>
+											</tr>
+											<tr>
+												<th scope="col">허리둘레</th>
+												<td>95</td>
+												<td>100</td>
+												<td>105</td>
+												<td>110</td>
+											</tr> 
+											<tr>
+												<th scope="col">신장</th>
+												<td>95</td>
+												<td>100</td>
+												<td>105</td>
+												<td>110</td>
+											</tr>											   
+										</tbody>
+									</table>
+								</div>
+							</div>
+							<div class="size_tbl_box">
+								<h6>남성 하의</h6>
+								<p class="size_unit">단위 : cm</p>
+								<div class="tbl type2">
+									<table>
+										<colgroup>
+											<col width="20%">
+											<col width="10%">
+											<col width="10%">
+											<col width="10%">
+											<col width="10%">
+											<col width="10%">
+											<col width="10%">
+											<col width="10%">
+											<col width="10%">
+										</colgroup>
+										<thead>
+											<tr>
+												<th scope="col">&nbsp;</th>
+												<th scope="col">27</th>
+												<th scope="col">28</th>
+												<th scope="col">29</th>
+												<th scope="col">30</th>
+												<th scope="col">32</th>
+												<th scope="col">34</th>
+												<th scope="col">36</th>
+												<th scope="col">38</th>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<th scope="col">허리둘레</th>
+												<td>69</td>
+												<td>71</td>
+												<td>74</td>
+												<td>76</td>
+												<td>81</td>
+												<td>86</td>
+												<td>91</td>
+												<td>97</td>
+											</tr>									
+										</tbody>
+									</table>
+								</div>
+							</div>													  
+						</div>
+						<div class="size_footer">
+							<div class="info_txt">
+								<ul>
+									<li>본 사이즈 조견표는 표준 가이드로, 각 제품마다 다소간의 차이는 있을 수 있습니다.</li>
+									<li>보다 자세한 사이즈는 각 상품 별 상품설명을 참조해주시기 바랍니다.</li>
+								</ul>
+							</div>
+						</div>
+						<!-- //표준 사이즈 브랜드 구분일때 -->							
+					</div>   
+					<div class="tab_cont">
+						<!-- 측정 사이즈 -->
+						<div class="size_head">
+							<!-- 측정 사이즈 > 카테고리 선택 -->
+							<div class="sub_tab_nav">
+								<ul>
+									<li class="active"><a href="javascript:void(0)">상의</a></li>
+									<li><a href="javascript:void(0)">하의</a></li>
+									<li><a href="javascript:void(0)">가방</a></li>
+									<li><a href="javascript:void(0)">신발</a></li>
+									<li><a href="javascript:void(0)">언더웨어</a></li>
+								</ul>
+							</div>
+							<!-- //측정 사이즈 > 카테고리 선택 -->
+						</div>
+						<div class="size_cont">
+							<div class="sub_tab_cont_wrap">
+								<!-- 측정 사이즈 > 카테고리 내용(상의) -->
+								<div class="sub_tab_cont">
+									<span class="img_sizeinfo">
+										<img src="/images/pc/info_size_top.jpg" alt="상의 측정 사이즈">
+									</span>
+									<dl>
+										<div>
+											<dt>가슴둘레</dt>
+											<dd>양쪽 겨드랑이 밑선 단면을 잰 길이x2</dd>
+										</div>
+										<div>
+											<dt>어깨너비</dt>
+											<dd>좌측어깨에서 우측어깨끝 봉제선 단면을 잰 길이 (어깨봉제선이 없을경우 어깨길이와 팔길이는 측정 안함)</dd>
+										</div>
+										<div>
+											<dt>팔길이</dt>
+											<dd>어깨 봉제선부터 소매 끝까지 잰 길</dd>
+										</div>
+										<div>
+											<dt>총길이</dt>
+											<dd>카라부분(혹은 후드)를 제외 한 지점부터 밑단 끝까지 잰 길이 (라운드티셔츠의 경우 목라인을 포함 해 네크라인부터 밑단 끝까지의 길이를 측정)</dd>
+										</div>
+									</dl>
+								</div>	
+								<!-- //측정 사이즈 > 카테고리 내용(상의) -->
+								<!-- 측정 사이즈 > 카테고리 내용(하의) -->
+								<div class="sub_tab_cont">
+									<span class="img_sizeinfo">
+										<img src="/images/pc/info_size_pants.jpg" alt="하의 측정 사이즈">
+									</span>
+									<dl>
+										<div>
+											<dt>허리둘레</dt>
+											<dd>허리선을 일자로 맞추고 한쪽의 허리끝단부터 반대편 끝까지 단면을 잰 길이x2</dd>
+										</div>
+										<div>
+											<dt>밑위</dt>
+											<dd>허리부터 가랑이 끝점까지 잰 길이</dd>
+										</div>
+										<div>
+											<dt>엉덩이둘레</dt>
+											<dd>밑위 중간부분 단면을 잰 길이x2</dd>
+										</div>
+										<div>
+											<dt>허벅지둘레</dt>
+											<dd>가랑이 부분부터 바깥쪽 허벅지 끝나는 지점까지의 단면을 잰 길이x2</dd>
+										</div>
+										<div>
+											<dt>총길이</dt>
+											<dd>허리끝선부터 바지밑단 끝선 까지 잰 길이</dd>
+										</div>
+									</dl>
+								</div>	
+								<!-- //측정 사이즈 > 카테고리 내용(하의) -->	  
+								<!-- 측정 사이즈 > 카테고리 내용(가방) -->
+								<div class="sub_tab_cont">
+									<span class="img_sizeinfo">
+										<img src="/images/pc/info_size_bag.jpg" alt="가방 측정 사이즈">
+									</span>
+									<dl>
+										<div>
+											<dt>가로</dt>
+											<dd>가장 넓은 부분의 수평 길이</dd>
+										</div>
+										<div>
+											<dt>세로</dt>
+											<dd>바닥부터 가방의 가로 중앙지점까지 수직 길이</dd>
+										</div>
+										<div>
+											<dt>끈길이</dt>
+											<dd>가방 끝의 전체 길이(길이 조절이 가능한 경우 최소~최대 길이 표기)</dd>
+										</div>
+										<div>
+											<dt>손잡이높이</dt>
+											<dd>가방의 가로 가운데 지점부터 손잡이를 세웠을 때의 가장 높은 부분까지의 높이</dd>
+										</div>
+										<div>
+											<dt>끈폭</dt>
+											<dd>가방 끈의 수평폭</dd>
+										</div>
+										<div>
+											<dt>폭</dt>
+											<dd>가방 옆 부분의 두께</dd>
+										</div>
+									</dl>
+								</div> 
+								<!-- //측정 사이즈 > 카테고리 내용(가방) -->
+								<!-- 측정 사이즈 > 카테고리 내용(신발) -->
+								<div class="sub_tab_cont">
+									<span class="img_sizeinfo">
+										<img src="/images/pc/info_size_shoe.jpg" alt="신발 측정 사이즈">
+									</span>
+									<dl>
+										<div>
+											<dt>굽높이</dt>
+											<dd>설명 필요</dd>
+										</div>
+										<div>
+											<dt>볼너비</dt>
+											<dd>설명 필요</dd>
+										</div>
+										<div>
+											<dt>총길이</dt>
+											<dd>설명 필요</dd>
+										</div>
+									</dl>
+									<!--<div class="info_txt">
+										<ul>
+											<li>
+												국내 브랜드는 브랜드, 스타일마다 사이즈가 다르게 전개될 수 있으니, 개별 상품 상세페이지에 기재된 상세 사이즈안내를 참조하세요.
+											</li>
+										</ul>
+									</div>-->
+								</div> 
+								<!-- //측정 사이즈 > 카테고리 내용(신발) --> 
+								<!-- 측정 사이즈 > 카테고리 내용(언더웨어) -->
+								<div class="sub_tab_cont">
+									<span class="img_sizeinfo">
+										<img src="/images/pc/info_size_underwear.jpg" alt="속옷 측정 사이즈">
+									</span>
+									<dl>
+										<div>
+											<dt>밑가슴둘레</dt>
+											<dd>유방의 바로 밑을 수평으로 잰 길이</dd>
+										</div>
+										<div>
+											<dt>컵</dt>
+											<dd>밑가슴둘레와 가슴둘레의 차이</dd>
+										</div>
+										<div>
+											<dt>가슴둘레</dt>
+											<dd>유방을중심으로 수평으로 잰길이</dd>
+										</div>
+									</dl>
+								</div> 
+								<!-- //측정 사이즈 > 카테고리 내용(언더웨어) -->																					
+							</div>															   
+						</div>							
+						<!-- //측정 사이즈 -->
+					</div>						 
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer('layer_size_info')" class="close-modal">Close</a>
+<script th:inline="javascript">
+/*<![CDATA[*/
+	$(document).ready( function() {
+		//팝업 - 사이즈정보 > 탭
+		$(document).on('click','.info_size_pop .tab_nav ul li',function(e){
+			$(this).addClass('active').siblings().removeClass('active');
+			$('.info_size_pop .tab_cont_wrap .tab_cont').hide();		
+			$('.info_size_pop .tab_cont_wrap .tab_cont').eq($(this).index()).show();
+			return false;
+		});
+
+		//팝업 - 사이즈정보 > 서브탭
+		$(document).on('click','.info_size_pop .sub_tab_nav ul li',function(e){
+			$(this).addClass('active').siblings().removeClass('active');
+			$(this).parents('.tab_cont').find('.sub_tab_cont').hide();
+			$(this).parents('.tab_cont').find('.sub_tab_cont').eq($(this).index()).show();
+			return false;
+		});
+	
+	});
+	/*]]>*/
+</script>
+</html>

BIN
src/main/webapp/images/pc/ico_timer2.png


+ 158 - 11
src/main/webapp/ux/style24_link.js

@@ -20,15 +20,19 @@ const _PAGE_CUSTOMER_DORMANT = _frontUrl + "/customer/dormant/certify/form";
 const _PAGE_CUSTOMER_DORMANT_COMPLETE = _frontUrl + "/customer/dormant/certify/complete/form";		// 고객 > 휴면회원 > 완료페이지
 
 //== 상품상세 ==/
-const _PAGE_GOODS_DETAIL = _frontUrl + "/goods/detail/form?goodsCd=";						// 상품 상세
-//const _PAGE_GOODS_DETAIL = _frontUrl + "/goods/detail/coupon/layer?goodsCd=";				// 쿠폰레이어
-const _PAGE_SHOPPING_BENEFIT = _frontUrl + "/goods/shopping/benefit/layer";					// 쇼핑혜택레이어
-const _PAGE_CARD_PRMT_LAYER = _frontUrl + "/goods/card/prmt/layer";							// 카드혜택레이어
-const _PAGE_GOODS_SIZEINFO_LAYER = _frontUrl + "/goods/sizeInfo/layer?goodsCd=";			// 사이즈정보레이어
-const _PAGE_GOODS_QNA_LAYER = _frontUrl + "/goods/qna/layer/";								// 상품문의레이어
-const _PAGE_GOODS_QNA_CREATE_LAYER = _frontUrl + "/goods/qna/create/layer/";				// 상품문의레이어
-const _PAGE_GOODS_DELIVERY_LAYER = _frontUrl + "/goods/delivery/layer/";			// 배송/교환/반품 레이어
-const _PAGE_GOODS_REVIEW_LAYER = _frontUrl + "/goods/review/layer?goodsCd=";				// 상품평 레이어
+const _PAGE_GOODS_DETAIL = _frontUrl + "/goods/detail/form?goodsCd=";								// 상품 상세
+const _PAGE_GOODS_COUPON_LAYER = _frontUrl + "/goods/coupon/layer/";								// 쿠폰레이어
+const _PAGE_GOODS_SHOP_BENEFIT_LAYER = _frontUrl + "/goods/shop/benefit/layer/";					// 쇼핑혜택레이어
+const _PAGE_CARD_PRMT_LAYER = _frontUrl + "/goods/card/prmt/layer/";								// 카드혜택레이어
+const _PAGE_GOODS_SIZEINFO_LAYER = _frontUrl + "/goods/sizeInfo/layer/";							// 사이즈정보레이어
+const _PAGE_GOODS_INSTOCK_ALARM_LAYER = _frontUrl + "/goods/instock/alarm/layer/";					// 재입고알림레이어
+const _PAGE_GOODS_QNA_LAYER = _frontUrl + "/goods/qna/layer/";										// 상품문의레이어
+const _PAGE_GOODS_QNA_CREATE_LAYER = _frontUrl + "/goods/qna/create/layer/";						// 상품문의레이어
+const _PAGE_GOODS_DELIVERY_LAYER = _frontUrl + "/goods/delivery/layer/";							// 배송/교환/반품 레이어
+const _PAGE_GOODS_REVIEW_LAYER = _frontUrl + "/goods/review/layer/";								// 상품평 레이어
+const _PAGE_GOODS_REVIEW_BEST_LAYER = _frontUrl + "/goods/review/best/layer/";						// 상품평- 베스트 리뷰 (list)
+const _PAGE_GOODS_REVIEW_PHOTO_LAYER = _frontUrl + "/goods/review/photo/layer/";					// 상품평- 포토/영상 리뷰 (list)
+const _PAGE_GOODS_REVIEW_PHOTO_DETAIL_LAYER = _frontUrl + "/goods/review/photo/detail/layer/";		// 상품평- 포토/영상 리뷰 (detail)
 
 //== 장바구니 ==/
 
@@ -393,6 +397,131 @@ function cfCardInfo() {
 	cfOpenLayer(_PAGE_CARD_PRMT_LAYER, 'layer_card_benefit');
 }
 
+/**
+* @type   : function
+* @access : public
+* @desc   : 상품쿠폰목록보기
+* <pre>
+*		cfGoodsCouponInfo(goodsCd);
+* </pre>
+*/
+function cfGoodsCouponInfo(goodsCd) {
+	var str = '<div class="modal fade pd_pop salecoupon_pop" id="layer_goods_coupon" tabindex="-1" role="dialog" aria-labelledby="saleCouponLabel" aria-hidden="true">';
+
+	if ($('#layer_goods_coupon').length == 0) {
+		$('body').append(str);
+	}
+
+	cfOpenLayer(_PAGE_GOODS_COUPON_LAYER+goodsCd, 'layer_goods_coupon');
+}
+
+/**
+* @type   : function
+* @access : public
+* @desc   : 상품쇼핑혜택목록보기
+* <pre>
+*		cfGoodsShopBenefitInfo(goodsCd);
+* </pre>
+*/
+function cfGoodsShopBenefitInfo(goodsCd) {
+	var str = '<div class="modal fade pd_pop bnf_shopping_pop" id="layer_shopping_benefit" tabindex="-1" role="dialog" aria-labelledby="bnfShoppingLabel" aria-hidden="true">';
+
+	if ($('#layer_shopping_benefit').length == 0) {
+		$('body').append(str);
+	}
+
+	cfOpenLayer(_PAGE_GOODS_SHOP_BENEFIT_LAYER+goodsCd, 'layer_shopping_benefit');
+}
+
+/**
+* @type   : function
+* @access : public
+* @desc   : 상품사이즈정보보기
+* <pre>
+*		cfGoodsSizeInfo(goodsCd);
+* </pre>
+*/
+function cfGoodsSizeInfo(goodsCd) {
+	var str = '<div class="modal fade pd_pop info_size_pop" id="layer_size_info" tabindex="-1" role="dialog" aria-labelledby="infoSizeLabel" aria-hidden="true">';
+
+	if ($('#layer_size_info').length == 0) {
+		$('body').append(str);
+	}
+
+	cfOpenLayer(_PAGE_GOODS_SIZEINFO_LAYER+goodsCd, 'layer_size_info');
+}
+
+/**
+* @type   : function
+* @access : public
+* @desc   : 상품재입고알림보기
+* <pre>
+*		cfGoodsInstockAlarmInfo(goodsCd);
+* </pre>
+*/
+function cfGoodsInstockAlarmInfo(goodsCd) {
+	var str = '<div class="modal fade pd_pop push_restock_pop" id="layer_instock_alarm" tabindex="-1" role="dialog" aria-labelledby="pushRestockLabel" aria-hidden="true">';
+
+	if ($('#layer_instock_alarm').length == 0) {
+		$('body').append(str);
+	}
+
+	cfOpenLayer(_PAGE_GOODS_INSTOCK_ALARM_LAYER+goodsCd, 'layer_instock_alarm');
+}
+
+/**
+* @type   : function
+* @access : public
+* @desc   : 상품평- 베스트 리뷰 보기
+* <pre>
+*		cfGoodsBestReviewInfo(goodsCd);
+* </pre>
+*/
+function cfGoodsBestReview(goodsCd) {
+	var str = '<div class="modal fade pd_pop pd_bestreviewdetail_pop" id="layer_review_best" tabindex="-1" role="dialog" aria-labelledby="pdBestReviewLabel" aria-hidden="true">';
+
+	if ($('#layer_review_best').length == 0) {
+		$('body').append(str);
+	}
+
+	cfOpenLayer(_PAGE_GOODS_REVIEW_BEST_LAYER+goodsCd, '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">';
+
+	if ($('#layer_review_photo').length == 0) {
+		$('body').append(str);
+	}
+
+	cfOpenLayer(_PAGE_GOODS_REVIEW_PHOTO_LAYER+goodsCd, 'layer_review_photo');
+}
+
+/**
+* @type   : function
+* @access : public
+* @desc   : 상품평- 포토/영상 리뷰 상세 보기
+* <pre>
+*		cfGoodsPhotoReviewDetail(goodsCd);
+* </pre>
+*/
+function cfGoodsReviewPhotoDetail(goodsCd) {
+	var str = '<div class="modal fade pd_pop pd_photoreviewdetail_pop" id="layer_review_photo_detail" tabindex="-1" role="dialog" aria-labelledby="pdPhotoReviewDetailLabel" aria-hidden="true">';
+
+	if ($('#layer_review_photo_detail').length == 0) {
+		$('body').append(str);
+	}
+
+	cfOpenLayer(_PAGE_GOODS_REVIEW_PHOTO_DETAIL_LAYER+goodsCd, 'layer_review_photo_detail');
+}
 
 /**
  * @type   : function
@@ -480,13 +609,12 @@ function cfGoodsQngCreate(goodsCd) {
 	cfOpenLayer(_PAGE_GOODS_QNA_CREATE_LAYER + goodsCd, 'layer_goods_qna_reg');
 }
 
-
 /**
 * @type   : function
 * @access : public
 * @desc   : 상품문의 full 팝업
 * <pre>
-*		cfGoodsQngReg();
+*		cfGoodsDelivery();
 * </pre>
 */
 function cfGoodsDelivery(goodsCd) {
@@ -500,6 +628,25 @@ function cfGoodsDelivery(goodsCd) {
 	cfOpenFullLayer(_PAGE_GOODS_DELIVERY_LAYER + goodsCd, 'layer_goods_delivery');
 }
 
+/**
+* @type   : function
+* @access : public
+* @desc   : 상품 상품평 full 팝업
+* <pre>
+*		cfGoodsReview();
+* </pre>
+*/
+function cfGoodsReview(goodsCd) {
+	var Param = new Object();
+	var str = '<div class="pd_pop full_pop pd_review_pop" id="layer_goods_review">';
+
+	if ($('#layer_goods_review').length == 0) {
+		$('body').append(str);
+	}
+
+	cfOpenFullLayer(_PAGE_GOODS_REVIEW_LAYER + goodsCd, 'layer_goods_review');
+}
+
 /**
  * @type   : function
  * @access : public

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.