Merge branch 'develop' of http://112.172.147.34:4936/style24/style24.front.git into develop

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

@@ -625,11 +625,18 @@ public class TsfGoodsController extends TsfBaseController {
 		Goods paramsGoods = new Goods();
 		paramsGoods.setGoodsCd(goodsCd);
 		setGoods(paramsGoods);
-		Goods goods = goodsService.getGoodsInfo(paramsGoods);
-
-		// 상품 기본정보
-		mav.addObject("goodsInfo", goods);
+//		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+//
+//		// 상품 기본정보
+//		mav.addObject("goodsInfo", goods);
+		
+		Review review = new Review();
+		review.setGoodsCd(paramsGoods.getGoodsCd());
+		review.setBestYn("Y");
+		mav.addObject("reviewList", reviewService.getReviewList(review));
 
+		mav.addObject("params", paramsGoods);
+		
 		mav.setViewName(super.getDeviceViewName("goods/GoodsReviewBestForm"));
 		return mav;
 	}

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

@@ -49,6 +49,14 @@ public class Review extends TscBaseDomain {
 	private String admRplDt;		// 관리자댓글등록일시
 	
 	private String custId;			// 고객ID
+	private String sysImgNm;		// 상품대표이미지
+	private String sizeGb;			// 사이즈구분(T:상의, B:하의, S:신발)
+	private String scoreSizeNm;		// 사이즈점수(공통코드G040)
+	private String scoreColorNm;	// 컬러점수(공통코드G039)
+	private String scoreFitNm;		// 핏점수(공통코드G042)
+	private String scoreThickNm;	// 두께감점수(공통코드G079)
+	private String scoreWeightNm;	// 무게감점수(공통코드G080)
+	private String scoreBallNm;		// 볼넓이점수(공통코드G041)
 	private int rownum;
 	
 	// Masking

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

@@ -31,11 +31,17 @@
 		     , R.HEIGHT
 		     , R.WEIGHT
 		     , R.SCORE_SIZE
+		     , FN_GET_CODE_NM('G040',R.SCORE_SIZE) AS SCORE_SIZE_NM
 		     , R.SCORE_COLOR
+		     , FN_GET_CODE_NM('G039',R.SCORE_COLOR) AS SCORE_COLOR_NM
 		     , R.SCORE_FIT
+		     , FN_GET_CODE_NM('G042',R.SCORE_FIT) AS SCORE_FIT_NM
 		     , R.SCORE_THICK
+		     , FN_GET_CODE_NM('G079',R.SCORE_THICK) AS SCORE_THICK_NM
 		     , R.SCORE_WEIGHT
+		     , FN_GET_CODE_NM('G080',R.SCORE_WEIGHT) AS SCORE_WEIGHT_NM
 		     , R.SCORE_BALL
+		     , FN_GET_CODE_NM('G041',R.SCORE_BALL) AS SCORE_BALL_NM
 		     , R.GIVE_DUE_PNT
 		     , R.PNT_GIVE_STAT
 		     , R.BEST_YN
@@ -50,10 +56,13 @@
 		     , DATE_FORMAT(R.REG_DT,'%Y.%m.%d') AS REG_DT
 		     , R.ADM_RPL
 		     , R.ADM_RPL_REG_NO
-		     , R.ADM_RPL_DT
+		     , DATE_FORMAT(R.ADM_RPL_DT,'%Y.%m.%d') AS ADM_RPL_DT
 		     , C.CUST_ID 
+		     , (SELECT MAX(SYS_IMG_NM) FROM TB_GOODS_IMG WHERE GOODS_CD = G.GOODS_CD AND COLOR_CD = IFNULL(G.MAIN_COLOR_CD,'XX') AND DEFAULT_IMG_YN = 'Y') AS SYS_IMG_NM
+		     , (SELECT TI.SIZE_GB FROM TB_ITEMKIND TI WHERE TI.ITEMKIND_CD = G.ITEMKIND_CD) AS SIZE_GB
 		     , RANK() OVER(ORDER BY R.REVIEW_SQ DESC) AS NUMB
 		FROM TB_REVIEW R 
+		INNER JOIN TB_GOODS G ON R.GOODS_CD = G.GOODS_CD
 		INNER JOIN TB_ORDER_DETAIL OD ON R.ORD_NO = OD.ORD_NO 
 		                               AND R.ORD_DTL_NO  = OD.ORD_DTL_NO 
 		INNER JOIN TB_CUSTOMER C ON R.REG_NO  = C.CUST_NO

src/main/webapp/WEB-INF/views/web/goods/GoodsDetailFormWeb.html

@@ -20,7 +20,7 @@
 <th:block layout:fragment="content">
 <link rel="stylesheet" type="text/css" href="/ux/pc/css/swiper.min.css" />
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
-<div id="container" class="container pd" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}">
+<div id="container" class="container pd" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}, imgUrl=${@environment.getProperty('upload.image.view')}">
 	<th:block th:include="~{web/goods/GoodsIncludeFormWeb :: goodsNaviForm}"></th:block>
 	
 	<div class="wrap">
@@ -314,8 +314,10 @@
 										<div class="best_review" th:if="${bestReviewList != null and !bestReviewList.empty}">
 											<th:block th:each="bestReview, status : ${bestReviewList}" th:if="${status.first}">
 											<a href="javascript:void(0);" id="btn_pdBestReview_pop"  th:onclick="cfGoodsBestReview([[${goodsInfo.goodsCd}]])" >
-												<div class="pic">
-													<span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+												<div class="pic" th:if="${bestReview.reviewAttachList != null and !bestReview.reviewAttachList.empty}">
+													<th:block th:each="reviewAttach, attachStatus : ${bestReview.reviewAttachList}" th:if="${attachStatus.first}">
+													<span class="thumb" th:classAppend="${(reviewAttach.fileGb == 'M') ? 'mov' :''}" th:style="${'background-image:url('+imgUrl+ reviewAttach.sysFileNm+');'}"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+													</th:block>
 												</div>
 												<div class="star_score" th:with="starScore=${#numbers.formatDecimal((bestReview.score/5)*100, 0,0)}">
 													<span class="star">
@@ -324,9 +326,7 @@
 													<em class="ico ico_besttag"></em>
 												</div>
 												<div class="txt_best_review">
-													<p th:text="${bestReview.reviewContent}">
-														옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
-													</p>
+													<p th:text="${bestReview.reviewContent}">옷</p>
 												</div>
 											</a>
 											</th:block>

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

@@ -14,688 +14,149 @@
  * 1.0  2021.03.02   eskim		최초 작성
  *******************************************************************************
  -->
-<div class="modal-dialog" role="document">
+<div class="modal-dialog" role="document" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, imgUrl=${@environment.getProperty('upload.image.view')}">
 	<div class="modal-content">
 		<div class="modal-header">
-		    <h5 class="modal-title" id="pdBestReviewLabel">베스트 리뷰</h5>
+			<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>
-		                                        1111슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
-		                                    </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 class="thumblist">
-		                            <ul>
-		                                <li>
-		                                    <div class="pic active"><!-- 활성화시 active 클래스 추가 -->
-		                                        <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>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                            </ul>
-		                        </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>
-		                                        222222슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
-		                                    </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 class="thumblist">
-		                            <ul>
-		                                <li>
-		                                    <div class="pic active"><!-- 활성화시 active 클래스 추가 -->
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                            </ul>
-		                        </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>
-		                                        333333333슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
-		                                    </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 class="thumblist">
-		                            <ul>
-		                                <li>
-		                                    <div class="pic active"><!-- 활성화시 active 클래스 추가 -->
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                                <li>
-		                                    <div class="pic">
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                            </ul>
-		                        </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>
-		                                        444444444슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
-		                                    </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 class="thumblist">
-		                            <ul>
-		                                <li>
-		                                    <div class="pic active"><!-- 활성화시 active 클래스 추가 -->
-		                                        <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
-		                                    </div>
-		                                </li>
-		                            </ul>
-		                        </div>
-		                        <!-- //첨부이미지 썸네일 리스트 -->                      
-		                    </div>
-		                    <!-- //리뷰내용 -->
-		                </div>
-		                <div class="swiper-slide">
-		                    <!-- 리뷰내용 -->
-		                    <div class="review empty_photo"><!-- 첨부이미지 없을 시 empty_photo 클래스 추가 -->
-		                        <div class="pic">
-		                            <span class="thumb">
-		                                <img src="/images/pc/thumb/tmp_pdDetail1.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>
-		                                        5555555555슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
-		                                    </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 empty_photo"><!-- 첨부이미지 없을 시 empty_photo 클래스 추가 -->
-		                        <div class="pic">
-		                            <span class="thumb">
-		                                <img src="/images/pc/thumb/tmp_pdDetail1.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>
-		                                        666666666슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
-		                                    </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>
+		<div class="modal-body" th:if="${reviewList != null and !reviewList.empty}">
+			<div class="pop_cont">
+				<div class="swiper-container detail">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide"  th:each="review, status : ${reviewList}" >
+							<!-- 리뷰내용 -->
+							<div class="review" th:classAppend="${(review.reviewAttachList == null or review.reviewAttachList.empty) ? 'empty_photo' :''}" >  <!-- 첨부이미지 없을 시 empty_photo 클래스 추가 --> 
+								<div class="pic">
+									<th:block th:if="${review.reviewAttachList != null and !review.reviewAttachList.empty}" >
+										<th:block th:each="reviewAttach, attachStatus : ${review.reviewAttachList}" th:if="${attachStatus.first}">
+									<span class="thumb" th:classAppend="${(reviewAttach.fileGb == 'M') ? 'mov' :''}" ><!-- 동영상의 썸네일일 경우 mov 클래스 추가-->
+										<th:block th:if="${reviewAttach.fileGb == 'M'}">
+										<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>
+										</th:block>
+										<th:block th:unless="${reviewAttach.fileGb == 'M'}">
+										<img th:src="${imgUrl+'/'+reviewAttach.sysFileNm}" alt="">
+										</th:block>
+									</span>
+										</th:block>
+									</th:block>
+									<th:block th:unless="${review.reviewAttachList != null and !review.reviewAttachList.empty}">
+									<span class="thumb">
+										<img th:src="${imgGoodsUrl+'/'+review.sysImgNm}" alt="">
+									</span>
+									</th:block>
+								</div>
+								<div class="review_cont">
+									<div class="box_wrap">
+										<div class="star_box">
+											<div class="star_score" th:with="starScore=${#numbers.formatDecimal((review.score/5)*100, 0,0)}">
+												<span class="star">
+													<em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
+												</span>
+											</div>
+										</div>
+										<div class="response_box">
+											<div class="full" th:if="${review.goodsOptionList != null and !review.goodsOptionList.empty}">
+												<dl>
+													<div th:each="reviewGoods, goodsStatus : ${review.goodsOptionList}" >
+														<dt>구매옵션</dt>
+														<dd th:text="${reviewGoods.optCd1 +' / '+ reviewGoods.optCd2}">베이지 / 100</dd>
+													</div>
+												</dl>
+											</div>
+											<div class="full">
+												<dl>
+													<div>
+														<dt>키/몸무게</dt>
+														<dd><th:block th:if="${not #strings.isEmpty(review.height)}" th:text="|${review.height}cm|"></th:block> /
+															<th:block th:if="${not #strings.isEmpty(review.weight)}" th:text="|${review.weight}kg|"></th:block>
+														</dd>
+													</div>
+												</dl>
+											</div>
+											<div th:if="${not #strings.isEmpty(review.sizeGb)}">  <!-- 사이즈구분(T:상의, B:하의, S:신발) -->
+												<dl th:if="${review.sizeGb == 'T' or review.sizeGb == 'B'}"> 
+													<div>
+														<dt>사이즈</dt>
+														<dd th:text="${review.scoreSizeNm}">작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd th:text="${review.scoreColorNm}">밝음</dd>
+													</div>
+													<div>
+														<dt>핏</dt>
+														<dd th:text="${review.scoreFitNm}">레귤러</dd>
+													</div>
+													<div>
+														<dt>두께감</dt>
+														<dd th:text="${review.scoreThickNm}">적당함</dd>
+													</div>
+												</dl>
+												<dl th:unless="${review.sizeGb == 'T' or review.sizeGb == 'B'}"> 
+													<div>
+														<dt>사이즈</dt>
+														<dd th:text="${review.scoreSizeNm}">작음</dd>
+													</div>
+													<div>
+														<dt>컬러</dt>
+														<dd th:text="${review.scoreColorNm}">밝음</dd>
+													</div>
+													<div>
+														<dt>무게감</dt>
+														<dd th:text="${review.scoreWeightNm}">레귤러</dd>
+													</div>
+													<div>
+														<dt>볼너비</dt>
+														<dd th:text="${review.scoreBallNm}">적당함</dd>
+													</div>
+												</dl>
+											</div>
+										</div>
+										<div class="txt_review_box">
+											<p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.reviewContent))}">슬림</p>
+										</div>
+										<div class="writer_box">
+											<div class="writer">
+												<span class="wr_id" th:text="${review.maskingCustId}">ab2****</span>
+												<span class="wr_date" th:text="${review.regDt}">2020.07.15</span>
+											</div>
+										</div>
+										<div class="reply_box" th:if="${not #strings.isEmpty(review.admRpl)}">
+											<div class="reply">
+												<div class="reply_writer">
+													<span class="wr_name">관리자</span>
+													<span class="wr_date" th:text="${review.admRplDt}" >2020.07.15</span>
+												</div>
+												<div class="reply_txt">
+													<p th:utext="${#strings.unescapeJava(#strings.escapeJava(review.admRpl))}">
+														안녕하세요, 스타일24 관리자입니다.
+													</p>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+								<!-- 첨부이미지 썸네일 리스트 -->
+								<div class="thumblist" th:if="${review.reviewAttachList != null and !review.reviewAttachList.empty and #lists.size(review.reviewAttachList) >= 2}">
+									<ul>
+										<li th:each="reviewAttach, attachStatus : ${review.reviewAttachList}">
+											<div class="pic" th:classAppend="${(attachStatus.first) ? 'active' :''}" >><!-- 활성화시 active 클래스 추가 -->
+												<span class="thumb" th:classAppend="${(reviewAttach.fileGb == 'M') ? 'mov' :''}"  th:style="${'background-image:url('+imgUrl+ reviewAttach.sysFileNm+');'}" ></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
+											</div>
+										</li>
+									</ul>
+								</div>
+								<!-- //첨부이미지 썸네일 리스트 -->
+							</div>
+							<!-- //리뷰내용 -->
+						</div>
+					</div>
+				</div>
+				<div class="swiper-button-next"></div>
+				<div class="swiper-button-prev"></div>
+			</div>
 		</div>
 	</div>
 </div>
@@ -705,48 +166,48 @@
 	
 	 $(document).ready( function() {
 
-        //슬라이드 - 상품 베스트 리뷰 자세히보기 영역 
-        var bestReviewDetailSwiper = new Swiper('.pd_bestreviewdetail_pop .swiper-container.detail', {
-            observer: true,
-            observeParents: true,        
-            effect :'fade',
-            slidesPerView: 1,
-            spaceBetween: 0,
-            simulateTouch:false,
-            navigation: {
-                nextEl: '.pd_bestreviewdetail_pop .swiper-button-next',
-                prevEl: '.pd_bestreviewdetail_pop .swiper-button-prev',
-            }
-        });
+		//슬라이드 - 상품 베스트 리뷰 자세히보기 영역 
+		var bestReviewDetailSwiper = new Swiper('.pd_bestreviewdetail_pop .swiper-container.detail', {
+			observer: true,
+			observeParents: true,		
+			effect :'fade',
+			slidesPerView: 1,
+			spaceBetween: 0,
+			simulateTouch:false,
+			navigation: {
+				nextEl: '.pd_bestreviewdetail_pop .swiper-button-next',
+				prevEl: '.pd_bestreviewdetail_pop .swiper-button-prev',
+			}
+		});
 
-       /* $('.pd_bestreviewdetail_pop .swiper-slide').each(function(index, element){
-           var $this = $(this);
-           debugger;
-           var thumbCount = $this.find('.thumblist ul li').length;
-           var thumbUlWidth = $this.find('.thumblist ul li').width() * thumbCount;
-           var thumbMargin = 8 * thumbCount;
-           var thumbListWidth = thumbUlWidth + thumbMargin;
+	   /* $('.pd_bestreviewdetail_pop .swiper-slide').each(function(index, element){
+		   var $this = $(this);
+		   debugger;
+		   var thumbCount = $this.find('.thumblist ul li').length;
+		   var thumbUlWidth = $this.find('.thumblist ul li').width() * thumbCount;
+		   var thumbMargin = 8 * thumbCount;
+		   var thumbListWidth = thumbUlWidth + thumbMargin;
 
-           $this.find('.thumblist ul').attr('style', 'width:' + thumbListWidth + 'px;');
-           
-       }); */
+		   $this.find('.thumblist ul').attr('style', 'width:' + thumbListWidth + 'px;');
+		   
+	   }); */
 
-        $(document).on('click','.pd_bestreviewdetail_pop .thumblist ul li',function(e){
+		$(document).on('click','.pd_bestreviewdetail_pop .thumblist ul li',function(e){
 
-            $(this).parents(".swiper-slide").find(".review > .pic > .thumb").empty();
-            $(this).parents(".swiper-slide").find(".thumblist ul li .pic").removeClass('active');
-            $(this).find(".pic").addClass('active');
+			$(this).parents(".swiper-slide").find(".review > .pic > .thumb").empty();
+			$(this).parents(".swiper-slide").find(".thumblist ul li .pic").removeClass('active');
+			$(this).find(".pic").addClass('active');
 
-            var thumbIndex = $(this).index();
-            var thumbImg = $(this).find('.pic .thumb').attr('style');
-            var thumbImgSrc = thumbImg.split("background-image:url(")[1];
-            thumbImgHtml = "<img src="+ thumbImgSrc +" alt=''>";
-            $(this).parents(".swiper-slide").find(".review > .pic > .thumb").append(thumbImgHtml);
-            
-            return false;
-        });
+			var thumbIndex = $(this).index();
+			var thumbImg = $(this).find('.pic .thumb').attr('style');
+			var thumbImgSrc = thumbImg.split("background-image:url(")[1];
+			thumbImgHtml = "<img src="+ thumbImgSrc +" alt=''>";
+			$(this).parents(".swiper-slide").find(".review > .pic > .thumb").append(thumbImgHtml);
+			
+			return false;
+		});
 
-    });        
+	});		
 
 	
 /*]]>*/