Просмотр исходного кода

상품상세 - 베스트리뷰 작업중

eskim 5 лет назад
Родитель
Сommit
1ee7bae0d9

+ 34 - 0
src/main/java/com/style24/front/biz/dao/TsfReviewDao.java

@@ -1,6 +1,11 @@
 package com.style24.front.biz.dao;
 
+import java.util.Collection;
+
 import com.style24.core.support.annotation.ShopDs;
+import com.style24.persistence.domain.Goods;
+import com.style24.persistence.domain.Review;
+import com.style24.persistence.domain.ReviewAttach;
 
 /**
  * 상품평 Dao
@@ -11,4 +16,33 @@ import com.style24.core.support.annotation.ShopDs;
 @ShopDs
 public interface TsfReviewDao {
 
+	/**
+	 * 상품 리뷰 목록
+	 * @param review
+	 * @return 
+	 * @author eskim
+	 * @since 2021. 3. 15
+	 */
+	Collection<Review> getReviewList(Review review);
+	
+	/**
+	 * 상품평 첨부파일 목록
+	 * @param review
+	 * @return 
+	 * @author eskim
+	 * @since 2021. 3. 15
+	 */
+	Collection<ReviewAttach> getReviewAttachList(Review review);
+	
+	/**
+	 * 상품평 상품 옵션 목록
+	 * @param review
+	 * @return 
+	 * @author eskim
+	 * @since 2021. 3. 15
+	 */
+	Collection<Goods> getReviewGoodsOptionList(Review review);
+	
+	
+
 }

+ 24 - 0
src/main/java/com/style24/front/biz/service/TsfReviewService.java

@@ -1,9 +1,12 @@
 package com.style24.front.biz.service;
 
+import java.util.Collection;
+
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 
 import com.style24.front.biz.dao.TsfReviewDao;
+import com.style24.persistence.domain.Review;
 
 import lombok.extern.slf4j.Slf4j;
 
@@ -20,4 +23,25 @@ public class TsfReviewService {
 	@Autowired
 	private TsfReviewDao reviewDao;
 
+	/**
+	 * 상품 리뷰 목록
+	 * @param review
+	 * @return 
+	 * @author eskim
+	 * @since 2021. 3. 15
+	 */
+	public Collection<Review> getReviewList(Review review) {
+		Collection<Review> reviewList = reviewDao.getReviewList(review);
+		
+		// 첨부파일
+		for(Review loopReview : reviewList) {
+			loopReview.setReviewAttachList(reviewDao.getReviewAttachList(loopReview));
+			loopReview.setGoodsOptionList(reviewDao.getReviewGoodsOptionList(loopReview));
+		}
+		log.info("getReviewList {}", reviewList);
+		
+		return reviewList;
+	}
+	
+	
 }

+ 13 - 3
src/main/java/com/style24/front/biz/web/TsfGoodsController.java

@@ -22,6 +22,7 @@ import com.style24.core.support.message.TscMessageByLocale;
 import com.style24.front.biz.service.TsfCounselService;
 import com.style24.front.biz.service.TsfCouponService;
 import com.style24.front.biz.service.TsfGoodsService;
+import com.style24.front.biz.service.TsfReviewService;
 import com.style24.front.support.controller.TsfBaseController;
 import com.style24.front.support.env.TsfConstants;
 import com.style24.front.support.security.session.TsfSession;
@@ -33,6 +34,7 @@ import com.style24.persistence.domain.GoodsStock;
 import com.style24.persistence.domain.Lookbook;
 import com.style24.persistence.domain.Measurement;
 import com.style24.persistence.domain.ReinboundInform;
+import com.style24.persistence.domain.Review;
 import com.style24.persistence.domain.SizeInfo;
 
 import lombok.extern.slf4j.Slf4j;
@@ -70,6 +72,9 @@ public class TsfGoodsController extends TsfBaseController {
 
 	@Autowired
 	private TsfCouponService couponService;
+	
+	@Autowired
+	private TsfReviewService reviewService;
 
 	@Value("${has-ssl}")
 	private String hasSsl;
@@ -185,11 +190,16 @@ public class TsfGoodsController extends TsfBaseController {
 //
 //		// 상품포인트사용방법
 //		mav.addObject("goodsPointMothod", envsetService.getPointMothod(TscConstants.Site.STYLE24.value())); // A:정액, R:정율
-//		// 상품포인트절사단위
-//		mav.addObject("goodsPointUnit", paramsGoods.getPointUnit()); // 10:원단위절사(int)
 //		// 상품평노출여부 - 미사용
 //		//mav.addObject("reviewDisplayYn", envsetService.getReviewDisplayYn(TsfConstants.SITE_CD));
-//
+
+		// 베스트 상품평
+		Review review = new Review();
+		review.setGoodsCd(goods.getGoodsCd());
+		review.setBestYn("Y");
+		review.setRownum(1);
+		mav.addObject("bestReviewList", reviewService.getReviewList(review));
+		
 		// 카드 혜택안내
 		CardPromotion cardPromotion = new CardPromotion();
 		cardPromotion.setRownum(1); // 혜택유형별로 1건씩

+ 4 - 0
src/main/java/com/style24/persistence/domain/Goods.java

@@ -115,6 +115,8 @@ public class Goods extends TscBaseDomain {
 	private String planDtlSq;	//기획전상세번호
 	private String quikDelvYn;	//총알배송여부
 	private String delvFeeCrite;	//배송비부과기준(공통코드G078)
+	private int reviewRegCnt;	//상품평등록건수
+	private float score;		//상품 구매평점
 
 	private int floorUnit; // 절사단위(1:일원단위절사, 10:십원단위절사, 100:백원단위절사)
 	private Integer cpnId;			// 쿠폰ID
@@ -123,7 +125,9 @@ public class Goods extends TscBaseDomain {
 	private String compsGoodsCd;	// 세트 구성품 상품번호
 	private String optCd;			// 옵션코드
 	private String optCd1;			// 옵션코드1
+	private String optCd2;			// 옵션코드2
 	private int qty;				// 세트 상품 구성 수량
+	private String itemCd;			// 단품코드
 
 	private String mobileYn;
 	private String delvResDt;		// 예약판매 출고예정일

+ 63 - 0
src/main/java/com/style24/persistence/domain/Review.java

@@ -0,0 +1,63 @@
+package com.style24.persistence.domain;
+
+import java.util.Collection;
+
+import com.style24.core.support.util.MaskingUtils;
+import com.style24.persistence.TscBaseDomain;
+
+import lombok.Data;
+
+/**
+ * 상품평 Domain
+ *
+ * @author eskim
+ * @since 2021. 03. 15
+ */
+@SuppressWarnings("serial")
+@Data
+public class Review extends TscBaseDomain {
+
+	private Integer reviewSq;		// 상품평일련번호
+	private String goodsCd;			// 상품코드
+	private String reviewGb;		// 상품평구분(R:일반상품평, P:프리미엄상품평)
+	private Integer custNo;			// 고객번호
+	private Integer ordNo;			// 주문번호
+	private Integer ordDtlNo;		// 주문상세번호
+	private String reviewTitle;		// 상품평제목
+	private String reviewContent;	// 상품평내용
+	private float score;			// 구매평점
+	private int height;				// 키
+	private int weight;				// 몸무게
+	private String scoreSize;		// 사이즈점수(공통코드G040)
+	private String scoreColor;		// 컬러점수(공통코드G039)
+	private String scoreFit;		// 핏점수(공통코드G042)
+	private String scoreThick;		// 두께감점수(공통코드G079)
+	private String scoreWeight;		// 무게감점수(공통코드G080)
+	private String scoreBall;		// 볼넓이점수(공통코드G041)
+	private int giveDuePnt;			// 지급예정포인트
+	private String pntGiveStat;		// 포인트지급상태(공통코드G043)
+	private String bestYn;			// 베스트여부
+	private int giveDueBpnt;		// 베스트지급예정포인트
+	private String bpntGiveYn;		// 베스트포인트지급여부
+	private String dispYn;			// 표시여부
+	private String delYn;			// 삭제여부a
+	private String confirmYn;		// 확인여부
+	private int confirmUno;			// 확인자번호
+	private String confirmDt;		// 확인일시
+	private String admRpl;			// 관리자댓글
+	private int admRplRegNo;		// 댓글등록자번호
+	private String admRplDt;		// 관리자댓글등록일시
+	
+	private String custId;			// 고객ID
+	private int rownum;
+	
+	// Masking
+	public String getMaskingCustId() {
+		return (this.custId != null) ?  MaskingUtils.id(this.custId) : this.custId;
+	}
+	
+	Collection<ReviewAttach> reviewAttachList;	//상품평 첨부파일목록
+	
+	Collection<Goods> goodsOptionList;			//상품평 상품 옵션목록
+	
+}

+ 24 - 0
src/main/java/com/style24/persistence/domain/ReviewAttach.java

@@ -0,0 +1,24 @@
+package com.style24.persistence.domain;
+
+import com.style24.persistence.TscBaseDomain;
+
+import lombok.Data;
+
+/**
+ * 상품평 Domain
+ *
+ * @author eskim
+ * @since 2021. 03. 15
+ */
+@SuppressWarnings("serial")
+@Data
+public class ReviewAttach extends TscBaseDomain {
+
+	private Integer rvAtcSq; 	//상품평첨부파일일련번호
+	private Integer reviewSq; 	//상품평일련번호
+	private String fileGb;		//첨부파일종류(M:동영상,I:이미지)
+	private String orgFileNm;	//원본파일명
+	private String sysFileNm;	//시스템파일명
+	private String delYn;		//삭제여부
+	
+}

+ 1 - 1
src/main/java/com/style24/persistence/mybatis/shop/TsfCoupon.xml

@@ -248,7 +248,7 @@
 		                AND    CP.SITE_CD = #{siteCd}
 		                AND    CP.CPN_STAT = 'G232_11'   -- 쿠폰인 진행중인 쿠폰만
 		                <![CDATA[
-		                AND    NOW() <= IF (CP.PD_GB = 'D', CONCAT(CURRENT_DATE + INTERVAL Cp.AVAIL_DAYS DAY, ' 23:59:59'), CP.AVAIL_EDDT)
+		                AND    NOW() <= IF (CP.PD_GB = 'D', CONCAT(CURRENT_DATE + INTERVAL CP.AVAIL_DAYS DAY, ' 23:59:59'), CP.AVAIL_EDDT)
 		                ]]>
 		                AND    NOW() BETWEEN CP.DOWN_STDT AND CP.DOWN_EDDT
 		                AND    CP.DOWN_ABL_YN = 'Y'                            -- 다운 가능 쿠폰 

+ 3 - 0
src/main/java/com/style24/persistence/mybatis/shop/TsfGoods.xml

@@ -151,7 +151,10 @@
 		                  GROUP BY GOODS_CD )
 		            END) AS STOCK_QTY
 		     , (CASE WHEN G.SELF_GOODS_YN ='Y' AND IFNULL(DS.GOODS_CD, 'Y') THEN 'Y' ELSE 'N' END ) AS QUIK_DELV_YN
+		     , GS.REVIEW_REG_CNT
+		     , GS.SCORE
 		FROM TB_GOODS G
+		INNER JOIN TB_GOODS_SUMMARY GS ON G.GOODS_CD = GS.GOODS_CD
 		INNER JOIN TB_BRAND B ON G.BRAND_CD = B.BRAND_CD
 		                      AND B.USE_YN = 'Y'
 		INNER JOIN TB_BRAND_GROUP D ON B.BRAND_GROUP_NO = D.BRAND_GROUP_NO

+ 89 - 0
src/main/java/com/style24/persistence/mybatis/shop/TsfReview.xml

@@ -14,6 +14,95 @@
 		WHERE  NUMB BETWEEN #{pageable.startRow} AND #{pageable.endRow}
 	</sql>
 	
+	<!-- 상품 리뷰 목록 -->
+	<select id="getReviewList" parameterType="Review" resultType="Review">
+		/* TsfReivew.getReviewList */
+		SELECT *
+		FROM (
+		SELECT R.REVIEW_SQ
+		     , R.GOODS_CD
+		     , R.REVIEW_GB
+		     , R.CUST_NO
+		     , R.ORD_NO
+		     , R.ORD_DTL_NO
+		     , R.REVIEW_TITLE
+		     , R.REVIEW_CONTENT
+		     , R.SCORE
+		     , R.HEIGHT
+		     , R.WEIGHT
+		     , R.SCORE_SIZE
+		     , R.SCORE_COLOR
+		     , R.SCORE_FIT
+		     , R.SCORE_THICK
+		     , R.SCORE_WEIGHT
+		     , R.SCORE_BALL
+		     , R.GIVE_DUE_PNT
+		     , R.PNT_GIVE_STAT
+		     , R.BEST_YN
+		     , R.GIVE_DUE_BPNT
+		     , R.BPNT_GIVE_YN
+		     , R.DISP_YN
+		     , R.DEL_YN
+		     , R.CONFIRM_YN
+		     , R.CONFIRM_UNO
+		     , R.CONFIRM_DT
+		     , R.REG_NO
+		     , DATE_FORMAT(R.REG_DT,'%Y.%m.%d') AS REG_DT
+		     , R.ADM_RPL
+		     , R.ADM_RPL_REG_NO
+		     , R.ADM_RPL_DT
+		     , C.CUST_ID 
+		     , RANK() OVER(ORDER BY R.REVIEW_SQ DESC) AS NUMB
+		FROM TB_REVIEW R 
+		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
+		AND R.GOODS_CD = #{goodsCd}
+		<if test='bestYn != null and bestYn == "Y"'>
+		AND R.BEST_YN = 'Y'
+		</if>
+		AND R.DEL_YN = 'N'
+		)Z
+		<if test="rownum != null and rownum > 0 ">
+		WHERE NUMB = 1
+		</if>
+	</select>
+	
+	<!-- 상품평 첨부파일 목록 -->
+	<select id="getReviewAttachList" parameterType="Review" resultType="ReviewAttach">
+		/* TsfReivew.getReviewAttachList */
+		SELECT A.RV_ATC_SQ
+		     , A.REVIEW_SQ
+		     , A.FILE_GB
+		     , A.ORG_FILE_NM
+		     , A.SYS_FILE_NM
+		     , A.DEL_YN 
+		     , RANK() OVER(ORDER BY a.FILE_GB DESC) AS NUMB
+		FROM TB_REVIEW_ATTACH A 
+		WHERE A.DEL_YN = 'N'
+		AND A.REVIEW_SQ = #{reviewSq}
+	</select>
 	
+	<!-- 상품평 상품 옵션 목록 -->
+	<select id="getReviewGoodsOptionList" parameterType="Review" resultType="Goods">
+		/* TsfReivew.getReviewGoodsOptionList */
+		SELECT R.REVIEW_SQ
+		     , R.GOODS_CD
+		    -- , R.ORD_NO 
+		    -- , R.ORD_DTL_NO 
+		     , G.GOODS_NM 
+		     , ODI.ITEM_CD 
+		     , ODI.OPT_CD1 
+		     , ODI.OPT_CD2
+		FROM TB_REVIEW R 
+		INNER JOIN TB_ORDER_DETAIL OD ON R.ORD_NO = OD.ORD_NO 
+		                              AND R.ORD_DTL_NO  = OD.ORD_DTL_NO
+		                              AND R.GOODS_CD  = OD.GOODS_CD 
+		INNER JOIN TB_ORDER_DETAIL_ITEM ODI ON OD.ORD_NO = ODI.ORD_NO 
+		                                    AND OD.ORD_DTL_NO  = ODI.ORD_DTL_NO
+		INNER JOIN TB_GOODS G ON ODI.ITEM_CD = G.GOODS_CD
+		WHERE R.REVIEW_SQ = #{reviewSq} 
+		AND R.GOODS_CD = #{goodsCd}
+	</select>
 
 </mapper>

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

@@ -299,33 +299,37 @@
 									<li>
 										<div class="ex_review">
 											<a href="javascript:void(0);" id="btn_pdReview_pop" th:onclick="cfGoodsReview([[${goodsInfo.goodsCd}]])">	
-												<span class="tit">리뷰<em class="number">(9,999+)</em></span>
+												<span class="tit">리뷰<em class="number">(
+												<th:block  th:text="${(goodsInfo.reviewRegCnt <= 9999) ? #numbers.formatInteger(goodsInfo.reviewRegCnt, 0,'COMMA')  : '9,999+'}"></th:block>
+												)</em></span>
 												<div class="star_score">
-													<span class="star">
-														<em class="progbar" style="width:86%;"></em> <!-- 평점 style로 표기 -->
+													<span class="star" th:with="starScore=${#numbers.formatDecimal((goodsInfo.score/5)*100, 0,0)}">
+														<em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
 													</span>
-													<span class="score"><em>4.3</em>점</span>
+													<span class="score"><em th:text="${goodsInfo.score}">4.3</em>점</span>
 												</div>
 											</a>
 										</div>
 										<!-- 베스트 리뷰 등록시 노출 -->
-										<div class="best_review">
+										<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>
-												<div class="star_score">
+												<div class="star_score" th:with="starScore=${#numbers.formatDecimal((bestReview.score/5)*100, 0,0)}">
 													<span class="star">
-														<em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
+														<em class="progbar" th:style="${'width:'+starScore+'%;' }"></em> <!-- 평점 style로 표기 -->
 													</span>
 													<em class="ico ico_besttag"></em>
 												</div>
 												<div class="txt_best_review">
-													<p>
+													<p th:text="${bestReview.reviewContent}">
 														옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
 													</p>
 												</div>
 											</a>
+											</th:block>
 										</div>
 										<!-- //베스트 리뷰 등록시 노출 -->
 									</li>

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

@@ -17,978 +17,736 @@
 <div class="modal-dialog" role="document">
 	<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>
-												슬림하게 나와서 핏이 더 이쁩니다. 팔 기장도 수선 안해도 될 것 같고 살짝 접어서 코디해도 멋스러울것 같네요. 편하게 간절기 여기저기 코디하기도 좋을것 같고 추천할 만한 아이템 입니다. 광택이 있는데 심하지않고 너무 고급스러워 보여요. 코트안 이너로 입기도 좋고 니트에 걸치면 겨울 잘지낼 수 있을 것 같아요. 편하게 간절기 여기저기 코디하기도 좋고 추천할 만한 아이템입니다.
-											</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 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>
 	</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'},
-	}); 
+	 $(document).ready( function() {
 
-	//슬라이드 - 상품 베스트 리뷰 자세히보기 영역 
-	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
-		}
-	});
+        //슬라이드 - 상품 베스트 리뷰 자세히보기 영역 
+        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;
+
+           $this.find('.thumblist ul').attr('style', 'width:' + thumbListWidth + 'px;');
+           
+       }); */
+
+        $(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');
+
+            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;
+        });
+
+    });        
 
 	
 /*]]>*/

+ 24 - 11
src/main/webapp/ux/pc/css/common.css

@@ -87,7 +87,7 @@ small, .small {font-size: 85%;}
 
 
 /* font color */
-i {font-family:'Noto Sans CJK kr','Noto Sans kr', 'LATO', sans-serif !important; letter-spacing:0}
+i {font-family:'Noto Sans kr', 'LATO', sans-serif !important; letter-spacing:0}
 .base i {position:relative; top:1px;}
 i.big {font-size:18px; position:relative; top:2px;}
 /*.bold {font-weight:bold;}*/
@@ -327,6 +327,7 @@ textarea {background-color:transparent; border:1px solid #d7d7d7; width:99%; ove
 .btn_default {color: #333333;background-color: #ffffff;border-color: #dddddd;}
 .btn_dark {color: #ffffff;background-color: #222222;border-color: #222222;}
 .btn_primary {color: #ffffff;background-color: #fd4802;border-color: #fd4802;}
+.btn_primary_line {color: #fd4802;background-color: #ffff;border-color: #fd4802;}
 .btn_success {color: #ffffff;background-color: #95b75d;border-color: #95b75d;}
 .btn_info {color: #ffffff;background-color: #50cff5;border-color: #35c1ea;}
 .btn_warning {color: #ffffff;background-color: #fe970a;border-color: #fe970a;}
@@ -367,6 +368,12 @@ background-color: #2f2f2f;border-color: #2f2f2f;color:#ffffff;
 .open > .tgl_dropdown.btn_primary {
 background-color: #dc4308;border-color: #dc4308;color:#ffffff;
 }
+
+.btn_primary_line:hover, .btn_primary_line:focus, 
+.btn_primary_line:active, .btn_primary_line.active {
+  background-color:#fff; border-color:#fd4802; color:#fd4802;
+}
+
 .btn_success:hover, .btn_success:focus, 
 .btn_success:active, .btn_success.active, 
 .open > .tgl_dropdown.btn_success {
@@ -1044,7 +1051,7 @@ input[type="file"] {
     display: inline-block;
     position: relative;
     font-size: 16px;
-    color: #333333;
+    color: #222222;
     width: 100%;
     height: 40px;
 }
@@ -1060,7 +1067,8 @@ input[type="file"] {
     line-height: 1;
     cursor: pointer;
     padding: 10px 15px;
-    background-color: #ffffff;
+    /*background-color: #ffffff;*/
+    background-color: transparent;
     border: 1px solid #dddddd;
 }
 .select_custom .combo .select:after {
@@ -1080,13 +1088,17 @@ input[type="file"] {
     border-color: #888888 transparent transparent transparent;
 }
 .select_custom.on .combo .select {
-	border: 1px solid #999999;
+	border: 1px solid #222;
 }
 .select_custom.on .combo .select:after {
     /* content: '▲'; */
 	top: 9px;
     border-color: transparent transparent #888888 transparent;
 }
+.select_custom .combo .select > div {
+  position:relative;
+  z-index:-1;
+}
 .select_custom .combo .list {
     display: none;
     overflow-y: auto;
@@ -1094,7 +1106,7 @@ input[type="file"] {
     top: 39px;
     left: 0;
     z-index: 10;
-    border: 1px solid #999999;
+    border: 1px solid #222;
     border-top: 0;
     box-sizing: border-box;
     padding: 10px 0;
@@ -1133,8 +1145,8 @@ input[type="file"] {
 } 
 .select_custom .combo .list>li[aria-disabled="true"] {
 	text-decoration: line-through;
-    background: #f5f5f5;
-    color: #bbb;
+  /*background: #f5f5f5;*/
+  color: #bbb;
 	pointer-events: none;
 }
 .select_custom .combo .list>li[data-soldout="true"] {
@@ -1160,7 +1172,8 @@ input[type="file"] {
 	position: relative;
 }
 .select_custom .combo .list>li:hover {
-    background-color: #ccc;
+    /*background-color: #ccc;*/
+    background: #f5f5f5;
 }
 /* list-type */
 
@@ -1208,8 +1221,8 @@ input[type="file"] {
 
 /* ie */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-	body,input,textarea,select,button {font-size:14px; font-family:"LATO", "Noto Sans CJK kr","Noto Sans kr", sans-serif;}
-	h1,h2,h3,h4,h5,h6 {font-family:"LATO", "Noto Sans CJK kr","Noto Sans kr", sans-serif;}
+	body,input,textarea,select,button {font-size:14px; font-family:"LATO", "Noto Sans kr", sans-serif;}
+	h1,h2,h3,h4,h5,h6 {font-family:"LATO", "Noto Sans kr", sans-serif;}
 	.circle_count{font-size:10px;}
 	.product .history_wrap div ul li a, .contactUs .history_wrap div ul li a {
 		margin-top: 26px !important; 
@@ -1369,7 +1382,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 	top: 50%;
 	left: 0;
 	z-index: 20;
-	min-width:200px;
+	min-width:400px;
 	background-color: #FFFFFF;
 	border-radius: 0px;
 	-ms-transform: translate3d(0, 0, 0);

+ 14 - 172
src/main/webapp/ux/pc/css/font.css

@@ -1,101 +1,51 @@
+@charset "utf-8";
 
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Light.otf") format('opentype'),
-    url("/ux/fonts/NotoSansCJKkr-Light.woff") format('woff'),
-    url("/ux/fonts/NotoSansCJKkr-Light.ttf") format('ttf');
-    font-weight: 100;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Light.otf") format('opentype'),
-    url("/ux/fonts/NotoSansCJKkr-Light.woff") format('woff'),
-    url("/ux/fonts/NotoSansCJKkr-Light.ttf") format('ttf');
-    font-weight: 200;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Regular.otf") format('opentype'),
-    url("/ux/fonts/NotoSansCJKkr-Regular.woff") format('woff'),
-    url("/ux/fonts/NotoSansCJKkr-Regular.ttf") format('ttf');
-    font-weight: 300;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Regular.otf") format('opentype'),
-    url("/ux/fonts/NotoSansCJKkr-Regular.woff") format('woff'),
-    url("/ux/fonts/NotoSansCJKkr-Regular.ttf") format('ttf');
-    font-weight: 400;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Medium.otf") format('opentype'),
-    url("/ux/fonts/NotoSansCJKkr-Medium.woff") format('woff'),
-    url("/ux/fonts/NotoSansCJKkr-Medium.ttf") format('ttf');
-    font-weight: 500;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Bold.otf") format('opentype'),
-    url("/ux/fonts/NotoSansCJKkr-Bold.woff") format('woff'),
-    url("/ux/fonts/NotoSansCJKkr-Bold.ttf") format('ttf');
-    font-weight: 600;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    src: 
-    url("/ux/fonts/NotoSansCJKkr-Bold.otf") format('opentype'),
-    url("/ux/fonts/NotoSansCJKkr-Bold.woff") format('woff'),
-    url("/ux/fonts/NotoSansCJKkr-Bold.ttf") format('ttf');
-    font-weight: 700;
-    font-style: normal;
-}
 @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 100;
+    src: url("/ux/fonts/NotoSansKR-Thin.woff2") format('woff2');
+    src: url("/ux/fonts/NotoSansKR-Thin.woff") format('woff');
     src: url("/ux/fonts/NotoSansKR-Thin.otf") format('opentype');
-  }
+}
   @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 200;
+    src: url("/ux/fonts/NotoSansKR-Light.woff2") format('woff2');
+    src: url("/ux/fonts/NotoSansKR-Light.woff") format('woff');
     src: url("/ux/fonts/NotoSansKR-Light.otf") format('opentype');
   }
   @font-face {
      font-family: 'Noto Sans KR';
      font-style: normal;
      font-weight: 300;
+     src: url("/ux/fonts/NotoSansKR-Regular.woff2") format('woff2');
+     src: url("/ux/fonts/NotoSansKR-Regular.woff") format('woff');
      src: url("/ux/fonts/NotoSansKR-Regular.otf") format('opentype');
    }
   @font-face {
      font-family: 'Noto Sans KR';
      font-style: normal;
      font-weight: 500;
+     src: url("/ux/fonts/NotoSansKR-Medium.woff2") format('woff2');
+     src: url("/ux/fonts/NotoSansKR-Medium.woff") format('woff');
      src: url("/ux/fonts/NotoSansKR-Medium.otf") format('opentype');
    }
   @font-face {
      font-family: 'Noto Sans KR';
      font-style: normal;
      font-weight: 600;
+     src:  url("/ux/fonts/NotoSansKR-Bold.woff2") format('woff2');
+     src:  url("/ux/fonts/NotoSansKR-Bold.woff") format('woff');
      src:  url("/ux/fonts/NotoSansKR-Bold.otf") format('opentype');
    }
   @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 900;
+    src: url("/ux/fonts/NotoSansKR-Black.woff2") format('woff2');
+    src: url("/ux/fonts/NotoSansKR-Black.woff") format('woff');
     src: url("/ux/fonts/NotoSansKR-Black.otf") format('opentype');
   } 
  
@@ -145,111 +95,3 @@
     font-weight: 700;
     font-style: normal;
 }
-
-/* Unicode, Number */
-/* 
-전체 : U+0020-007E
-특수문자 : U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E
-영문 : U+0041-005A(대문자), U+0061-007A(소문자)
-숫자 : U+0030-0039
-*/
-
-/* 전체 : U+0020-007E */
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    font-style: normal;
-    src: 
-    url("/ux/fonts/Lato-Regular.eot") format('eot'),
-    url("/ux/fonts/Lato-Regular.woff") format('woff'),
-    url("/ux/fonts/Lato-Regular.ttf") format('ttf');
-    unicode-range: U+0020-007E;
-}
-@font-face {
-    font-family: 'Noto Sans kr';
-    font-style: normal;
-    src: 
-    url("/ux/fonts/Lato-Regular.eot") format('eot'),
-    url("/ux/fonts/Lato-Regular.woff") format('woff'),
-    url("/ux/fonts/Lato-Regular.ttf") format('ttf');
-    unicode-range: U+0020-007E;
-}
-
-/* 특수문자 : U+0020-002F */
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    font-style: normal;
-    src: 
-    url("/ux/fonts/Lato-Regular.eot") format('eot'),
-    url("/ux/fonts/Lato-Regular.woff") format('woff'),
-    url("/ux/fonts/Lato-Regular.ttf") format('ttf');
-    unicode-range: U+0020-002F;
-}
-@font-face {
-    font-family: 'Noto Sans kr';
-    font-style: normal;
-    src: 
-    url("/ux/fonts/Lato-Regular.eot") format('eot'),
-    url("/ux/fonts/Lato-Regular.woff") format('woff'),
-    url("/ux/fonts/Lato-Regular.ttf") format('ttf');
-    unicode-range: U+0020-002F;
-}
-
-/* 영문 : U+0041-005A(대문자) */
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    font-style: normal;
-    src: 
-    url("/ux/fonts/Lato-Regular.eot") format('eot'),
-    url("/ux/fonts/Lato-Regular.woff") format('woff'),
-    url("/ux/fonts/Lato-Regular.ttf") format('ttf');
-    unicode-range: U+0041-005A;
-}
-@font-face {
-    font-family: 'Noto Sans kr';
-    font-style: normal;
-    src: 
-    url("/ux/fonts/Lato-Regular.eot") format('eot'),
-    url("/ux/fonts/Lato-Regular.woff") format('woff'),
-    url("/ux/fonts/Lato-Regular.ttf") format('ttf');
-    unicode-range: U+0041-005A;
-}
-
-/* U+0061-007A(소문자) */
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    font-style: normal;
-    src: 
-    url("/ux/fonts/Lato-Regular.eot") format('eot'),
-    url("/ux/fonts/Lato-Regular.woff") format('woff'),
-    url("/ux/fonts/Lato-Regular.ttf") format('ttf');
-    unicode-range: U+0061-007A;
-}
-@font-face {
-    font-family: 'Noto Sans kr';
-    font-style: normal;
-    src: 
-    url("/ux/fonts/Lato-Regular.eot") format('eot'),
-    url("/ux/fonts/Lato-Regular.woff") format('woff'),
-    url("/ux/fonts/Lato-Regular.ttf") format('ttf');
-    unicode-range: U+0061-007A;
-}
-
-/* 숫자 : U+0030-0039 */
-@font-face {
-    font-family: 'Noto Sans CJK kr';
-    font-style: normal;
-    src: 
-    url("/ux/fonts/Lato-Regular.eot") format('eot'),
-    url("/ux/fonts/Lato-Regular.woff") format('woff'),
-    url("/ux/fonts/Lato-Regular.ttf") format('ttf');
-    unicode-range: U+0030-0039;
-}
-@font-face {
-    font-family: 'Noto Sans kr';
-    font-style: normal;
-    src: 
-    url("/ux/fonts/Lato-Regular.eot") format('eot'),
-    url("/ux/fonts/Lato-Regular.woff") format('woff'),
-    url("/ux/fonts/Lato-Regular.ttf") format('ttf');
-    unicode-range: U+0030-0039;
-}

+ 1 - 1
src/main/webapp/ux/pc/css/main.css

@@ -868,7 +868,7 @@ transition: all 10ms ease;
 .brand_main .main_tv .swiper-pagination {margin-top:40px;}
 
 
-/* 브랜드메인_룩북_팝업 */
+/* 브랜드메인_룩북피커_팝업 */
 .modal.br_lookbook_popup {max-width:585px; min-height:390px; padding:0;}
 .modal.br_lookbook_popup .item_prod {width:100%;}
 .modal.br_lookbook_popup .modal-header {margin:0;}

+ 2 - 2
src/main/webapp/ux/pc/css/reset.css

@@ -14,8 +14,8 @@ body {line-height:1; background-color:#fff;  word-break:break-all;text-rendering
 ::selection {background-color:#efe7e5;}
 .blocker::-webkit-scrollbar{display:none;}
 br{visibility: hidden;font-family: sans-serif; height:0px;}
-body,input,textarea,select,button {font-size:14px; font-family:'LATO', 'Noto Sans CJK kr','Noto Sans kr', sans-serif; font-weight: 200; color:#222222; letter-spacing:-.025em;}
-h1,h2,h3,h4,h5,h6 {font-family:'LATO', 'Noto Sans CJK kr','Noto Sans kr', 'LATO', sans-serif; color:#666666; letter-spacing:-.025em;}
+body,input,textarea,select,button {font-size:14px; font-family:'LATO', 'Noto Sans kr', sans-serif; font-weight: 200; color:#222222; letter-spacing:-.025em;}
+h1,h2,h3,h4,h5,h6 {font-family:'LATO','Noto Sans kr', 'LATO', sans-serif; color:#666666; letter-spacing:-.025em;}
 table {border-collapse:collapse; border-spacing:0; width:100%;}
 
 /* legend {*width:0;} */