Merge branch 'develop' into order

src/main/java/com/style24/front/biz/dao/TsfGoodsDao.java

@@ -212,5 +212,15 @@ public interface TsfGoodsDao {
 	 * @since 2021. 03. 08
 	 */
 	Delivery getGoodsDeliveryInfo(String goodsCd);
+	
+	/**
+	 * 상품 다다익선 목록
+	 *
+	 * @param goods
+	 * @return
+	 * @author eskim
+	 * @date 2021. 3. 8
+	 */
+	Collection<Goods> getTmtbGoodsList(Goods goods);
 
 }

src/main/java/com/style24/front/biz/service/TsfCounselService.java

@@ -101,6 +101,7 @@ public class TsfCounselService {
 
 	/**
 	 * 1:1문의 삭제
+	 * 		진행중 상태일 때 삭제하는 것이 아니라 답변완료 상태일 때만 삭제하는 것으로 함 (기획서)
 	 * @param counsel - 상담정보
 	 * @author gagamel
 	 * @since 2020. 12. 28
@@ -111,7 +112,8 @@ public class TsfCounselService {
 		counsel.setUpdNo(TsfSession.getInfo().getCustNo());
 		int result = counselDao.deleteOneToOneQna(counsel);
 		if (result == 0) {
-			throw new IllegalStateException("답변이 완료되어 삭제할 수 없습니다.");
+//			throw new IllegalStateException("답변이 완료되어 삭제할 수 없습니다.");
+			throw new IllegalStateException("답변이 완료되지 않아 삭제할 수 없습니다.");
 		}
 	}
 
@@ -158,7 +160,8 @@ public class TsfCounselService {
 		counsel.setUpdNo(TsfSession.getInfo().getCustNo());
 		int result = counselDao.deleteOneToOneQnaImage(counsel);
 		if (result == 0) {
-			throw new IllegalStateException("답변이 완료되어 삭제할 수 없습니다.");
+//			throw new IllegalStateException("답변이 완료되어 삭제할 수 없습니다.");
+			throw new IllegalStateException("답변이 완료되지 않아 삭제할 수 없습니다.");
 		}
 	}
 
@@ -244,7 +247,8 @@ public class TsfCounselService {
 		counsel.setUpdNo(TsfSession.getInfo().getCustNo());
 		int result = counselDao.deleteGoodsQna(counsel);
 		if (result == 0) {
-			throw new IllegalStateException("답변이 완료되어 삭제할 수 없습니다.");
+//			throw new IllegalStateException("답변이 완료되어 삭제할 수 없습니다.");
+			throw new IllegalStateException("답변이 완료되지 않아 삭제할 수 없습니다.");
 		}
 	}
 

src/main/java/com/style24/front/biz/service/TsfGoodsService.java

@@ -420,5 +420,15 @@ public class TsfGoodsService {
 		return goodsDao.getGoodsDeliveryInfo(goodsCd);
 	}
 	
+	/**
+	 * 상품 다다익선 목록
+	 * @param goods
+	 * @return
+	 * @author eskim
+	 * @date 2021. 3. 8
+	 */
+	public Collection<Goods> getTmtbGoodsList(Goods goods) {
+		return goodsDao.getTmtbGoodsList(goods);
+	}
 	
 }

src/main/java/com/style24/front/biz/thirdparty/Yes24Login.java

@@ -1,5 +1,6 @@
 package com.style24.front.biz.thirdparty;
 
+import com.gagaframework.web.parameter.GagaMap;
 import com.gagaframework.web.util.GagaFileUtil;
 import com.style24.front.support.security.session.TsfSession;
 import lombok.extern.slf4j.Slf4j;
@@ -35,16 +36,21 @@ public class Yes24Login {
 	 * @since 2021. 03. 03
 	 */
 	public String getAuthorizeUrl(String state) {
-		String authorizeUrl = "https://www.yes24.com/Templates/FTLogin.aspx";
-		String authorizeUrl2 = "https://www.yes24.com/Templates/FTLoginPartner.aspx";
-		String callBackUrl = "/signin/snsLoginCallback?snsType=YS";
+		String authorizeUrl = "https://www.yes24.com/Templates/FTLoginPartner.aspx";
+		String callBackUrl = "/signin/yes24LoginCallback";
 		StringBuilder apiUrlBuilder = new StringBuilder();
 		String redirectUri = GagaFileUtil.getConcatenationPath(PROTOCOL + TsfSession.getHttpServletRequest().getServerName(), callBackUrl);
-		apiUrlBuilder.append(authorizeUrl2)
+		apiUrlBuilder.append(authorizeUrl)
 				.append("?PID=101582")
 				.append("&ReturnURL=")
 				.append(redirectUri);
 		log.info("apiUrlBuilder ===> {}", apiUrlBuilder.toString());
 		return apiUrlBuilder.toString();
 	}
+
+	public GagaMap getAccessInfo(String ci) {
+		GagaMap result = new GagaMap();
+
+		return result;
+	}
 }

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

@@ -1,6 +1,7 @@
 package com.style24.front.biz.web;
 
 import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.mobile.device.Device;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PathVariable;
@@ -92,7 +93,7 @@ public class TsfCallcenterController extends TsfBaseController {
 		TscPageRequest pageable = new TscPageRequest((faq.getPageNo() > 0 ? faq.getPageNo() - 1 : 0), faq.getPageSize());
 		pageable.setTotalCount(faqService.getFaqTotalCount(faq));
 		faq.setPageable(pageable);
-		log.debug("pageable: {}", pageable);
+		log.info("pageable: {}", pageable);
 
 		result.set("paging", faq);
 		result.set("dataList", faqService.getFaqList(faq));
@@ -171,17 +172,23 @@ public class TsfCallcenterController extends TsfBaseController {
 
 	/**
 	 * 1:1문의 화면
+	 * @param device - 디바이스 정보
 	 * @return
 	 * @author gagamel
 	 * @since 2020. 12. 24
 	 */
 	@GetMapping("/onetoone/qna/form")
-	public ModelAndView oneToOneQnaForm() {
+	public ModelAndView oneToOneQnaForm(Device device) {
 		ModelAndView mav = new ModelAndView();
 
 		// 1:1문의 건수 정보
 		mav.addObject("qnaCountInfo", counselService.getOneToOneQnaCountInfo());
 
+		if (device.isMobile() || device.isTablet()) { // 모바일이면
+			// 문의유형
+			mav.addObject("counselClsfList", rendererService.getCommonCodeList("G059", "Y", new String[] {"G596"}));
+		}
+
 		mav.setViewName(super.getDeviceViewName("callcenter/OneToOneQnaForm"));
 
 		return mav;
@@ -247,6 +254,7 @@ public class TsfCallcenterController extends TsfBaseController {
 
 	/**
 	 * 1:1문의 삭제 처리
+	 * 		진행중 상태일 때 삭제하는 것이 아니라 답변완료 상태일 때만 삭제하는 것으로 함 (기획서)
 	 * @param counsel -상담정보
 	 * @return
 	 * @author gagamel
@@ -367,6 +375,7 @@ public class TsfCallcenterController extends TsfBaseController {
 
 	/**
 	 * 상품문의 삭제 처리
+	 * 		진행중 상태일 때 삭제하는 것이 아니라 답변완료 상태일 때만 삭제하는 것으로 함 (기획서)
 	 * @param counsel -상담정보
 	 * @return
 	 * @author gagamel

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

@@ -412,4 +412,268 @@ public class TsfGoodsController extends TsfBaseController {
 		mav.setViewName(super.getDeviceViewName("goods/GoodsDeliveryForm"));
 		return mav;
 	}
+	
+	/**
+	 * 상품상세 -  쿠폰 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/coupon/layer/{goodsCd}")
+	public ModelAndView goodsCouponForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsCouponForm"));
+		return mav;
+	}
+
+	/**
+	 * 상품상세 -  쇼핑혜택 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/shop/benefit/layer/{goodsCd}")
+	public ModelAndView goodsShopBenefitForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsShopBenefitForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 -  사이즈 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/sizeInfo/layer/{goodsCd}")
+	public ModelAndView goodsSizeInfoForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsSizeInfoForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 -  재입고 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/instock/alarm/layer/{goodsCd}")
+	public ModelAndView goodsInstockAlarmForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsInstockAlarmForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 -  상품평 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/review/layer/{goodsCd}")
+	public ModelAndView goodsReviewForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsReviewForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 -  상품평 - 베스트 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/review/best/layer/{goodsCd}")
+	public ModelAndView goodsReviewBestForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsReviewBestForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 -  상품평 - 포토/영상 리스트 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/review/photo/layer/{goodsCd}")
+	public ModelAndView goodsReviewPhotoForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsReviewPhotoForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 -  상품평 - 포토/영상 상세 레이어
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/review/photo/detail/layer/{goodsCd}")
+	public ModelAndView goodsReviewPhotoDetailForm(@PathVariable String goodsCd) {
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		Goods paramsGoods = new Goods();
+		paramsGoods.setGoodsCd(goodsCd);
+		setGoods(paramsGoods);
+		Goods goods = goodsService.getGoodsInfo(paramsGoods);
+		
+		// 상품 기본정보
+		mav.addObject("goodsInfo", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsReviewPhotoDetailForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 - 다다익선 상품
+	 * 
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/detail/tmtb/frame")
+	public ModelAndView goodsTmtbForm(Goods goods) {
+
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		setGoods(goods);
+		goods.setMaxRownum(20);
+		mav.addObject("goodsList", goodsService.getTmtbGoodsList(goods));
+		//log.info("goodsTmtbForm = goods{}", goods);
+		mav.addObject("params", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsOtherForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 - 함께본 상품
+	 * 
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/detail/together/frame")
+	public ModelAndView goodsTogetherForm(Goods goods) {  
+
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		setGoods(goods);
+		goods.setMaxRownum(15);
+		mav.addObject("goodsList", goodsService.getTmtbGoodsList(goods));
+		//log.info("goodsTogetherForm = goods{}", goods);
+		mav.addObject("params", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsOtherForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 - 추천 상품
+	 * 
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/detail/recommend/frame")
+	public ModelAndView goodsRecommendForm(Goods goods) {  
+
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		setGoods(goods);
+		goods.setMaxRownum(15);
+		mav.addObject("goodsList", goodsService.getTmtbGoodsList(goods));
+		//log.info("goodsRecommendForm = goods{}", goods);
+		mav.addObject("params", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsOtherForm"));
+		return mav;
+	}
+	
+	/**
+	 * 상품상세 - 비슷한 상품
+	 * 
+	 * @return
+	 * @author eskim
+	 * @since 2021. 3. 8
+	 */
+	@PostMapping("/detail/like/frame")
+	public ModelAndView goodsLikeForm(Goods goods) {  
+
+		ModelAndView mav = new ModelAndView();
+		// 상품관련 기본값 설정(회원 등급, 앱, PC/모바일 등)
+		setGoods(goods);
+		goods.setMaxRownum(15);
+		mav.addObject("goodsList", goodsService.getTmtbGoodsList(goods));
+		//log.info("goodsLikeForm = goods{}", goods);
+		mav.addObject("params", goods);
+
+		mav.setViewName(super.getDeviceViewName("goods/GoodsOtherForm"));
+		return mav;
+	}
 }

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

@@ -130,7 +130,6 @@ public class TsfIndexController extends TsfBaseController {
 	 * 로그인 페이지
 	 * @param error - 로그인 오류 정보
 	 * @param session - HttpSession
-	 * @param snsType - SNS유형(NV:네이버, KK:카카오, FB:페이스북)
 	 * @return
 	 * @author gagamel
 	 * @throws IOException
@@ -296,10 +295,12 @@ public class TsfIndexController extends TsfBaseController {
 		if (isSnsLoing) {
 			CustSnsInfo custSnsInfo = objectMapper.convertValue(userInfo, CustSnsInfo.class);
 			log.info("custSnsInfo ==> {}", custSnsInfo.toString());
-			//상태 체크
+
+			//SNS 로그인 처리
 			resultMap = customerService.customerSnsProcessing(custSnsInfo);
 			resultMap.setString("snsId", custSnsInfo.getSnsId());
 			resultMap.setString("snsType", custSnsInfo.getSnsType());
+
 			String custStat = resultMap.getString("custStat");
 
 			// 신규가입 이면 바로 로그인 처리
@@ -325,4 +326,46 @@ public class TsfIndexController extends TsfBaseController {
 		return mav;
 	}
 
+
+	@RequestMapping("/signin/yes24LoginCallback")
+	public ModelAndView yes24LoginCallback(@RequestParam("ipin")String ipin, HttpSession session, HttpServletRequest request) {
+		ModelAndView mav = new ModelAndView();
+		boolean isSnsLoing = false;
+		GagaMap userInfo = new GagaMap();
+
+		if (StringUtils.isNotBlank(ipin)) {
+			log.info(ipin);
+		}
+
+
+		GagaMap resultMap = new GagaMap();
+
+		// SNS 로그인 성공시 정보 세션 저장
+		if (isSnsLoing) {
+			CustSnsInfo custSnsInfo = objectMapper.convertValue(userInfo, CustSnsInfo.class);
+			log.info("custSnsInfo ==> {}", custSnsInfo.toString());
+
+			//SNS 로그인 처리
+			resultMap = customerService.customerSnsProcessing(custSnsInfo);
+			resultMap.setString("snsId", custSnsInfo.getSnsId());
+			resultMap.setString("snsType", custSnsInfo.getSnsType());
+
+			String custStat = resultMap.getString("custStat");
+
+			// 신규가입 이면 바로 로그인 처리
+			if ("NEW_CUST".equals(custStat)) {
+				customerService.getLogin(Integer.parseInt(resultMap.getString("custNo")), request);
+			}
+
+			// 가입 폼으로 이동
+			if ("EMPTY_PHONE_CUST".equals(custStat)) {
+				session.setAttribute("custSnsInfo", custSnsInfo);
+			}
+		}
+		mav.addObject("resultMap", resultMap);
+		mav.setViewName(super.getDeviceViewName("SnsCallBackForm"));
+
+		return  mav;
+	}
+
 }

src/main/java/com/style24/front/support/security/handler/TsfLoginSuccessHandler.java

@@ -39,12 +39,13 @@ public class TsfLoginSuccessHandler implements AuthenticationSuccessHandler {
 
 	// 로그인 후 메인으로 이동할 페이지 목록
 	private final String[] pagesToMain = new String[] {
-		"/customer/join/form",				// 회원가입
-		"/customer/sns/join/form",			// SNS 회원가입
-		"/customer/id/find/form",			// 아이디찾기
-		"/customer/pwd/find/form",			// 비밀번호찾기
-		"/customer/join/complete/form",		// 회원가입완료
-		"/customer/join/type/form"			// 회원가입유형
+		"/customer/join/form",						// 회원가입
+		"/customer/sns/join/form",					// SNS 회원가입
+		"/customer/id/find/form",					// 아이디찾기
+		"/customer/pwd/find/form",					// 비밀번호찾기
+		"/customer/join/complete/form",				// 회원가입완료
+		"/customer/join/type/form",					// 회원가입유형
+		"/customer/dormant/certify/complete/form"	// 휴면해제
 	};
 
 	@Autowired

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

@@ -24,5 +24,7 @@ public class Delivery extends TscBaseDomain {
 	private String rtnLocDtlAddr;	// 반품처상세주소
 	private String rtnLocTelno;		// 반품처전화번호
 	private String note;			// 배송안내정보
+	private String shipCompCd;			// 배송안내정보
+	private String shipCompNm;			// 배송안내정보
 
 }

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

@@ -125,6 +125,7 @@ public class Goods extends TscBaseDomain {
 
 	private String mobileYn;
 	private String delvResDt;		// 예약판매 출고예정일
+	private int maxRownum;			// 조회건수
 
 	//상품상세 구분(10:상품타이틀,20:상품타이틀내용,30:상품특징,40:상위컨텐츠,50:하위컨텐츠,60:상위컨텐츠-모바일,70:하위컨텐츠-모바일,80:상품상세(as-is,입점))
 	private String goodsTitle; 			// 10:상품타이틀
@@ -133,5 +134,7 @@ public class Goods extends TscBaseDomain {
 	private String goodsTopDesc;		// 40:상위컨텐츠, 60:상위컨텐츠-모바일
 	private String goodsDownDesc;		// 50:하위컨텐츠, 70:하위컨텐츠-모바일
 	private String goodsDesc;			// 80:상품상세(as-is,입점)
+	
+	private String goodsOtherGb;		// tmtb:다다익선상품, together:함께본상품  recommmend:추천상품  like: 비슷한상품
 
 }

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

@@ -136,7 +136,7 @@
 		     , UPD_DT = NOW()
 		WHERE  COUNSEL_SQ = #{counselSq}
 		AND    CUST_NO = #{custNo}
-		AND    ANS_STAT = 'G060_10' /*답변상태:처리중*/
+		AND    ANS_STAT = 'G060_20' /*답변상태:답변완료*/
 	</update>
 
 	<!-- 1:1문의 상세 -->
@@ -196,7 +196,7 @@
 		     , UPD_DT = NOW()
 		WHERE  COUNSEL_SQ = #{counselSq}
 		AND    CUST_NO = #{custNo}
-		AND    ANS_STAT = 'G060_10' /*답변상태:처리중*/
+		AND    ANS_STAT = 'G060_20' /*답변상태:답변완료*/
 	</update>
 	
 	<!-- 상품문의 생성 -->
@@ -355,7 +355,7 @@
 		WHERE  A.REL_GOODS_CD = G.GOODS_CD
 		AND    A.CUST_NO = C.CUST_NO
 		AND    A.REL_GOODS_CD = #{relGoodsCd}
-		<if test='secretYn != null and secretYn == "Y" '>
+		<if test='secretYn != null and secretYn == "N" '>
 		AND    A.SECRET_YN = #{secretYn}
 		</if>
 		AND    A.SITE_CD = #{siteCd}
@@ -374,7 +374,7 @@
 		     , UPD_DT = NOW()
 		WHERE  COUNSEL_SQ = #{counselSq}
 		AND    CUST_NO = #{custNo}
-		AND    ANS_STAT = 'G060_10' /*답변상태:처리중*/
+		AND    ANS_STAT = 'G060_20' /*답변상태:답변완료*/
 	</update>
 
 </mapper>

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

@@ -628,14 +628,98 @@
 		     , B.RTN_LOC_DTL_ADDR
 		     , B.RTN_LOC_TELNO
 		     , S.NOTE
+		     , SC.SHIP_COMP_CD
+		     , SC.SHIP_COMP_NM
 		FROM TB_GOODS G
 		INNER JOIN TB_SUPPLY_COMPANY S ON G.SUPPLY_COMP_CD = S.SUPPLY_COMP_CD
 		INNER JOIN TB_DELV_FEE_POLICY A ON G.DELV_FEE_CD = A.DELV_FEE_CD
-		LEFT OUTER JOIN TB_DELIVERY_LOC B ON A.SUPPLY_COMP_CD = B.SUPPLY_COMP_CD 
+		INNER JOIN TB_DELIVERY_LOC B ON A.SUPPLY_COMP_CD = B.SUPPLY_COMP_CD 
 		                                  AND B.USE_YN = 'Y'
+		INNER JOIN TB_SHIP_COMPANY SC ON B.SHIP_COMP_CD = SC.SHIP_COMP_CD
+		                              AND SC.USE_YN = 'Y'
 		WHERE G.GOODS_CD = #{goodsCd}
 		ORDER BY A.DELV_FEE_CD 
 		LIMIT 1
 	</select>
 	
+	<!-- 상품 다다익선 목록 -->
+	<select id="getTmtbGoodsList" parameterType="Goods" resultType="Goods">
+		/* TsfGoods.getTmtbGoodsList */
+		SELECT Z.*
+		     , 100 - ROUND((CURR_PRICE / LIST_PRICE) * 100 ,0) AS DC_RATE
+		FROM (
+		      SELECT B.GOODS_CD 
+		           , G.GOODS_NM
+		           , CONCAT(IF(IFNULL(G.GOODS_GB,'') IN ('G073_11','G073_15', ''), '',IFNULL(CONCAT('[',FN_GET_CODE_NM('G073',G.GOODS_GB),']'),'') )
+		                   ,IF(G.FOREIGN_BUY_YN='Y','[해외구매대행]','' )
+		                   ,IF(G.PARALLEL_IMPORT_YN = 'Y','[병행수입]','')
+		                   ,IF(G.ORDER_MADE_YN='Y','[주문제작]','')
+		                   ,G.GOODS_NM ) AS GOODS_FULL_NM
+		          , G.GOODS_STAT
+		          , G.GOODS_TYPE
+		          , G.MIN_ORD_QTY 
+		          , (CASE WHEN E.DISP_NM_LANG = 'EN' THEN E.BRAND_GROUP_ENM ELSE E.BRAND_GROUP_KNM END) AS BRAND_GROUP_NM
+		          , G.LIST_PRICE
+		          , FN_GET_BENEFIT_PRICE(#{frontGb},G.GOODS_CD, G.CURR_PRICE,#{custGb}) AS CURR_PRICE
+		          , G.MAIN_COLOR_CD
+		          , (SELECT MAX(SYS_IMG_NM) FROM TB_GOODS_IMG WHERE GOODS_CD = G.GOODS_CD AND COLOR_CD = IFNULL(G.MAIN_COLOR_CD,'XX') AND DEFAULT_IMG_YN = 'Y') AS SYS_IMG_NM
+		          , (SELECT MAX(SYS_IMG_NM) FROM TB_GOODS_IMG WHERE GOODS_CD = G.GOODS_CD AND COLOR_CD = IFNULL(G.MAIN_COLOR_CD,'XX') AND MOUSEOVER_IMG_YN = 'Y') AS SYS_IMG_NM2
+		          , S.STOCK_QTY
+		          , S.SOLDOUT_YN
+		          , S.OPT_CD
+		          , V.VIDEO_GB_M
+		          , V.VIDEO_VAL_M
+		          , V.VIDEO_GB_S
+		          , V.VIDEO_VAL_S
+		          , (CASE WHEN W.GOODS_CD IS NULL THEN 'N' ELSE 'Y' END) AS WISH_YN
+		      FROM TB_TMTB A
+		      INNER JOIN TB_TMTB_APPLY_GOODS B ON a.TMTB_SQ  = B.TMTB_SQ
+		      INNER JOIN TB_GOODS G ON B.GOODS_CD = G.GOODS_CD
+		                            AND G.GOODS_STAT = 'G008_90'
+		                            AND G.SELF_MALL_YN = 'Y'
+		      INNER JOIN TB_BRAND D ON G.BRAND_CD = D.BRAND_CD
+		                    AND D.USE_YN = 'Y'
+		      INNER JOIN TB_BRAND_GROUP E ON D.BRAND_GROUP_NO = E.BRAND_GROUP_NO
+		                            AND E.USE_YN = 'Y'
+		      
+		      LEFT OUTER JOIN (SELECT GOODS_CD
+		                            , SUM(CASE WHEN SOLDOUT_YN = 'Y' THEN 0
+		                                       ELSE CURR_STOCK_QTY END) AS STOCK_QTY
+		                            , MIN(SOLDOUT_YN) AS SOLDOUT_YN
+		                            , MIN(CASE WHEN SOLDOUT_YN = 'N' THEN OPT_CD 
+		                                       ELSE 'XXX' END) AS OPT_CD 
+		                       FROM VW_STOCK
+		                       WHERE DISP_YN = 'Y'
+		                       GROUP BY GOODS_CD) S ON G.GOODS_CD = S.GOODS_CD
+		      LEFT OUTER JOIN (SELECT MAX(GOODS_CD) AS GOODS_CD 
+		                             , MAX(CASE WHEN  RNUM = 1 THEN  VIDEO_GB END) AS  VIDEO_GB_M
+		                             , MAX(CASE WHEN  RNUM = 1 THEN  VIDEO_VAL END) AS  VIDEO_VAL_M
+		                             , MAX(CASE WHEN  RNUM = 2 THEN  VIDEO_GB END) AS  VIDEO_GB_S
+		                             , MAX(CASE WHEN  RNUM = 2 THEN  VIDEO_VAL END) AS  VIDEO_VAL_S
+		                       FROM (
+		                             SELECT A.DISPLOC_VAL AS GOODS_CD
+		                                  , B.VIDEO_GB 
+		                                  , B.VIDEO_VAL 
+		                                  , A.REG_DT 
+		                                  , RANK() OVER(PARTITION BY A.DISPLOC_VAL ORDER BY A.REG_DT ) RNUM 
+		                             FROM TB_VIDEO_DISPLOC  A
+		                             INNER JOIN  TB_VIDEO B ON A.VIDEO_SQ = B.VIDEO_SQ 
+		                                                    AND B.DISP_YN ='Y'
+		                             WHERE A.DISPLOC_GB ='G'
+		                             AND A.DISP_YN = 'Y'
+		                            ) V
+		                       ) V ON G.GOODS_CD = V.GOODS_CD
+		      LEFT OUTER JOIN TB_WISHLIST W ON G.GOODS_CD = W.GOODS_CD
+		                              AND IFNULL(#{custNo}, 0) = W.CUST_NO
+		      WHERE NOW() BETWEEN A.TMTB_ST_DT AND A.TMTB_ED_DT
+		      AND A.TMTB_STAT ='G232_11'
+		      AND A.TMTB_SQ IN (SELECT TMTB_SQ FROM tb_tmtb_apply_goods WHERE GOODS_CD = #{goodsCd} AND DEL_YN = 'N')
+		      <![CDATA[
+		      AND B.GOODS_CD <> #{goodsCd}
+		       ]]>
+		      ORDER BY A.TMTB_SQ 
+		) Z
+		LIMIT #{maxRownum}
+	</select>
+	
 </mapper>

src/main/webapp/WEB-INF/views/mob/callcenter/FaqFormMob.html

@@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+	layout:decorator="mob/common/layout/CallcenterLayoutMob">
+<!--
+ *******************************************************************************
+ * @source  : FaqFormMob.html
+ * @desc    : FAQ Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.09   gagamel     최초 작성
+ *******************************************************************************
+ -->
+<body>
+
+<th:block layout:fragment="content">
+	<main role="" id="" class="container cs">
+		<!-- 고객센터 Gnb -->
+		<nav class="pnb" id="callcenterGnb">
+		</nav>
+		<!-- //고객센터 Gnb -->
+		
+		<!-- ★ 컨텐츠 시작 -->
+		<section class="cs_faq_1">
+			<div class="inner sr-only"><h2 class="title">FAQ 리스트</h2></div>
+			<div class="inner">
+				<!-- 탭 -->
+				<div class="search_wrap">
+					<form id="faqForm" name="faqForm" action="#" th:action="@{'/callcenter/faq/list'}" th:method="post" onsubmit="fnSearchFaq(); return false;">
+						<input type="hidden" name="faqType"/>
+						<input type="hidden" name="pageNo" value ="1"/>
+						<input type="hidden" name="pageSize" value ="10"/>
+						<input type="text" class="cs_search_input" name="searchTxt" placeholder="검색어를 입력해주세요" maxlength="50"/>
+						<button onclick="fnSearchFaq(); return false;">search</button>
+						<p>찾으시는 문의 내용이 없으시면 1:1 문의를 이용해 주세요.</p>
+					</form>
+				</div>
+				<div class="fold_nav">
+					<ul>
+						<li><a href="#none;" onclick="fnGetList(this);" class="on">전체</a></li>
+						<li th:if="${faqTypeList != null and !faqTypeList.empty}" th:each="oneData, status : ${faqTypeList}">
+							<a href="javascript:void(0);" th:onclick='fnGetList(this, [[${oneData.cd}]]);' th:text="${oneData.cdNm}">상품문의</a>
+						</li>
+					</ul>
+				</div>
+				<!-- //탭 -->
+			</div>
+			<div class="inner wide">
+				<!-- 폴딩리스트 -->
+				<div class="ui_row" id="divFaq"> <!-- 데이터 없을시 클래스 nodata 추가 -->
+					<div class="foldGroup case1">
+						<!-- 리스트1 -->
+						<ul id="ulFaq">
+						</ul>
+						<!-- //리스트1 -->
+					</div>
+				</div>
+				<div class="ui_foot">
+					<button class="btn btnM btnIcon_more" id="btnFaqMore">더보기</button>
+				</div>
+				<!-- //폴딩리스트 -->
+			</div>
+		</section>
+		<!-- ★ 컨텐츠 종료 -->	
+		
+	</main>
+	
+<script th:inline="javascript">
+/*<![CDATA[*/
+	$(document).ready(function() {
+		// 타이틀명
+		$('#htopTitle').text('고객센터');
+		
+		// 고객센터 GNB 설정
+		fnSetCallcenterGnb(1);
+		
+		$('#btnFaqMore').trigger('click');
+	});
+	
+	// 더보기
+	$('#btnFaqMore').on('click', function() {
+		gagajf.ajaxFormSubmit($('#faqForm').prop('action'), '#faqForm', fnGetListCallback);
+	});
+	
+	// FAQ 목록
+	var fnGetList = function(obj, faqType) {
+		if (typeof(obj) != 'undefined') {
+			$li = $(obj).parent('li').parent('ul').find('li>a');
+			$li.each(function(i) {
+				$(this).removeClass('on');
+			});
+			$(obj).addClass('on');
+		}
+		
+		if (!gagajf.isNull(faqType)) {
+			$('#faqForm input[name=faqType]').val(faqType);
+		} else {
+			$('#faqForm input[name=faqType]').val('');
+		}
+		
+		$('#btnFaqMore').trigger('click');
+	}
+	
+	// FAQ 목록 콜백함수
+	var fnGetListCallback = function(result) {
+		$('#ulFaq').html('');
+
+		if (result.dataList != null && result.dataList.length > 0) {
+			$.each(result.dataList, function(idx, item) {
+				let tag = '<li>\n';
+				tag += '	<div class="fold_head">\n';
+				tag += '		<a href="javascript:void(0)">\n';
+				tag += '			<div>\n';
+				tag += '				<div class="fold_tit">\n';
+				tag += '					<div class="lap1">\n';
+				tag += '						<span class="prod">' + item.faqTypeNm + '</span>\n';
+				tag += '					</div>\n';
+				tag += '					<div class="lap2"><span>' + item.question + '</span></div>\n';
+				tag += '				</div>\n';
+				tag += '			</div>\n';
+				tag += '		</a>\n';
+				tag += '	</div>\n';
+				tag += '	<div class="fold_cont">\n';
+				tag += '		<div class="fold_answer">\n';
+				tag += '			<div class="answer_body">' + item.answer + '</div>\n';
+				tag += '		</div>\n';
+				tag += '	</div>\n';
+				tag += '</li>\n';
+				
+				$('#ulFaq').append(tag);
+			});
+			$('#divFaq').removeClass('nodata');
+		} else {
+			// 퍼블로 처리함으로 아래 2줄 주석 처리
+// 			let tag = '<li>검색어 조건에 맞는 항목이 없습니다.</li>\n';
+// 			$('#ulFaq').append(tag);
+			$('#divFaq').addClass('nodata');
+		}
+
+		if (result.paging.pageable.totalPage > result.paging.pageable.pageNo) {
+			$('#btnFaqMore').parent().show();
+			$('#faqForm input[name=pageNo]').val(result.paging.pageable.pageNo + 1);
+		} else {
+			$('#btnFaqMore').parent().hide();
+		}
+	}
+	
+	// 검색어 입력
+	let fnSearchFaq = function() {
+		if (gagajf.isNull($('#faqForm input[name=searchTxt]').val())) {
+			mcxDialog.alert('검색어를 입력해 주세요.');
+			return;
+		}
+		
+		$('#faqForm input[name=faqType]').val('');
+		$('#btnFaqMore').trigger('click');
+	}
+/*]]>*/
+</script>
+
+</th:block>
+
+</body>
+</html>

src/main/webapp/WEB-INF/views/mob/callcenter/GoodsQnaFormMob.html

@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+	layout:decorator="mob/common/layout/CallcenterLayoutMob">
+<!--
+ *******************************************************************************
+ * @source  : GoodsQnaFormWeb.html
+ * @desc    : 상품문의 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.09   gagamel     최초 작성
+ *******************************************************************************
+ -->
+<body>
+
+<th:block layout:fragment="content">
+	<main role="" id="" class="container cs">
+		<!-- 고객센터 Gnb -->
+		<nav class="pnb" id="callcenterGnb">
+		</nav>
+		<!-- //고객센터 Gnb -->
+		
+		<!-- ★ 컨텐츠 시작 -->
+		<section class="content cs_product_1">
+			<div class="inner sr-only"><h2 class="title">상품문의</h2></div>
+			<div class="inner wide">
+				<!-- 게시판info -->
+				<ul class="inquiry_box">
+					<li>
+						<p th:text="${qnaCountInfo.totCnt}">999</p>
+						<p>총 문의</p>
+					</li>
+					<li>
+						<p th:text="${qnaCountInfo.ansCnt}">456</p>
+						<p>답변완료</p>
+					</li>
+					<li>
+						<p th:text="${qnaCountInfo.ingCnt}">690</p>
+						<p>처리 중</p>
+					</li>
+				</ul>
+				<!-- //게시판info -->
+			</div>
+			
+			<div class="inner wide">
+				<!-- 폴딩리스트2 -->
+				<div class="ui_row" id="divQna"> <!-- 데이터 없을시 클래스 nodata 추가 -->
+					<div class="foldGroup case2">
+						<!-- list2 -->
+						<ul id="ulQna">
+						</ul>
+						<!-- //list2 -->
+					</div>
+				</div>
+				<div class="ui_foot">
+					<button class="btn btnM btnIcon_more" id="btnQnaMore">더보기</button>
+				</div>
+			</div>
+		</section>
+		<!-- ★ 컨텐츠 종료 -->
+	</main>
+	
+	<form id="qnaForm" name="qnaForm" action="#" th:action="@{'/callcenter/goods/qna/list'}">
+		<input type="hidden" name="pageNo" value ="1"/>
+		<input type="hidden" name="pageSize" value ="10"/>
+	</form>
+
+<script th:inline="javascript">
+/*<![CDATA[*/
+	$(document).ready(function() {
+		// 타이틀명
+		$('#htopTitle').text('고객센터');
+		
+		// 고객센터 GNB 설정
+		fnSetCallcenterGnb(3);
+		
+		$('#btnQnaMore').trigger('click');
+	});
+
+	// 더보기
+	$('#btnQnaMore').on('click', function() {
+		gagajf.ajaxFormSubmit($('#qnaForm').prop('action'), '#qnaForm', fnGetListCallback);
+	});
+	
+	// QNA 콜백함수
+	var fnGetListCallback = function(result) {
+		$('#ulQna').html('');
+
+		// 목록
+		if (result.dataList != null && result.dataList.length > 0) {
+			$.each(result.dataList, function(idx, item) {
+				let tag = '<li>\n';
+				tag += '	<div class="fold_head">\n';
+				tag += '		<a href="javascript:void(0)">\n';
+				tag += '			<div>\n';
+				tag += '				<div class="fold_tit">\n';
+				tag += '					<div class="lap1">\n';
+				tag += '						<span class="fold_state ' + (item.ansStat == "G060_10" ? "doing" : "done") + '"">' + item.ansStatNm + '</span>\n'; //답변완료 : done / 처리중 : doing
+				tag += '						<span class="prod">' + item.goodsNm + ' ' + item.relGoodsCd + '</span>\n';
+				tag += '					</div>\n';
+				tag += '					<div class="lap2"><span>' + item.questContent + '</span></div>\n';
+				tag += '				</div>\n';
+				tag += '				<span class="data">' + item.questDt + '</span>\n';
+				tag += '			</div>\n';
+				tag += '		</a>\n';
+				tag += '	</div>\n';
+				tag += '	<div class="fold_cont">\n';
+				tag += '		<div class="fold_detail">\n';
+				tag += '			<div>\n';
+				tag += '				<p>' + item.questContent + '</p>\n';
+				tag += '			</div>\n';
+				tag += '		</div>\n';
+				
+				if (item.ansStat == 'G060_20') { // 답변완료일 때
+					tag += '		<div class="fold_answer">\n';
+					tag += '			<div>\n';
+					tag += '				<div class="answer_body">' + item.ansContent + '</div>\n';
+					tag += '				<div class="answer_foot">\n';
+					tag += '					<span class="data">' + item.ansDt + '</span>\n';
+					tag += '					<button type="button" class="btn_delete" onclick="fnDeleteQna(' + item.counselSq + ');"><span>삭제</span></button>\n';
+					tag += '				</div>\n';
+					tag += '			</div>\n';
+					tag += '		</div>\n';
+				}
+				
+				tag += '	</div>\n';
+				tag += '</li>\n';
+			
+				$('#ulQna').append(tag);
+				$('#divQna').removeClass('nodata');
+			});
+		} else {
+			let tag = '<li>내역이 없습니다.</li>\n';
+			$('#ulQna').append(tag);
+			$('#divQna').addClass('nodata');
+		}
+		
+		if (result.paging.pageable.totalPage > result.paging.pageable.pageNo) {
+			$('#btnQnaMore').parent().show();
+			$('#qnaForm input[name=pageNo]').val(result.paging.pageable.pageNo + 1);
+		} else {
+			$('#btnQnaMore').parent().hide();
+		}
+	}
+	
+	// 삭제
+	let fnDeleteQna = function(counselSq) {
+		mcxDialog.confirm("등록된 내용을 삭제하시겠습니까?", {
+			cancelBtnText: "취소",
+			sureBtnText: "확인",
+			sureBtnClick: function() {
+				let params = new Object();
+				params.counselSq = counselSq;
+				
+				var jsonData = JSON.stringify(params);
+				gagajf.ajaxJsonSubmit('/callcenter/goods/qna/delete'
+						, jsonData
+						, function() {
+							fnGetList();
+						});
+			}
+		});
+	}
+/*]]>*/
+</script>
+
+</th:block>
+
+</body>
+</html>

src/main/webapp/WEB-INF/views/mob/callcenter/NoticeFormMob.html

@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+	layout:decorator="mob/common/layout/CallcenterLayoutMob">
+<!--
+ *******************************************************************************
+ * @source  : NoticeFormMob.html
+ * @desc    : 공지사항 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.09   gagamel     최초 작성
+ *******************************************************************************
+ -->
+<body>
+
+<th:block layout:fragment="content">
+	<main role="" id="" class="container cs">
+		<!-- 고객센터 Gnb -->
+		<nav class="pnb" id="callcenterGnb">
+		</nav>
+		<!-- //고객센터 Gnb -->
+		
+		<!-- ★ 컨텐츠 시작 -->
+		<section class="content cs_notice_1">
+			<div class="inner sr-only"><h2 class="title">공지 리스트</h2></div>
+			<div class="inner wide">
+				<!-- 폴딩리스트 -->
+				<div class="ui_row" id="divNotice"> <!-- 데이터 없을시 클래스 nodata 추가 -->
+					<div class="foldGroup case3">
+						<!-- list3 -->
+						<ul id="ulNotice">
+						</ul>
+						<!-- //list3 -->
+					</div>
+				</div>
+				<div class="ui_foot">
+					<button class="btn btnM btnIcon_more" id="btnNoticeMore">더보기</button>
+				</div>
+				<!-- 폴딩리스트 -->
+			</div>
+		</section>
+		<!-- ★ 컨텐츠 종료 -->	
+	</main>
+	
+	<form id="noticeForm" name="noticeForm" action="#" th:action="@{'/callcenter/notice/list'}">
+		<input type="hidden" name="pageNo" value ="1"/>
+		<input type="hidden" name="pageSize" value ="10"/>
+	</form>
+
+<script th:inline="javascript">
+/*<![CDATA[*/
+	$(document).ready(function() {
+		// 타이틀명
+		$('#htopTitle').text('고객센터');
+		
+		// 고객센터 GNB 설정
+		fnSetCallcenterGnb(4);
+		
+		$('#btnNoticeMore').trigger('click');
+	});
+	
+	// 더보기
+	$('#btnNoticeMore').on('click', function() {
+		gagajf.ajaxFormSubmit($('#noticeForm').prop('action'), '#noticeForm', fnGetListCallback);
+	});
+	
+	// 목록 콜백함수
+	var fnGetListCallback = function(result) {
+		$('#ulNotice').html('');
+
+		// 중요 공지 목록
+		if (result.urgentList != null && result.urgentList.length > 0) {
+			$.each(result.urgentList, function(idx, item) {
+				let tag = '<li>\n';
+				tag += '	<div class="fold_head">\n';
+				tag += '		<a href="javascript:void(0)">\n';
+				tag += '			<div>\n';
+				tag += '				<div class="fold_tit">\n';
+				tag += '					<div class="lap1">\n';
+				tag += '						<span class="fold_state done">중요</span>\n';
+				tag += '						<span class="prod">공지</span>\n';
+				tag += '					</div>\n';
+				tag += '					<div class="lap2"><span>' + item.noticeTitle + '</span></div>\n';
+				tag += '				</div>\n';
+				tag += '				<span class="data">' + item.regDt.toDate("YYYYMMDD").format("YYYY.MM.DD") + '</span>\n';
+				tag += '			</div>\n';
+				tag += '		</a>\n';
+				tag += '	</div>\n';
+				tag += '	<div class="fold_cont">\n';
+				tag += '		<div class="fold_answer">\n';
+				tag += '			<div class="answer_body">' + item.noticeContent + '</div>\n';
+				tag += '		</div>\n';
+				tag += '	</div>\n';
+				tag += '</li>\n';
+
+				$('#ulNotice').append(tag);
+			});
+		}
+		
+		// 일반 공지 목록
+		if (result.dataList != null && result.dataList.length > 0) {
+			$.each(result.dataList, function(idx, item) {
+				let tag = '<li>\n';
+				tag += '	<div class="fold_head">\n';
+				tag += '		<a href="javascript:void(0)">\n';
+				tag += '			<div>\n';
+				tag += '				<div class="fold_tit">\n';
+				tag += '					<div class="lap1">\n';
+				tag += '						<span class="prod">공지</span>\n';
+				tag += '					</div>\n';
+				tag += '					<div class="lap2"><span>' + item.noticeTitle + '</span></div>\n';
+				tag += '				</div>\n';
+				tag += '				<span class="data">' + item.regDt.toDate("YYYYMMDD").format("YYYY.MM.DD") + '</span>\n';
+				tag += '			</div>\n';
+				tag += '		</a>\n';
+				tag += '	</div>\n';
+				tag += '	<div class="fold_cont">\n';
+				tag += '		<div class="fold_answer">\n';
+				tag += '			<div class="answer_body">' + item.noticeContent + '</div>\n';
+				tag += '		</div>\n';
+				tag += '	</div>\n';
+				tag += '</li>\n';
+				
+				$('#ulNotice').append(tag);
+			});
+		}
+		
+		if (result.urgentList == null && result.dataList == null) {
+			let tag = '<li>내역이 없습니다.</li>\n';
+			$('#ulNotice').append(tag);
+			$('#divNotice').addClass('nodata');
+		} else {
+			$('#divNotice').removeClass('nodata');
+			
+			if (result.paging.pageable.totalPage > result.paging.pageable.pageNo) {
+				$('#btnNoticeMore').parent().show();
+				$('#noticeForm input[name=pageNo]').val(result.paging.pageable.pageNo + 1);
+			} else {
+				$('#btnNoticeMore').parent().hide();
+			}
+		}
+	}
+/*]]>*/
+</script>
+
+</th:block>
+
+</body>
+</html>

src/main/webapp/WEB-INF/views/mob/callcenter/OneToOneQnaFormMob.html

@@ -2,7 +2,7 @@
 <html lang="ko"
 	xmlns:th="http://www.thymeleaf.org"
 	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
-	layout:decorator="web/common/layout/CallcenterLayoutWeb">
+	layout:decorator="mob/common/layout/CallcenterLayoutMob">
 <!--
  *******************************************************************************
  * @source  : OneToOneQnaFormWeb.html
@@ -57,20 +57,21 @@
 						<!-- //list2 -->
 					</div>
 				</div>
-				<div class="ui_foot" id="nextPage">
-					<button class="btn btnM btnIcon_more" onclick="fnGetList();">더보기</button>
+				<div class="ui_foot">
+					<button class="btn btnM btnIcon_more" id="btnQnaMore">더보기</button>
 				</div>
 			</div>
 		</section>
 		<!-- ★ 컨텐츠 종료 -->
+		
+		<div class="cs_contactUs_my_footer">
+			<a href="#none;" class="questionMy"><p>1:1문의</p></a>
+		</div>
 	</main>
 	
-	<div class="cs_contactUs_my_footer">
-		<a href="#none" class="questionMy"><p>1:1문의</p></a>
-	</div>
-	
 	<!-- 모달영역 -->
 	<div>
+		<!-- 문의이미지슬라이드 -->
 		<div class="modal pop_full fade" id="thumb_pic" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true" style="display: none;">
 			<div class="modal-dialog" role="document">
 				<div class="modal-content">
@@ -81,7 +82,7 @@
 						<div class="pop_cont">
 							<!-- Swiper -->
 							<div class="swiper-container cs_pop">
-								<div class="swiper-wrapper">
+								<div class="swiper-wrapper" id="qnaImg">
 									<div class="swiper-slide"><div class="pop_img" style="background-image: url(/images/mo/cs_pop_people.png);"></div></div>
 									<div class="swiper-slide"><div class="pop_img" style="background-image: url(/images/mo/cs_pop_people2.png);"></div></div>
 								</div>
@@ -93,6 +94,116 @@
 				</div>
 			</div>
 		</div>
+		<!-- //문의이미지슬라이드 -->
+		
+		<!-- 문의등록 -->
+		<div class="modal pop_full fade" id="myQuestion" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+			<div class="modal-dialog" role="document">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title">1:1문의</h5>
+					</div>
+					<div class="modal-body">
+						<div class="pop_cont">
+							<div class="content cs_contactUs_my">
+								<form class="form_wrap" role="form" name="qnaRegisterForm" id="qnaRegisterForm" th:action="@{'/callcenter/onetoone/qna/create'}" method="post" onsubmit="$('#qnaRegisterForm').trigger('click'); return false;">
+									<div class="form_field">
+										<div class="ui_col_12 form_full">
+											<div class="input_wrap">
+												<div class="select">
+													<select class="select_hidden" name="counselClsf">
+														<option value="">(필수) 문의 유형을 선택해 주세요</option>
+														<option th:if="${counselClsfList}" th:each="oneData, status : ${counselClsfList}" th:value="${oneData.cd}" th:text="${oneData.cdNm}"></option>
+													</select>
+													<!-- <div class="select_dress">(필수) 문의 유형을 선택해 주세요<span></span></div> -->
+													<ul class="select_options">
+														<li rel="">(필수) 유형을 선택해 주세요</li>
+														<li th:if="${counselClsfList}" th:each="oneData, status : ${counselClsfList}" th:rel="${oneData.cd}" th:text="${oneData.cdNm}"></li>
+													</ul>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="form_field">
+										<div class="ui_col_12 form_full">
+											<div class="input_wrap test">
+												<span class="input_group_addon"><span class="ico"></span></span>
+												<input type="text" class="form_control" placeholder="(필수) 문의 제목을 입력해 주세요" maxlength="30" name="questTitle" required="required" data-valid-name="제목"/>
+											</div>
+											<!-- 숫자, 특수문자, 불완성형 한글 제외하여 입력 -->
+										</div>
+									</div>
+									<div class="form_field">
+										<div class="ui_col_12 form_full">
+											<div class="input_wrap">
+												<textarea class="doc_contactus" name="questContent" cols="30" rows="10" style="resize: none;" placeholder="내용을 입력해 주세요. (500자 이내)" required="required" data-valid-name="내용"></textarea>
+												<p class="txt_cnt">
+													<span id="contactus_cnt" class="contactus_cnt"><em class="c_primary">0</em>/500</span>
+												</p>
+											</div>
+											<!-- 특수문자 : \ / : < >  사용 불가 > 입력 시, “특수문자 \ / : < > 는 사용할 수 없습니다.” 얼럿 호출 스크립트 입력 불가능 -->
+										</div>
+									</div>
+									<div class="form_field">
+										<div class="ui_col_12 form_full">
+											<div class="input_wrap">
+												<!-- 이미지첨부 -->
+												<div class="form_field">
+													<div class="imgUpload">
+														<label for="fileAdd" class="fileAdd">첫번째업로드</label>
+														<input type="file" id="fileAdd" name="file1"/>
+														<input type="hidden" name="file1OrgFileNm"/>
+														<input type="hidden" name="file1SysFileNm"/>
+													</div>
+													<div class="imgUpload">
+														<label for="fileAdds" class="fileAdd">두번째업로드</label>
+														<input type="file" id="fileAdds" name="file2"/>
+														<input type="hidden" name="file2OrgFileNm"/>
+														<input type="hidden" name="file2SysFileNm"/>
+													</div>
+												</div>
+												<!-- //이미지첨부 -->
+												<div class="info_addfile">
+													<ul>
+														<li>사진은 이미지당 10MB 이하의 JPEG, JPG, PNG 파일 2장까지 첨부 가능합니다.</li>
+														<li>파일명에 한글은 사용 불가입니다.</li>
+														<li>첨부된 사진은 문의 외의 목적으로는 사용되지 않습니다.</li>
+													</ul>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="form_field">
+										<div class="form_field">
+											<div class="ui_col_12 cellphone">
+												<div class="input_wrap">
+													<span class="tt">알림톡 수신 여부</span>
+													<!-- 알림 신청 체크박스(선택 _ 기본값) -->
+													<div>
+														<div class="ck_box">
+															<input type="radio" name="smsReqYn" id="smsReqYn1" value="Y" checked="checked"/>
+															<label for="smsReqYn1"><span>수신</span></label>
+														</div>
+														<div class="ck_box">
+															<input type="radio" name="smsReqYn" id="smsReqYn2" value="N">
+															<label for="smsReqYn2"><span>미수신</span></label>
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								</form>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="cs_contactUs_my_footer">
+					<a href="#none" class="myQuestion" id="btnSaveQna"><p>등록</p></a>
+				</div>
+			</div>
+		</div>
+		<!-- //문의등록 -->
 	</div>
 	<!-- //모달끝 -->
 		
@@ -101,38 +212,43 @@
 		<input type="hidden" name="pageSize" value ="10"/>
 	</form>
 
-<script src="/ux/plugins/gaga/gaga.paging.js"></script>
 <script th:inline="javascript">
 /*<![CDATA[*/
 	// JQUERY를 이용한 버튼 모달 팝업
-	$(".thumb_pic").click(function() {
+	$(document).on('click', '.thumb_pic', function() {
+		let oImg = $(this).parent('.img_group').find('.thumb_pic');
+		$('#qnaImg').html('');
+		for (let i = 0; i < oImg.length; i++) {
+			$('#qnaImg').append('<div class="swiper-slide"><div class="pop_img"><img src="' + oImg.find('img').eq(i).attr("src") + '"/></div></div>');
+		}
 		$("#thumb_pic").modal("show");
-	});
-	
-	// 슬라이더_팝업에 문의이미지슬라이드
-	var swiper = new Swiper('#thumb_pic .swiper-container.cs_pop', {
-		observer: true,
-		observeParents: true,
-		pagination: {
-			el: '#thumb_pic .swiper-pagination',
-		},
+		
+		// 슬라이더_팝업에 이미지슬라이드
+		var swiper = new Swiper('#thumb_pic .swiper-container.cs_pop', {
+			observer: true,
+			observeParents: true,
+			pagination: {
+				el: '#thumb_pic .swiper-pagination',
+			}
+		});
 	});
 	
 	$(document).ready(function() {
+		// 타이틀명
+		$('#htopTitle').text('고객센터');
+		
 		// 고객센터 GNB 설정
 		fnSetCallcenterGnb(2);
 		
-		fnGetList(1);
+		$('#btnQnaMore').trigger('click');
 	});
 	
-	let fnGetList = function(page) {
-		// Initialize a pagination
-		gagaPaging.init('qnaForm', fnGetListCallback, 'pageNav', 10);
-
-		// Load data
-		gagaPaging.load(page);
-	}
+	// 더보기
+	$('#btnQnaMore').on('click', function() {
+		gagajf.ajaxFormSubmit($('#qnaForm').prop('action'), '#qnaForm', fnGetListCallback);
+	});
 	
+	// QNA 콜백함수
 	var fnGetListCallback = function(result) {
 		$('#ulQna').html('');
 
@@ -140,82 +256,77 @@
 		if (result.dataList != null && result.dataList.length > 0) {
 			$.each(result.dataList, function(idx, item) {
 				let tag = '<li>\n';
-				tag += '	<div class="inner wide">\n';
-				tag += '		<div class="ui_row">\n'; //데이터 없을시 클래스 nodata 추가
-				tag += '			<div class="foldGroup case2">\n';
-				tag += '				<ul>\n';
-				tag += '					<li>\n';
-				tag += '						<div class="fold_head">\n';
-				tag += '							<a href="javascript:void(0)">\n';
-				tag += '						<div>\n';
-				tag += '						<div class="fold_tit">\n';
-				tag += '							<div class="lap1">\n';
-				tag += '								<span class="fold_state ' + (item.ansStat == "G060_10" ? "doing" : "done") + '">' + item.ansStatNm + '</span>\n'; //답변완료 : done / 처리중 : doing
-				tag += '								<span class="prod">' + item.counselClsfNm + '</span>\n';
-				tag += '							</div>\n';
-				tag += '							<div class="lap2"><span>' + item.questTitle + '</span></div>\n';
-				tag += '						</div>\n';
-				tag += '						<span class="data">' + item.questDt + '</span>\n';
+				tag += '	<div class="fold_head">\n';
+				tag += '		<a href="javascript:void(0)">\n';
+				tag += '			<div>\n';
+				tag += '				<div class="fold_tit">\n';
+				tag += '					<div class="lap1">\n';
+				tag += '						<span class="fold_state ' + (item.ansStat == "G060_10" ? "doing" : "done") + '">' + item.ansStatNm + '</span>\n'; //답변완료 : done / 처리중 : doing
+				tag += '						<span class="prod">' + item.counselClsfNm + '</span>\n';
 				tag += '					</div>\n';
-				tag += '				</a>\n';
+				tag += '					<div class="lap2"><span>' + item.questTitle + '</span></div>\n';
+				tag += '				</div>\n';
+				tag += '				<span class="data">' + item.questDt + '</span>\n';
 				tag += '			</div>\n';
-				tag += '			<div class="fold_cont">\n';
-				tag += '				<div class="fold_detail">\n';
-				tag += '					<div>' + item.questContent + '</p>\n';
+				tag += '		</a>\n';
+				tag += '	</div>\n';
+				tag += '	<div class="fold_cont">\n';
+				tag += '		<div class="fold_detail">\n';
+				tag += '			<div><p>' + item.questContent + '</p></div>\n';
 				
 				if (!gagajf.isNull(item.sysFileNm1) || !gagajf.isNull(item.sysFileNm2)) {
-					tag += '				<p class="img_group">\n';
+					tag += '		<p class="img_group">\n';
 					
 					if (!gagajf.isNull(item.sysFileNm1)) {
-						tag += '					<span class="thumb_pic">\n';
-						tag += '						<img src="' + _uploadImageUrl + '/counsel/' + item.sysFileNm1 + '" alt="" onerror="this.src=\'/image/bg_profile.png\'">\n';
-						tag += '					</span>\n';
+						tag += '		<span class="thumb_pic">\n';
+						tag += '			<img src="' + _uploadImageUrl + '/counsel/' + item.sysFileNm1 + '" alt="" onerror="this.src=\'/image/bg_profile.png\'">\n';
+						tag += '		</span>\n';
 					}
 					
 					if (!gagajf.isNull(item.sysFileNm2)) {
-						tag += '					<span class="thumb_pic">\n';
-						tag += '						<img src="' + _uploadImageUrl + '/counsel/' + item.sysFileNm2 + '" alt="" onerror="this.src=\'/image/bg_profile.png\'">\n';
-						tag += '					</span>\n';
+						tag += '		<span class="thumb_pic">\n';
+						tag += '			<img src="' + _uploadImageUrl + '/counsel/' + item.sysFileNm2 + '" alt="" onerror="this.src=\'/image/bg_profile.png\'">\n';
+						tag += '		</span>\n';
 					}
 					
-					tag += '				</p>\n';
+					tag += '		</p>\n';
 				}
 				
-				tag += '				</div>\n';
-				tag += '			</div>\n';
+				tag += '		</div>\n';
 				
 				if (item.ansStat == 'G060_20') { // 답변완료 상태일 때
-					tag += '			<div class="fold_answer">\n';
-					tag += '				<div>\n';
-					tag += '					<div class="answer_body">' + item.ansContent + '</div>\n';
-					tag += '					<div class="answer_foot">\n';
-					tag += '						<span class="data">' + item.ansDt + '</span>\n';
+					tag += '	<div class="fold_answer">\n';
+					tag += '		<div>\n';
+					tag += '			<div class="answer_body">' + item.ansContent + '</div>\n';
+					tag += '			<div class="answer_foot">\n';
+					tag += '				<span class="data">' + item.ansDt + '</span>\n';
 					
-					if (item.ansStat == 'G060_10') { // 처리중일때
-// 					tag += '						<button type="button" class="btn_delete" onclick="fnDeleteQna(' + item.counselSq + ');"><span>삭제</span></button>
+					if (item.ansStat == 'G060_20') { // 답변완료일 때
+						tag += '				<button type="button" class="btn_delete" onclick="fnDeleteQna(' + item.counselSq + ');"><span>삭제</span></button>\n';
 					}
-					tag += '					</div>\n';
-					tag += '				</div>\n';
+					
 					tag += '			</div>\n';
+					tag += '		</div>\n';
+					tag += '	</div>\n';
 				}
 				
-				tag += '		</div>\n';
 				tag += '	</div>\n';
 				tag += '</li>\n';
 
 				$('#ulQna').append(tag);
 			});
+			$('#divQna').removeClass('nodata');
 		} else {
 			let tag = '<li>내역이 없습니다.</li>\n';
 			$('#ulQna').append(tag);
 			$('#divQna').addClass('nodata');
 		}
 
-		// 더보기 버튼 노출/미노출
-		if (result.paging.pageable.totalPage == result.paging.pageable.currPage) {
-			$('#nextPage').hide();
+		if (result.paging.pageable.totalPage > result.paging.pageable.pageNo) {
+			$('#btnQnaMore').parent().show();
+			$('#qnaForm input[name=pageNo]').val(result.paging.pageable.pageNo + 1);
 		} else {
-			$('#nextPage').show();
+			$('#btnQnaMore').parent().hide();
 		}
 	}
 	
@@ -232,11 +343,89 @@
 				gagajf.ajaxJsonSubmit('/callcenter/onetoone/qna/delete'
 						, jsonData
 						, function() {
-							fnGetList();
+							$('#btnQnaMore').trigger('click');
 						});
 			}
 		});
 	}
+	
+	// JQUERY를 이용한 버튼 모달 팝업
+	$(".questionMy").click(function() {
+		$("#myQuestion").modal("show");
+	});
+	
+	// text_area
+	$('.doc_contactus').keyup(function (e) {
+		var content = $(this).val();
+		$('#contactus_cnt').html("(<em class='c_primary'>" + content.length + "</em>/500자)");
+		if (content.length > 500) {
+			alert("최대 500자까지 입력 가능합니다.");
+			$(this).val(content.substring(0, 500));
+			$('#contactus_cnt').html("(<em class='c_primary'>500</em>/500자)");
+		}
+	});
+	
+	// 파일첨부 선택 시
+	$('#fileAdd').on('change', function() { fnChooseFile(this); });
+	$('#fileAdds').on('change', function() { fnChooseFile(this); });
+	
+	var fnChooseFile = function(obj) {
+		// multiple 속성이 있으면 files에는 다수의 객체가 할당됨
+		var file = obj.files[0];
+		
+		if (!gagajf.isNull(file.name)) {
+			var extension = "\.(jpg|jpeg|png)$";
+			if (!(new RegExp(extension, "i")).test(file.name)) {
+				mcxDialog.alertC('이미지는 [jpg, jpeg, png] 파일만 가능합니다.', {
+					sureBtnText: "확인",
+					sureBtnClick: function() {
+						$(obj).parent('.imgUpload').find('.removes').trigger('click');
+					}
+				});
+				return false;
+			}
+		}
+		
+		if (!gagajf.isNull(file.size) && Number(file.size) > 20 * 1000000) {
+			mcxDialog.alertC('이미지는 최대 20MB 이하 파일만 가능합니다.', {
+				sureBtnText: "확인",
+				sureBtnClick: function() {
+					$(obj).parent('.imgUpload').find('.removes').trigger('click');
+				}
+			});
+			return false;
+		}
+		
+		// 파일 업로드
+		gagajf.ajaxFileUpload('/common/file/upload?subDir=/counsel'
+				, file
+				, function(result) {
+					// 업로드한 파일명 설정
+					$('input[name=' + obj.name + 'OrgFileNm]').val(result.oldFileName);
+					$('input[name=' + obj.name + 'SysFileNm]').val(result.newFileName);
+				}
+		);
+	}
+	
+	// 저장
+	$('#btnSaveQna').on('click', function() {
+		// 입력 값 체크
+		if (!gagajf.validation('#qnaRegisterForm'))
+			return false;
+
+		mcxDialog.confirm("저장하시겠습니까?", {
+			cancelBtnText: "취소",
+			sureBtnText: "확인",
+			sureBtnClick: function() {
+				gagajf.ajaxFormSubmit($('#qnaRegisterForm').prop('action')
+						, '#qnaRegisterForm'
+						, function() {
+							cfnGoToPage(_PAGE_ONETOONE_QNA);
+						}
+				);
+			}
+		});
+	});
 /*]]>*/
 </script>
 

src/main/webapp/WEB-INF/views/mob/callcenter/OneToOneQnaRegisterFormMob.html

@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org"
+	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+	layout:decorator="mob/common/layout/CallcenterLayoutMob">
+<!--
+ *******************************************************************************
+ * @source  : OneToOneQnaRegisterFormMob.html
+ * @desc    : 1:1문의 등록 Page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.09   gagamel     최초 작성
+ *******************************************************************************
+ -->
+<body>
+
+<th:block layout:fragment="content">
+	<!-- 모달영역 -->
+	<div>
+		<!-- 모달1 -->
+		<div class="modal pop_full fade" id="myQuestion" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
+			<div class="modal-dialog" role="document">
+				<div class="modal-content">
+					<div class="modal-header">
+						<h5 class="modal-title">1:1문의</h5>
+					</div>
+					<div class="modal-body">
+						<div class="pop_cont">
+							<div class="content cs_contactUs_my">
+								<form class="form_wrap" role="form" name="qnaForm" id="qnaForm" th:action="@{'/callcenter/onetoone/qna/create'}" method="post">
+									<div class="form_field">
+										<div class="ui_col_12 form_full">
+											<div class="input_wrap">
+												<div class="select">
+													<select class="select_hidden" name="counselClsf" required="required" data-valid-name="문의유형">
+														<option value="">(필수) 문의 유형을 선택해 주세요</option>
+														<option th:if="${counselClsfList}" th:each="oneData, status : ${counselClsfList}" th:value="${oneData.cd}" th:text="${oneData.cdNm}"></option>
+													</select>
+													<!-- <div class="select_dress">(필수) 문의 유형을 선택해 주세요<span></span></div> -->
+													<ul class="select_options">
+														<li rel="">(필수) 유형을 선택해 주세요</li>
+														<li th:if="${counselClsfList}" th:each="oneData, status : ${counselClsfList}" th:rel="${oneData.cd}" th:text="${oneData.cdNm}"></li>
+													</ul>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="form_field">
+										<div class="ui_col_12 form_full">
+											<div class="input_wrap test">
+												<span class="input_group_addon"><span class="ico"></span></span>
+												<input type="text" class="form_control" placeholder="(필수) 문의 제목을 입력해 주세요" maxlength="30" name="questTitle" required="required" data-valid-name="제목"/>
+											</div>
+											<!-- 숫자, 특수문자, 불완성형 한글 제외하여 입력 -->
+										</div>
+									</div>
+									<div class="form_field">
+										<div class="ui_col_12 form_full">
+											<div class="input_wrap">
+												<textarea class="doc_contactus" name="questContent" cols="30" rows="10" style="resize: none;" placeholder="내용을 입력해 주세요. (500자 이내)" required="required" data-valid-name="내용"></textarea>
+												<p class="txt_cnt">
+													<span id="contactus_cnt" class="contactus_cnt"><em class="c_primary">0</em>/500</span>
+												</p>
+											</div>
+											<!-- 특수문자 : \ / : < >  사용 불가 > 입력 시, “특수문자 \ / : < > 는 사용할 수 없습니다.” 얼럿 호출 스크립트 입력 불가능 -->
+										</div>
+									</div>
+									<div class="form_field">
+										<div class="ui_col_12 form_full">
+											<div class="input_wrap">
+												<!-- 이미지첨부 -->
+												<div class="form_field">
+													<div class="imgUpload">
+														<label for="fileAdd" class="fileAdd">첫번째업로드</label>
+														<input type="file" id="fileAdd" name="file1"/>
+														<input type="hidden" name="file1OrgFileNm"/>
+														<input type="hidden" name="file1SysFileNm"/>
+													</div>
+													<div class="imgUpload">
+														<label for="fileAdds" class="fileAdd">두번째업로드</label>
+														<input type="file" id="fileAdds" name="file2"/>
+														<input type="hidden" name="file2OrgFileNm"/>
+														<input type="hidden" name="file2SysFileNm"/>
+													</div>
+												</div>
+												<!-- //이미지첨부 -->
+												<div class="info_addfile">
+													<ul>
+														<li>사진은 이미지당 10MB 이하의 JPEG, JPG, PNG 파일 2장까지 첨부 가능합니다.</li>
+														<li>파일명에 한글은 사용 불가입니다.</li>
+														<li>첨부된 사진은 문의 외의 목적으로는 사용되지 않습니다.</li>
+													</ul>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="form_field">
+										<div class="form_field">
+											<div class="ui_col_12 cellphone">
+												<div class="input_wrap">
+													<span class="tt">알림톡 수신 여부</span>
+													<!-- 알림 신청 체크박스(선택 _ 기본값) -->
+													<div>
+														<div class="ck_box">
+															<input type="radio" name="smsReqYn" id="smsReqYn1" value="Y" checked="checked"/>
+															<label for="smsReqYn1"><span>수신</span></label>
+														</div>
+														<div class="ck_box">
+															<input type="radio" name="smsReqYn" id="smsReqYn2" value="N">
+															<label for="smsReqYn2"><span>미수신</span></label>
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								</form>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="cs_contactUs_my_footer">
+					<a href="#none" class="myQuestion" id="btnSaveQna"><p>등록</p></a>
+				</div>
+			</div>
+		</div>
+		<!-- //모달1 -->
+	</div>
+	<!-- //모달끝 -->
+	
+<script th:inline="javascript">
+/*<![CDATA[*/
+	$(document).ready(function() {
+		
+	});
+	
+	// text_area
+	$('.doc_contactus').keyup(function (e) {
+		var content = $(this).val();
+		$('#contactus_cnt').html("(<em class='c_primary'>" + content.length + "</em>/500자)");
+		if (content.length > 500) {
+			alert("최대 500자까지 입력 가능합니다.");
+			$(this).val(content.substring(0, 500));
+			$('#contactus_cnt').html("(<em class='c_primary'>500</em>/500자)");
+		}
+	});
+	
+	// 파일첨부 선택 시
+	$('#fileAdd').on('change', function() { fnChooseFile(this); });
+	$('#fileAdds').on('change', function() { fnChooseFile(this); });
+	
+	var fnChooseFile = function(obj) {
+		// multiple 속성이 있으면 files에는 다수의 객체가 할당됨
+		var file = obj.files[0];
+		
+		if (!gagajf.isNull(file.name)) {
+			var extension = "\.(jpg|jpeg|png)$";
+			if (!(new RegExp(extension, "i")).test(file.name)) {
+				mcxDialog.alertC('이미지는 [jpg, jpeg, png] 파일만 가능합니다.', {
+					sureBtnText: "확인",
+					sureBtnClick: function() {
+						$(obj).parent('.imgUpload').find('.removes').trigger('click');
+					}
+				});
+				return false;
+			}
+		}
+		
+		if (!gagajf.isNull(file.size) && Number(file.size) > 20 * 1000000) {
+			mcxDialog.alertC('이미지는 최대 20MB 이하 파일만 가능합니다.', {
+				sureBtnText: "확인",
+				sureBtnClick: function() {
+					$(obj).parent('.imgUpload').find('.removes').trigger('click');
+				}
+			});
+			return false;
+		}
+		
+		// 파일 업로드
+		gagajf.ajaxFileUpload('/common/file/upload?subDir=/counsel'
+				, file
+				, function(result) {
+					// 업로드한 파일명 설정
+					$('input[name=' + obj.name + 'OrgFileNm]').val(result.oldFileName);
+					$('input[name=' + obj.name + 'SysFileNm]').val(result.newFileName);
+				}
+		);
+	}
+	
+	// 저장
+	$('#btnSaveQna').on('click', function() {
+		// 입력 값 체크
+		if (!gagajf.validation('#qnaForm'))
+			return false;
+
+		mcxDialog.confirm("저장하시겠습니까?", {
+			cancelBtnText: "취소",
+			sureBtnText: "확인",
+			sureBtnClick: function() {
+				gagajf.ajaxFormSubmit($('#qnaForm').prop('action')
+						, '#qnaForm'
+						, function() {
+							cfnGoToPage(_PAGE_ONETOONE_QNA);
+						}
+				);
+			}
+		});
+	});
+/*]]>*/
+</script>
+
+</th:block>
+
+</body>
+</html>

src/main/webapp/WEB-INF/views/mob/common/fragments/FooterMob.html

@@ -2,53 +2,68 @@
 <html lang="ko"
 	xmlns:th="http://www.thymeleaf.org">
 
-<footer id="footer" th:fragment="footer">
-
-	<button class="btn_top" title="페이지 맨위로 이동">
-		<span>
-			<i class="gl1"></i>
-			<i class="gl2"></i>
-			<i class="gl3"></i>
-		</span>
-	</button>
-	<section class="f1">
-		<div class="inner">
-			<ul class="link wider">
-				<li><a href="#none">고객센터</a></li>
-				<li><a href="#none">이용약관</a></li>
-				<li><a href="#none">개인정보취급방침</a></li>
-			</ul>
+<th:block th:fragment="footer">
+	<nav id="tabbar" class="tabbar fixed">
+	<!-- <nav id="tabbar" class="tabbar"> -->
+		<div class="tabbar-inner">
+			<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);" class="btn-home">Home</a>
+			<a href="javascript:history;" class="btn-history">History</a>
+			<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_WISHLIST);" class="btn-wish">Wish</a>
+			<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MYPAGE);" class="btn-my">Mypage</a>
+			<a href="javascript:menu;" class="btn-menu" data-popup-trigger="" data-target="#menu">Menu</a>
+		</div>
+			<!-- 
+				<span class="txt-balloon" id="tutorial_mycloset" style=""> 툴팁예제</span>
+			-->
+	</nav>
 
-			<div class="collapse">
-				<div class="btnWrap">
-					<button class="btn_infos">아이스타일이십사 주식회사</button>
+	<footer>
+		<button class="btn_top" title="페이지 맨위로 이동">
+			<span>
+				<i class="gl1"></i>
+				<i class="gl2"></i>
+				<i class="gl3"></i>
+			</span>
+		</button>
+		<section class="f1">
+			<div class="inner">
+				<ul class="link wider">
+					<li><a href="#none">고객센터</a></li>
+					<li><a href="#none">이용약관</a></li>
+					<li><a href="#none">개인정보취급방침</a></li>
+				</ul>
+	
+				<div class="collapse">
+					<div class="btnWrap">
+						<button class="btn_infos">아이스타일이십사 주식회사</button>
+					</div>
+					<ul class="infos info">
+						<li class="fn">대표이사 : 윤종선</li>
+						<li class="fn">주소 : 서울시 영등포구 은행로 11, 8층(여의도동, 일신빌딩)</li>
+						<li class="fn">사업자등록번호 : 116-81-32499 </li>
+						<li class="fn">개인정보관리책임자 : 이정득 </li>
+						<li class="fn">통신판매업신고번호 : 제 2020-서울영등포1432</li>
+						<li class="fn">개인정보보호책임자 : 김명인</li>
+						<li class="fn">호스팅 서비스 : 아이스타일이십사㈜</li>
+					</ul>
 				</div>
-				<ul class="infos info">
-					<li class="fn">대표이사 : 윤종선</li>
-					<li class="fn">주소 : 서울시 영등포구 은행로 11, 8층(여의도동, 일신빌딩)</li>
-					<li class="fn">사업자등록번호 : 116-81-32499 </li>
-					<li class="fn">개인정보관리책임자 : 이정득 </li>
-					<li class="fn">통신판매업신고번호 : 제 2020-서울영등포1432</li>
-					<li class="fn">개인정보보호책임자 : 김명인</li>
-					<li class="fn">호스팅 서비스 : 아이스타일이십사㈜</li>
+				
+				<ul class="link">
+					<li><a href="#none">사업자정보확인</a></li>
+					<li><a href="#none">PC버전</a></li>
+					<li><a href="#none">APP 다운로드</a></li>
+					<li><a href="#none">SN&#64;PP</a></li>
+				</ul>
+				<ul class="copy">
+					<li>COPYRIGHTⓒ2020 STYLE24 ALL RIGHTS RESERVED.</li>
+				</ul>
+				<ul class="sns">
+					<li><a href="#none" class="insta">Instagram</a></li>
+					<li><a href="#none" class="facebook">facebook</a></li>
 				</ul>
 			</div>
-			
-			<ul class="link">
-				<li><a href="#none">사업자정보확인</a></li>
-				<li><a href="#none">PC버전</a></li>
-				<li><a href="#none">APP 다운로드</a></li>
-				<li><a href="#none">SN&#64;PP</a></li>
-			</ul>
-			<ul class="copy">
-				<li>COPYRIGHTⓒ2020 STYLE24 ALL RIGHTS RESERVED.</li>
-			</ul>
-			<ul class="sns">
-				<li><a href="#none" class="insta">Instagram</a></li>
-				<li><a href="#none" class="facebook">facebook</a></li>
-			</ul>
-		</div>
-	</section>
+		</section>
+	</footer>
 
 <script th:inline="javascript">
 /*<![CDATA[*/
@@ -57,6 +72,6 @@
 /*]]>*/
 </script>
 
-</footer>
+</th:block>
 
 </html>

src/main/webapp/WEB-INF/views/mob/common/fragments/GnbMob.html

@@ -14,24 +14,55 @@
  * 1.0  2021.03.08   gagamel     최초 작성
  *******************************************************************************
  -->
-<header th:fragment="gnb">
-	<section class="htop" id="htopSub" style="background: #fff;">
-		<button class="btn_back" title="이전페이지로">
-			<span>
-				<i class="gl1"></i>
-				<i class="gl2"></i>
-				<i class="gl3"></i>
-			</span>
-		</button>
-		<h1 id="htopTitle">고객센터</h1>
-	</section>
+<th:block th:fragment="gnb">
+	<header class="main">
+		<section class="htop" id="htopMain">
+			<h1>
+				<a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);"><img src="/images/mo/logo_STYLE24.png" alt="STYLE24"></a>
+				<button class="btn_gnb" title="메인메뉴 열기/닫기">
+					<span>
+						<i class="gl1"></i>
+						<i class="gl2"></i>
+					</span>
+				</button>
+			</h1>
+		</section>
+	</header>
 	
+	<div id="gnb" class="gnb">
+		<div class="gnb-inner">
+			<ul>
+				<li class="on"><a href="#none">브랜드</a></li>
+				<li><a href="#none">여성</a></li>
+				<li><a href="#none">남성</a></li>
+				<li><a href="#none">유아동</a></li>
+				<li><a href="#none">골프</a></li>
+				<li><a href="#none">라이프</a></li>
+				<li><a href="#none">베스트</a></li>
+				<li><a href="#none">핫딜</a></li>
+				<li><a href="#none">기획전</a></li>
+				<li><a href="#none">총알배송</a></li>
+				<li><a href="#none">아울렛</a></li>
+				<li><a href="#none">룩북</a></li>
+				<li><a href="#none">이벤트</a></li>
+			</ul>
+		</div>
+		<button onclick="$('#gnb').toggleClass('expand');" class="btn-expand"></button>
+	</div>
 <script th:inline="javascript">
 /*<![CDATA[*/
+	$(document).ready(function() {
+		// 카테고리목록
+		fnGetCategoryList();
+	});
 	
+	var fnGetCategoryList = function() {
+		// TODO: 카테고리목록으로 li 태그 만들어 처리
+// 		$('#gnb>div>ul').html('');
+	}
 /*]]>*/
 </script>
 
-</header>
+</th:block>
 
 </html>

src/main/webapp/WEB-INF/views/mob/common/fragments/GnbSubMob.html

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : GnbSubMob.html
+ * @desc    : GNB Sub (모바일용)
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.08   gagamel     최초 작성
+ *******************************************************************************
+ -->
+<th:block th:fragment="gnb">
+	<header class=""> <!-- 서브페이지에서는 <header>의 클래스.main 제거 -->
+		<a href="#mainCon" class="skipNav">본문바로가기</a>
+		
+		<section class="htop" id="htopSub" style="background: #fff;">
+			<button class="btn_back" title="이전페이지로">
+				<span>
+					<i class="gl1"></i>
+					<i class="gl2"></i>
+					<i class="gl3"></i>
+				</span>
+			</button>
+			<h1 id="htopTitle">고객센터</h1>
+		</section>
+	</header>
+	
+<script th:inline="javascript">
+/*<![CDATA[*/
+	
+/*]]>*/
+</script>
+
+</th:block>
+
+</html>

src/main/webapp/WEB-INF/views/mob/common/fragments/HeadMob.html

@@ -27,7 +27,7 @@
 	<link rel="icon" href="/images/favicon-16x16.png" sizes="16x16" type="image/png"/>
 	
 	<link rel="stylesheet" type="text/css" href="/ux/mo/css/swiper.min.css"/>
-	<link rel="stylesheet" type="text/css" th:href="@{'/ux/mo/css/style24.m.css?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" href="/ux/mo/css/style24.m.css"/>
+	<link rel="stylesheet" type="text/css" th:href="@{'/ux/mo/css/style24_m.css?v=' + ${#calendars.format(#calendars.createNow(), 'yyyyMMddHHmmss')}}" href="/ux/mo/css/style24_m.css"/>
 	
 	<script src="/ux/mo/js/jquery-3.5.1.min.js"></script>
 	<script src="/ux/mo/js/jquery.modal.min.js"></script>

src/main/webapp/WEB-INF/views/mob/common/fragments/VariablesMob.html

@@ -3,7 +3,7 @@
 	xmlns:th="http://www.thymeleaf.org">
 <!--
  *******************************************************************************
- * @source  : VariablesWeb.html
+ * @source  : VariablesMob.html
  * @desc    : Global variables 설정
  *            prefix를 _(underbar)로 시작한다.
  *============================================================================
@@ -12,7 +12,7 @@
  *============================================================================
  * VER  DATE         AUTHOR      DESCRIPTION
  * ===  ===========  ==========  =============================================
- * 1.0  2021.01.28   gagamel     최초 작성
+ * 1.0  2021.03.09   gagamel     최초 작성
  *******************************************************************************
  -->
 <th:block th:fragment="variables">

src/main/webapp/WEB-INF/views/mob/common/layout/CallcenterLayoutMob.html

@@ -3,26 +3,26 @@
 	xmlns:th="http://www.thymeleaf.org"
 	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
 
-<head th:replace="~{web/common/fragments/HeadWeb :: head}"></head>
+<head th:replace="~{mob/common/fragments/HeadMob :: head}"></head>
 
 <body>
 
+	<th:block th:replace="~{mob/common/fragments/VariablesMob :: variables}"></th:block>
+	
 	<div class="app">
-		<a href="#mainCon" class="skipNav">본문바로가기</a>
-		
 		<!-- GNB -->
-		<header th:replace="~{web/common/fragments/GnbWeb :: gnb}"></header>
+		<th:block th:replace="~{mob/common/fragments/GnbSubMob :: gnb}"></th:block>
 		<!--// GNB -->
 
 		<!-- CONTENT AREA -->
 		<th:block layout:fragment="content"></th:block>
 		<!-- // CONTENT AREA -->
 
-<!-- Footer -->
-<footer id="footer" th:replace="~{web/common/fragments/FooterWeb :: footer}"></footer>
+		<!-- Footer -->
+		<th:block th:replace="~{mob/common/fragments/FooterMob :: footer}"></th:block>
 
-<th:block th:replace="~{web/common/fragments/ScriptsWeb :: scripts}"></th:block>
-<!-- <th:block th:replace="~{web/common/fragments/MarketingScripts :: mscripts}"></th:block> -->
+		<th:block th:replace="~{mob/common/fragments/ScriptsMob :: scripts}"></th:block>
+		<!-- <th:block th:replace="~{mob/common/fragments/MarketingScripts :: mscripts}"></th:block> -->
 
 <script th:inline="javascript">
 /*<![CDATA[*/
@@ -43,5 +43,7 @@
 /*]]>*/
 </script>
 
+	</div>
+	
 </body>
 </html>

src/main/webapp/WEB-INF/views/web/SigninFormWeb.html

@@ -107,7 +107,7 @@
 							</li>
 							<li>
 								<a href="javascript:void(0)">
-									<i class="ico ico_snslogin yes24"></i>
+									<i class="ico ico_snslogin yes24" onclick="cfnLoginYes24();"></i>
 									<span>YES24로 시작하기</span>
 								</a>
 							</li>
@@ -152,6 +152,25 @@
 			, $.param(params)
 			, function(result) {
 				if (result.status != 'OK') {
+
+					if (result.status == 'PWD_5WRONG') {
+						// Do nothing
+					} else if (result.status == 'DORMANT_CUST') {
+						// 휴면회원
+						mcxDialog.alertC("휴면 고객님께서는 휴면을<br>해지하신 후 사용하실 수 있습니다.", {
+							sureBtnText: "확인",
+							sureBtnClick: function() {
+								cfnGoToPage(_PAGE_CUSTOMER_DORMANT);
+							}
+						});
+
+						return;
+					} else if (result.status == 'SECEDE_CUST') {
+						// 탈퇴회원
+					} else if (result.status == 'SESSION_EXPIRED') {
+						// 세션만료
+					}
+
 					if (!gagajf.isNull(result.message)) {
 						let loginFailCnt = Number(result.loginFailInfo.loginFailCnt);
 						
@@ -176,18 +195,7 @@
 							}
 						}
 					}
-					
-					if (result.status == 'PWD_5WRONG') {
-						// Do nothing
-					} else if (result.status == 'DORMANT_CUST') {
-						// 휴면회원
-						//cfnGoToPage(_PAGE_DORMANT_GUIDE);
-					} else if (result.status == 'SECEDE_CUST') {
-						// 탈퇴회원
-					} else if (result.status == 'SESSION_EXPIRED') {
-						// 세션만료
-					}
-					
+
 					return; // 정상적으로 로그인 되지 않았으므로 return
 				}
 				
@@ -292,7 +300,7 @@
 
 
 
-$(document).ready(function() {
+	$(document).ready(function() {
 		$('#loginForm input[name=loginId]').val(gagajf.getCookie(ckLoginId));
 		if (gagajf.isNull($('#loginForm input[name=loginId]').val())) {
 			$('#loginForm input[name=loginId]').focus();

src/main/webapp/WEB-INF/views/web/callcenter/FaqFormWeb.html

@@ -73,9 +73,9 @@
 										</li>
 									</ul>
 								</div>
-								<div class="ui_row" id="ulFaq"> <!-- 데이터 없을시 클래스 nodata 추가 -->
+								<div class="ui_row" id="divFaq"> <!-- 데이터 없을시 클래스 nodata 추가 -->
 									<div class="foldGroup case1 mt50">
-										<ul id="liFaq">
+										<ul id="ulFaq">
 										</ul>
 									</div>
 								</div>
@@ -166,7 +166,7 @@
 	}
 	
 	var fnGetListCallback = function(result) {
-		$('#liFaq').html('');
+		$('#ulFaq').html('');
 
 		if (result.dataList != null && result.dataList.length > 0) {
 			$.each(result.dataList, function(idx, item) {
@@ -188,13 +188,13 @@
 				tag += '	</div>\n';
 				tag += '</li>\n';
 
-				$('#liFaq').append(tag);
+				$('#ulFaq').append(tag);
 			});
-			$('#ulFaq').removeClass('nodata');
+			$('#divFaq').removeClass('nodata');
 		} else {
 			let tag = '<li>내역이 없습니다.</li>\n';
-			$('#liFaq').append(tag);
-			$('#ulFaq').addClass('nodata');
+			$('#ulFaq').append(tag);
+			$('#divFaq').addClass('nodata');
 		}
 
 		// Create pagination
@@ -203,7 +203,7 @@
 	
 	let fnSearchFaq = function() {
 		if (gagajf.isNull($('#faqForm input[name=searchTxt]').val())) {
-			alert('검색어를 입력해 주세요.');
+			mcxDialog.alert('검색어를 입력해 주세요.');
 			return;
 		}
 		

src/main/webapp/WEB-INF/views/web/callcenter/GoodsQnaFormWeb.html

@@ -132,7 +132,7 @@
 				tag += '				<p>' + item.questContent + '</p>\n';
 				tag += '			</div>\n';
 				
-				if (item.ansStat == 'G060_10') { // 처리중일때
+				if (item.ansStat == 'G060_20') { // 답변완료일 때
 					tag += '			<button type="button" class="btn btn_default btn_del" onclick="fnDeleteQna(' + item.counselSq + ');"><span><i class="ico ico_trash"></i>삭제</span></button>\n';
 				}
 				
@@ -150,6 +150,7 @@
 				tag += '</li>\n';
 				
 				$('#ulQna').append(tag);
+				$('#divQna').removeClass('nodata');
 			});
 		} else {
 			let tag = '<li>내역이 없습니다.</li>\n';

src/main/webapp/WEB-INF/views/web/callcenter/NoticeFormWeb.html

@@ -149,6 +149,8 @@
 			let tag = '<li>내역이 없습니다.</li>\n';
 			$('#ulNotice').append(tag);
 			$('#divNotice').addClass('nodata');
+		} else {
+			$('#divNotice').removeClass('nodata');
 		}
 
 		// Create pagination

src/main/webapp/WEB-INF/views/web/callcenter/OneToOneQnaFormWeb.html

@@ -214,7 +214,7 @@
 				
 				tag += '			</div>\n';
 				
-				if (item.ansStat == 'G060_10') { // 처리중일때
+				if (item.ansStat == 'G060_20') { // 답변완료일 때
 					tag += '			<button type="button" class="btn btn_default btn_del" onclick="fnDeleteQna(' + item.counselSq + ');"><span><i class="ico ico_trash"></i>삭제</span></button>\n';
 				}
 				
@@ -233,6 +233,8 @@
 				
 				$('#ulQna').append(tag);
 			});
+			
+			$('#divQna').removeClass('nodata');
 		} else {
 			let tag = '<li>내역이 없습니다.</li>\n';
 			$('#ulQna').append(tag);

src/main/webapp/WEB-INF/views/web/customer/DormantCertifyCompleteFormWeb.html

@@ -23,13 +23,10 @@
 	<div class="wrap">
 		<div class="content dormant_clear"> <!-- 페이지특정 클래스 = dormant_clear -->
 			<div class="cont_head">
-				<h3>style24</h3>
+				<h4>휴면회원 전환안내</h4>
 			</div>
 			<div class="cont_body">
-				<div class="form_wrap form_col_c">
-					<div class="form_head">
-						<h4>휴면회원 전환안내</h4>
-					</div>
+				<form class="form_wrap form_col_c" role="form">
 					<div class="form_info">
 						<span class="ico_content_dormant2"></span>
 						<p class="c_primary">휴면상태가 해제되었습니다!</p>
@@ -40,7 +37,7 @@
 							<button type="button" class="btn btn_dark btn_block" onclick="cfnGoToPage(_PAGE_LOGIN);"><span>로그인</span></button>
 						</div>
 					</div>
-				</div>
+				</form>
 			</div>
 		</div>
 	</div>

src/main/webapp/WEB-INF/views/web/customer/DormantCertifyFormWeb.html

@@ -23,13 +23,10 @@
 	<div class="wrap">
 		<div class="content dormant"> <!-- 페이지특정 클래스 = dormant -->
 			<div class="cont_head">
-				<h3>style24</h3>
+				<h4>휴면회원 전환안내</h4>
 			</div>
 			<div class="cont_body">
-				<div class="form_wrap form_col_c">
-					<div class="form_head">
-						<h4>휴면회원 전환안내</h4>
-					</div>
+				<form class="form_wrap form_col_c form_full" role="form">
 					<div class="form_info">
 						<span class="ico_content_dormant"></span>
 						<p class="c_primary">최근 1년 이상 서비스를 이용하지 않아 휴면회원으로 전환되었습니다.</p>
@@ -55,7 +52,7 @@
 							정보통신망 이용촉진 및 정보보호 등에 관한 법률 제 29조 (개인정보의 파기) 2항 및 동법 시행령 제 16조에 의거하여 최근 1년 이상 서비스 및 이용 회원의 개인정보를 별도 분리&middot;보관하고 있습니다.
 						</p>
 					</div>
-				</div>
+				</form>
 			</div>
 		</div>
 	</div>
@@ -69,7 +66,7 @@
 			let custInfo = {};
 			custInfo.encData = encData;
 			let jsonData = JSON.stringify(custInfo);
-			gagajf.ajaxJsonSubmit('/customer/dormnat/release', jsonData, fnRelaseCallback);
+			gagajf.ajaxJsonSubmit('/customer/dormant/release', jsonData, fnRelaseCallback);
 		}
 	};
 

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

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

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

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

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

@@ -6,7 +6,7 @@
  * @source  :GoodsDeliveryFormWeb.html
  * @desc	: 상품 배송안내 팝업
  *============================================================================
- * Wivismall
+ * STYLE24
  * Copyright(C) 2020 TSIT, All rights reserved.
  *============================================================================
  * VER  DATE		 AUTHOR	  DESCRIPTION
@@ -75,7 +75,7 @@
 									배송업체
 								</th>
 								<td>
-									CJ 대한통운  -- 수정
+									<th:block th:text="${deliveryInfo.shipCompNm}" ></th:block>
 								</td>
 							</tr>
 							<tr>
@@ -106,7 +106,7 @@
 									반품/교환 배송업체
 								</th>
 								<td>
-									CJ 대한통운  -- 수정
+									<th:block th:text="${deliveryInfo.shipCompNm}" ></th:block>
 								</td>
 							</tr>
 							<tr>

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

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

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

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

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

@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html lang="ko"
+	xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : GoodsOtherFormWeb.html
+ * @desc    : 상품 안내
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.03.09   eskim        최초 작성
+ *******************************************************************************
+ -->
+ <th:block th:if="${goodsList != null and !goodsList.empty}">
+<div class="cont_head">
+	<h3 class="subH1 t_c mb40">
+		<th:block th:if="${params.goodsOtherGb =='tmtb'}" th:text="${'함께하면 할인되는 다다익선 상품'}"></th:block>
+		<th:block th:if="${params.goodsOtherGb =='together'}" th:text="${'이 상품과 함께 본 상품'}"></th:block>
+		<th:block th:if="${params.goodsOtherGb =='recommend'}" th:text="${params.brandGroupNm +' 추천상품'}"></th:block>
+		<th:block th:if="${params.goodsOtherGb =='like'}" th:text="${'이 상품과 비슷한 상품'}"></th:block>
+	</h3>
+</div>
+<div class="cont_body" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}">
+	<!-- CONT-BODY -->
+	<div class="area_slider">
+		<div class="swiper-container">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide" th:each="goodsInfo, status : ${goodsList}">
+					<div class="item_prod">
+						<div class="item_state">
+							<a href="javascript:void(0);" class="itemLink" >
+								<div class="itemPic">
+									<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}">
+									<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsInfo.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=''">관심상품 추가</button>
+								</div>
+								<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
+								<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 로고 자카드 방풍 패딩</div>
+								<p class="itemPrice">
+										<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"></th:block>
+										<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}"  th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">1,000,000</span>
+										<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
+									</p>
+							</a>
+						</div>
+					</div>
+				</div>
+			</div>
+			<th:block th:if="${params.goodsOtherGb == 'tmtb'}">
+			<!-- Add Scrollbar -->
+			<div class="swiper-scrollbar"></div>
+			</th:block> 
+		</div>
+		<th:block th:if="${params.goodsOtherGb != 'tmtb'}">
+		<!-- Add Pagination 1111111-->
+		<div class="swiper-pagination"></div>
+		<!-- Add Arrows -->
+		<div class="swiper-button-next"></div>
+		<div class="swiper-button-prev"></div>
+		</th:block>
+	</div>
+	<!-- // CONT-BODY -->
+</div>
+</th:block>
+
+
+<script th:inline="javascript">
+/*<![CDATA[*/
+	
+//슬라이드 - 함께하면 할인되는 다다익선 상품
+	var togetherItemSwiper = new Swiper('.pd .pd_together .area_slider .swiper-container', {
+		slidesPerView: 6,
+		spaceBetween: 20,
+		scrollbar: {
+			el: '.pd_together .swiper-scrollbar',
+			hide: true,
+		},
+	});  	
+	
+	//슬라이드 - 브랜드 추천상품
+	var relateItemSwiper = new Swiper('.pd .pd_brand .area_slider .swiper-container', {
+		slidesPerView: 5,
+		spaceBetween: 20,
+		navigation: {
+			nextEl: '.pd_brand .swiper-button-next',
+			prevEl: '.pd_brand .swiper-button-prev',
+		},
+		pagination: {
+			el: '.pd_brand .swiper-pagination',
+			clickable: true,
+		},
+	});  
+
+	
+	//슬라이드 - 이 상품과 함께 본 상품 
+	var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
+		slidesPerView: 5,
+		spaceBetween: 20,
+		navigation: {
+			nextEl: '.pd_clickother .swiper-button-next',
+			prevEl: '.pd_clickother .swiper-button-prev',
+		},
+		pagination: {
+			el: '.pd_clickother .swiper-pagination',
+			clickable: true,
+		},
+	});	
+	
+	//슬라이드 - 이 상품과 비슷한 상품 
+	var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
+		slidesPerView: 5,
+		spaceBetween: 20,
+		navigation: {
+			nextEl: '.pd_relate .swiper-button-next',
+			prevEl: '.pd_relate .swiper-button-prev',
+		},
+		pagination: {
+			el: '.pd_relate .swiper-pagination',
+			clickable: true,
+		},
+	});	  
+/*]]>*/
+</script>	
+</html>

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

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

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

@@ -6,7 +6,7 @@
  * @source  : GoodsQnaFormWeb.html
  * @desc	: 상품 문의 팝업
  *============================================================================
- * Wivismall
+ * STYLE24
  * Copyright(C) 2020 TSIT, All rights reserved.
  *============================================================================
  * VER  DATE		 AUTHOR	  DESCRIPTION
@@ -58,7 +58,8 @@
 			<div class="qna_list">
 				<!-- 나열조건결과 있을 때 노출 내용 -->
 				<div class="form_field">
-					<input id="except_secret" type="checkbox" value="Y" name="secretYn" onclick=""><label for="except_secret"><span>비밀글제외</span></label>
+					<input id="except_secret" name="except_secret" type="checkbox"  onclick="fnGetList();"><label for="except_secret"><span>비밀글제외</span></label>
+					<input  type="hidden" name="secretYn" >
 				</div>
 				<div class="ui_row">
 					<div class="foldGroup case1">
@@ -91,7 +92,12 @@
 <script th:inline="javascript">
 /*<![CDATA[*/
 	
-	let fnGetList = function() {
+	var fnGetList = function() {
+
+		$('#goodsQnaForm  input[name="secretYn"]').val('');
+		if ($("#goodsQnaForm input:checkbox[name=except_secret]").is(':checked')){
+			$('#goodsQnaForm  input[name="secretYn"]').val('N');
+		}
 		// Initialize a pagination
 		gagaPaging.init('goodsQnaForm', fnGetListCallback, 'pageNav', 20);
 

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

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

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

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

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

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

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

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

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

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

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

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