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