|
|
@@ -0,0 +1,3287 @@
|
|
|
+<!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/GoodsLayoutMob">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : GoodsDealDetailFormMob.html
|
|
|
+ * @desc : 딜 상품상세 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.04.15 eskim 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+<th:block layout:fragment="content">
|
|
|
+<main role="" id="" class="container pd deal" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}, imgUrl=${@environment.getProperty('upload.image.view')}">
|
|
|
+
|
|
|
+ <!-- ★ 컨텐츠 시작 -->
|
|
|
+ <section class="pd_detail">
|
|
|
+
|
|
|
+ <!-- 210409_ 구조변경 : .pd_info, .pd_info1 추가 -->
|
|
|
+ <div class="pd_info">
|
|
|
+ <div class="pd_info1" data-speed="10">
|
|
|
+
|
|
|
+ <div class="inner wide" th:if="${goodsImgList != null and !goodsImgList.empty}">
|
|
|
+ <div class="thumb_box">
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container thumb_list">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <th:block th:each="goodsImg, status : ${goodsImgList}">
|
|
|
+ <div class="swiper-slide" th:if="${ not (#strings.contains(goodsImg.sysImgNm,'_S1.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_L1.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_L2.'))}">
|
|
|
+ <div class="thumb" ><img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=1080'}" alt="" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'"></div></div> <!-- mov -->
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="inner">
|
|
|
+ <!-- 210409_ 구조변경 : .covered 추가 -->
|
|
|
+ <div class="covered">
|
|
|
+ <div class="timer_box" style="display:none;">
|
|
|
+ <p>
|
|
|
+ <span class="tt">남은시간</span>
|
|
|
+ <span class="timer">
|
|
|
+ <em id="d-days">0</em>
|
|
|
+ <em id="d-hours">0</em>
|
|
|
+ <em id="d-minutes">0</em>
|
|
|
+ <em id="d-seconds">0</em>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="descript_box">
|
|
|
+ <p class="name" th:text="${goodsInfo.goodsFullNm}">유니 삼단블록 플리스 집업</p>
|
|
|
+ <p class="comment" th:text="${goodsInfo.goodsTnm}">#가을 느낌 물씬!</p>
|
|
|
+ <p class="price_blk">
|
|
|
+ <span class="sale_price" ><em th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}">134,100</em>원 ~</span>
|
|
|
+ </p>
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div><button type="button" class="btn btn_default" id="btn_saleCoupon_pop" th:onclick="cfGoodsCouponInfo([[${goodsInfo.goodsCd}]],[[${goodsInfo.goodsType}]])">쿠폰받기</button></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="inner wide" th:if="${not #strings.isEmpty(goodsInfo.delvResDt) }">
|
|
|
+ <div class="desc_status">예약판매 상품 - <em th:text="${goodsInfo.delvResDt}">2020.12.30</em> 출고예정</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="inner" th:if="${(cardInfoList != null and !cardInfoList.empty) or
|
|
|
+ (goodsCouponList != null and !goodsCouponList.empty) or
|
|
|
+ (tmtbList != null and !tmtbList.empty) or
|
|
|
+ (freeGoodsList != null and !freeGoodsList.empty)}" >
|
|
|
+ <div class="benefit_box">
|
|
|
+ <dl class="bnf_shopping" th:if="${(goodsCouponList != null and !goodsCouponList.empty) or (tmtbList != null and !tmtbList.empty)}">
|
|
|
+ <dt>쇼핑혜택</dt>
|
|
|
+ <dd>
|
|
|
+ <th:block th:if="${goodsCouponList != null and !goodsCouponList.empty}">
|
|
|
+ <span th:each="goodsCoupon, status : ${goodsCouponList}" th:if="${status.first}">최대 <em>
|
|
|
+ <th:block th:if="${goodsCoupon.dcWay == 'G240_10'}" th:text="|${#numbers.formatInteger(goodsCoupon.dcVal, 0,'COMMA')}원|"></th:block>
|
|
|
+ <th:block th:unless="${goodsCoupon.dcWay == 'G240_10'}" th:text="|${goodsCoupon.dcVal}%|"></th:block>
|
|
|
+ </em> 쿠폰 할인</span>
|
|
|
+ </th:block>
|
|
|
+ <th:block th:if="${tmtbList != null and !tmtbList.empty}">
|
|
|
+ <span th:each="tmtb, status : ${tmtbList}" th:if="${status.first}">
|
|
|
+ <em><th:block th:text="${#numbers.formatInteger(tmtb.sectionVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.sectionGb == 'G810_10')? '개':'금액'}"></th:block></em> 이상 구매 시
|
|
|
+ <em><th:block th:text="${#numbers.formatInteger(tmtb.dcVal, 0,'COMMA')}"></th:block><th:block th:text="${(tmtb.dcWay == 'G240_10')? '원':'%'}"></th:block></em></em> 할인
|
|
|
+ </span>
|
|
|
+ </th:block>
|
|
|
+ <span th:if="${freeGoodsList != null and !freeGoodsList.empty}">
|
|
|
+ <th:block th:each="freeGoods, status : ${freeGoodsList}" th:if="${status.first}">
|
|
|
+ <th:block th:text="${freeGoods.goodsNm}"></th:block> 증정 <th:block th:if="${freeGoods.allYn == 'N'}" th:text="외 택1"></th:block></span>
|
|
|
+ <button type="button" id="btn_bnfShopping_pop" class="btn_popup" th:onclick="cfGoodsShopBenefitInfo([[${goodsInfo.goodsCd}]])"><span>자세히</span></button>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ <dl class="bnf_card">
|
|
|
+ <dt>카드혜택</dt>
|
|
|
+ <dd>
|
|
|
+ <th:block th:each="cardInfo, status : ${cardInfoList}">
|
|
|
+ <span th:if="${cardInfo.prmtGb == 'A' and cardInfo.dcGb != '3'}"><th:block th:text="${cardInfo.prmtTargetNm}"></th:block> <em><th:block th:text="${#numbers.formatInteger(cardInfo.dcVal, 0,'COMMA')+ cardInfo.dcWayNm}"></th:block></em> <th:block th:text="${cardInfo.prmtGbNm}"></span>
|
|
|
+ <span th:if="${cardInfo.prmtGb == 'A' and cardInfo.dcGb == '3'}" th:text="${cardInfo.prmtNm}">프로모션명</span>
|
|
|
+ <span th:if="${cardInfo.prmtGb == 'B'}">신용카드 무이자 혜택</span>
|
|
|
+ </th:block>
|
|
|
+ <button type="button" id="btn_bnfCard_pop" class="btn_popup" onclick="cfCardInfo();return false;"><span>자세히</span></button>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- //***** 상품소개영역 ***** -->
|
|
|
+ <th:block th:include="~{mob/goods/GoodsIncludeFormMob:: goodsDealComposeForm}"></th:block>
|
|
|
+
|
|
|
+ <div class="inner">
|
|
|
+ <div class="recommendedArea">
|
|
|
+ <!-- 이상품과 함께 본 상품영역-->
|
|
|
+ <div class="pd_clickother" id="goodsTogetherbArea">
|
|
|
+ </div>
|
|
|
+ <!-- //이상품과 함께 본 상품영역-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 팝업영역 -->
|
|
|
+ <div>
|
|
|
+ <!-- 구매하기팝업 -->
|
|
|
+ <div class="btPop btPopAuto pd_pop Purchase_pop" id="btPopAuto_back">
|
|
|
+ <a class="btn btPop_close">Close </a>
|
|
|
+ <div class="header btPop_head btPopAuto_head">
|
|
|
+ 구매하기팝업
|
|
|
+ </div>
|
|
|
+ <div class="body btPop_body btPopAuto_body">
|
|
|
+ <div class="option_result op1">
|
|
|
+ <!-- 옵션 -->
|
|
|
+ <div class="option_box">
|
|
|
+ <div class="opt_select">
|
|
|
+ <form class="form_wrap">
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom option_open">
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">상품옵션06</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <div class="opt_result">
|
|
|
+ <div class="result_item">
|
|
|
+ <div class="opt_header">
|
|
|
+ <div class="bundle">
|
|
|
+ <span class="item_name">[상품1] 남성 테이퍼드핏 기모면 올밴딩 팬트</span>
|
|
|
+ <span class="item_option">블루그레이/S</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="number_count">
|
|
|
+ <span class="minus"><em class="sr-only">감소</em></span>
|
|
|
+ <input type="text" name="" maxlength="3" style="ime-mode:disabled" value="1" readonly>
|
|
|
+ <span class="plus"><em class="sr-only">추가</em></span>
|
|
|
+ </div>
|
|
|
+ <div class="item_price">
|
|
|
+ <p><em>99,999,999</em>원</p>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn_delete_item"><span>삭제</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="result_item">
|
|
|
+ <div class="opt_header">
|
|
|
+ <div class="bundle">
|
|
|
+ <span class="item_name">[상품1] 남성 테이퍼드핏 기모면 올밴딩 팬트</span>
|
|
|
+ <span class="item_option">블루그레이/S</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="number_count">
|
|
|
+ <span class="minus"><em class="sr-only">감소</em></span>
|
|
|
+ <input type="text" name="" maxlength="3" style="ime-mode:disabled" value="1" readonly>
|
|
|
+ <span class="plus"><em class="sr-only">추가</em></span>
|
|
|
+ </div>
|
|
|
+ <div class="item_price">
|
|
|
+ <p><em>99,999,999</em>원</p>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn_delete_item"><span>삭제</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <!-- 네이버결제 -->
|
|
|
+ <div class="npay_box">
|
|
|
+ <div class="np_head">
|
|
|
+ <div><img src="/images/mo/img_npay_txt.png" alt="NAVER 네이버 ID로 간편구매 네이버페이"></div>
|
|
|
+ <div><button><img src="/images/mo/btn_npay_txt.png" alt="Npay 구매"></button></div>
|
|
|
+ </div>
|
|
|
+ <div class="np_body">
|
|
|
+ <a href="#none"><em>[멥버십]</em>첫달 무료가입하고 추가 4%!</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 옵션선택팝업 -->
|
|
|
+ <div class="pop_option_select">
|
|
|
+ <div class="close">닫기</div>
|
|
|
+ <div class="pp_body">
|
|
|
+ <div class="pp_cont">
|
|
|
+ <div class="opt_select">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="title">옵션선택</span>
|
|
|
+ <div class="check_excluding form_field">
|
|
|
+ <div>
|
|
|
+ <input id="excluding" type="checkbox" onclick='getGuidance(event)'><label for="excluding"> <span>품절제외</span> </label>
|
|
|
+ </div>
|
|
|
+ <div class="guidance" >
|
|
|
+ <!--210409_ 추가 : .guidance에 .ontoast 추가 시, toast 팝업 작동 -->
|
|
|
+ <p><span>99</span>개 품절 옵션이 제외되었습니다</p>
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ function getGuidance(event) {
|
|
|
+ if(event.target.checked){
|
|
|
+ $(".guidance").addClass("ontoast");
|
|
|
+ setTimeout(function(){$(".guidance").removeClass("ontoast");}, 5000);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <form class="form_wrap">
|
|
|
+ <div class="form_field mb20">
|
|
|
+ <div class="select_custom deal_opt_item active">
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">상품</div>
|
|
|
+ <ul class="list">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="javascript:void(0)" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <div class="itemName"><span class="tit_option">[상품1]</span> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="javascript:void(0)" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <div class="itemName"><span class="tit_option">[상품2]</span> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="selected">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="javascript:void(0)" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <div class="itemName"><span class="tit_option">[상품3]</span> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li aria-disabled="true">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="javascript:void(0)" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <div class="itemName"><span class="tit_option">[상품4]</span> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="javascript:void(0)" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <div class="itemName"><span class="tit_option">[상품5]</span> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="javascript:void(0)" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <div class="itemName"><span class="tit_option">[상품6]</span> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom item_opt1" disabled>
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">옵션1</div>
|
|
|
+ <ul class="list" style="display: none;">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="">선택</li>
|
|
|
+ <li class="">옵션2</li>
|
|
|
+ <li class="selected">상품옵션3</li>
|
|
|
+ <li>상품옵션4</li>
|
|
|
+ <li aria-disabled="true">
|
|
|
+ <div>상품옵션15</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ <li>상품옵션5</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">
|
|
|
+ <div>상품옵션6</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom item_opt2" disabled>
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">옵션1</div>
|
|
|
+ <ul class="list" style="display: none;">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="">선택</li>
|
|
|
+ <li class="">옵션1</li>
|
|
|
+ <li class="selected">옵션1</li>
|
|
|
+ <li>옵션1</li>
|
|
|
+ <li aria-disabled="true">
|
|
|
+ <div>옵션1</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ <li>옵션1</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">
|
|
|
+ <div>옵션1</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //옵션선택팝업 -->
|
|
|
+ </div>
|
|
|
+ <div class="body btPop_foot btPopAuto_foot">
|
|
|
+ <!-- 총 결재금액, 하단버튼 -->
|
|
|
+ <div class="pay_box">
|
|
|
+ <div class="price_box">
|
|
|
+ <p class="number">
|
|
|
+ 총 <span>99</span>개
|
|
|
+ </p>
|
|
|
+ <p class="price">
|
|
|
+ <span>
|
|
|
+ 99,999,999<em>원</em>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="btn_box">
|
|
|
+ <button class="gift" id="btn_gift">
|
|
|
+ <span><span>선물해보세요!</span></span>
|
|
|
+ </button>
|
|
|
+ <button class="cart" id="btn_shoppingBag_pop">쇼핑백</button>
|
|
|
+ <button class="buyNow" id="btn_now_purchase">바로구매</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 구매하기팝업 -->
|
|
|
+
|
|
|
+ <!-- 쇼핑백팝업 -->
|
|
|
+ <div id="shoppingBagModal">
|
|
|
+ <div class="shoppingBag_box">
|
|
|
+ <p>쇼핑백에 상품을 담았습니다.</p>
|
|
|
+ <a href="#none" class="link_shoppingBag">쇼핑백 바로가기</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //쇼핑백팝업 -->
|
|
|
+
|
|
|
+ <!-- 세일쿠폰다운팝업 -->
|
|
|
+ <div class="modal fade pd_pop salecoupon_pop" id="saleCouponPop" tabindex="-1" role="dialog" aria-labelledby="modalScrollLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="modalScrollLabel">할인쿠폰 받기</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>
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div>
|
|
|
+ <button type="button" class="btn btn_dark" id="btn_result_coupon">
|
|
|
+ <span>쿠폰받기</span>
|
|
|
+ <span>받기완료</span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </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>
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div>
|
|
|
+ <button type="button" class="btn btn_dark" disabled=""><span>쿠폰받기</span>
|
|
|
+ <span>받기완료</span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" id="btn_all_coupon" class="btn btn_primary"><span>쿠폰 모두 받기</span><span>쿠폰 모두 받기 완료</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //세일쿠폰다운팝업 -->
|
|
|
+
|
|
|
+ <!-- EP제휴쿠폰다운팝업 -->
|
|
|
+ <div class="modal fade pd_pop epcoupon_pop" id="epCouponPop" tabindex="-1" role="dialog" aria-labelledby="modalScrollLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="modalScrollLabel">네이버 전용 할인쿠폰</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="ep_coupon">
|
|
|
+ <div>
|
|
|
+ <p class="cp_title">
|
|
|
+ COUPON
|
|
|
+ </p>
|
|
|
+ <p class="cp_cont">
|
|
|
+ <!-- 할인금액 일때 -->
|
|
|
+ <span class="unit_won">
|
|
|
+ <em class="number">3,000</em><em class="unit">원</em>
|
|
|
+ </span>
|
|
|
+ <!-- //할인금액 일때 -->
|
|
|
+ <!-- 할인율 일때 -->
|
|
|
+ <span class="unit_percent">
|
|
|
+ 최대<em class="number">30</em><em class="unit">%</em>
|
|
|
+ </span>
|
|
|
+ <!-- //할인율 일때 -->
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>일부 상품은 쿠폰 사용이 제한될 수 있습니다.</li>
|
|
|
+ <li>할인대상 및 금액은 상시 변경됩니다.</li>
|
|
|
+ <li>제휴 사이트와 정보연동 시간차이로 판매정보가 불일치할 수 있습니다.</li>
|
|
|
+ <li>본 쿠폰은 제휴 사이트를 통해 들어온 고객님만 발급 및 사용이 가능합니다.</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" id="btn_result_coupon2" class="btn btn_primary"><span>쿠폰 모두 받기</span><span>쿠폰 모두 받기 완료</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //EP제휴쿠폰다운팝업 -->
|
|
|
+
|
|
|
+ <!-- 쇼핑혜택팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop bnf_shopping_pop" id="bnfShoppingPop" 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" id="exampleFullLabel">쇼핑혜택</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><p>50% 할인</p></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>쿠폰할인</th>
|
|
|
+ <td><p>최대 10% 할인</p></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><p>9,999,999원 할인</p></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>9,999개 이상 구매 시</th>
|
|
|
+ <td><p>20% 할인</p></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>99,999,999원 이상 구매 시</th>
|
|
|
+ <td><p>9,999,999원 할인</p></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>99,999,999원 이상 구매 시</th>
|
|
|
+ <td><p>20% 할인</p></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원 이상 구매 시
|
|
|
+ <p>미니언즈 우산 99개 증정</p>
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 99,999,999원 이상 구매 시
|
|
|
+ <p>미니언즈 우산 99개 증정 외 택1</p>
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //쇼핑혜택팝업 -->
|
|
|
+
|
|
|
+ <!-- 카드혜택팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop bnf_card_pop" id="bnfCardPop" 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" id="exampleFullLabel">카드혜택</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>할인혜택</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="85">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ KB국민카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>5% 즉시할인</p>
|
|
|
+ <p>7만원 이상 구매 시<br> 최대 5만원 할인</p>
|
|
|
+ <a href="" target="_blank" class="link">자세히보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 삼성카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>5% 즉시할인</p>
|
|
|
+ <p>7만원 이상 구매 시<br> 최대 5만원 할인</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 제휴카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>YES24 MANIA 롯데카드</p>
|
|
|
+ <p>최대 12~24% 청구할인</p>
|
|
|
+ <p>1회 1만5천원이상 결제 시, 바로발급 가능</p>
|
|
|
+ <a href="" target="_blank" class="link">자세히보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>무이자 할부</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="85">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ KB국민카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>2~6개월 무이자</p>
|
|
|
+ <p>5만원 이상 구매 시</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 삼성카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>2~6개월 무이자</p>
|
|
|
+ <p>5만원 이상 구매 시</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>부분 무이자 할부</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="85">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 삼성카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>10개월(1~4회차 고객부담)</p>
|
|
|
+ <p>12개월(1~5회차 고객부담)</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ BC카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>7개월(1~2회차 고객부담)</p>
|
|
|
+ <p>8개월(1~2회차 고객부담)</p>
|
|
|
+ <p>ARS 사전신청 고객에 한함(1899-5772)</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>무이자할부는 행사기간 동안 실 결제금액 기준으로 가능</li>
|
|
|
+ <li>법인, 체크, 기프트 카드는 부분 무이자 할부 제외</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //카드혜택팝업 -->
|
|
|
+
|
|
|
+ <!-- 재입고알림신청팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop push_restock_pop" id="pushRestockPop" 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" id="exampleFullLabel">재입고 알림 신청</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">NBA</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <div class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <div class="lap">
|
|
|
+ <span class="itemPrice_sale">80,100</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="select_blk">
|
|
|
+ <h6>사이즈 선택</h6>
|
|
|
+ <div class="option_box">
|
|
|
+ <div class="opt_size">
|
|
|
+ <div class="form_field2">
|
|
|
+ <div class="lap">
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value="" checked=""><span>90</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value="" disabled=""><span>95</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>100</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>105</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>110</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>115</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>free</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="select_blk">
|
|
|
+ <div class="opt_select">
|
|
|
+ <h6>옵션 선택</h6>
|
|
|
+ <div class="form_wrap">
|
|
|
+ <div class="form_field">
|
|
|
+ <select id="" class="form-control select">
|
|
|
+ <option value="hide">옵션1 선택</option>
|
|
|
+ <option value="" rel="icon-temperature">카키/95</option>
|
|
|
+ <option value="">카키/100</option>
|
|
|
+ <option value="">카키/105</option>
|
|
|
+ <option value="" disabled>카키/110</option>
|
|
|
+ <option value="">옐로우/95</option>
|
|
|
+ <option value="">옐로우/100</option>
|
|
|
+ <option value="">옐로우/105</option>
|
|
|
+ <option value="">옐로우/110</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <select id="" class="form-control select" disabled>
|
|
|
+ <option value="hide">옵션1 선택</option>
|
|
|
+ <option value="" rel="icon-temperature">카키/95</option>
|
|
|
+ <option value="">카키/100</option>
|
|
|
+ <option value="">카키/105</option>
|
|
|
+ <option value="" disabled>카키/110</option>
|
|
|
+ <option value="">옐로우/95</option>
|
|
|
+ <option value="">옐로우/100</option>
|
|
|
+ <option value="">옐로우/105</option>
|
|
|
+ <option value="">옐로우/110</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div><button type="button" id="" class="btn btn_dark"><span>신청</span></button></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //재입고알림신청팝업 -->
|
|
|
+
|
|
|
+ <!-- 사이즈정보팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop info_size_pop" id="infoSizePop" 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" id="exampleFullLabel">사이즈 정보</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="tab_nav">
|
|
|
+ <ul>
|
|
|
+ <li class=""><a href="javascript:void(0)">실측 사이즈</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">표준 사이즈</a></li>
|
|
|
+ <li class="active"><a href="javascript:void(0)">측정 사이즈</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="tab_cont_wrap">
|
|
|
+ <div class="tab_cont" style="display: none;">
|
|
|
+ <!-- 실측 사이즈 -->
|
|
|
+ <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"> </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" style="display: none;">
|
|
|
+ <!-- 표준 사이즈 카테고리 구분일때 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <div class="category_open">상의</div>
|
|
|
+ <div class="category_box">
|
|
|
+ <div class="lap">
|
|
|
+ <div class="category_close">카테고리닫기</div>
|
|
|
+ <div class="category_list">
|
|
|
+ <!-- 표준 사이즈 > 카테고리 선택 -->
|
|
|
+ <div class="sub_tab_nav">
|
|
|
+ <ul>
|
|
|
+ <li class="active"><a href="javascript:void(0)">여성</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">남성</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">캐주얼</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">유아동</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">신발</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">언더웨어</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 선택 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_cont">
|
|
|
+ <div class="sub_tab_cont_wrap">
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(여성) -->
|
|
|
+ <div class="sub_tab_cont" style="display: block;">
|
|
|
+ <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"> </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"> </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" style="display: none;">
|
|
|
+ <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"> </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"> </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" style="display: none;">
|
|
|
+ <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"> </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"> </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" style="display: none;">
|
|
|
+ <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"> </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"> </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" style="display: none;">
|
|
|
+ <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"> </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"> </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" style="display: none;">
|
|
|
+ <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"> </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"> </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"> </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"> </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" style="display: block;">
|
|
|
+ <!-- 측정 사이즈 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <div class="category_open">상의</div>
|
|
|
+ <div class="category_box">
|
|
|
+ <div class="lap">
|
|
|
+ <div class="category_close">카테고리닫기</div>
|
|
|
+ <div class="category_list">
|
|
|
+ <!-- 측정 사이즈 > 카테고리 선택 -->
|
|
|
+ <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>
|
|
|
+ </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>
|
|
|
+ </div>
|
|
|
+ <!-- //사이즈정보팝업 -->
|
|
|
+
|
|
|
+ <!-- 제품문의리스트팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_qnalist_pop" id="pdQnaListPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <!-- 해당상품 -->
|
|
|
+ <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">NBA</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //해당상품 -->
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //제품문의리스트팝업 -->
|
|
|
+
|
|
|
+ <!-- 제품문의작성팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_qnawrite_pop" id="pdQnaWritePop" 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" id="exampleFullLabel">상품 문의하기</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>배송, 주문/결제, 취소/반품/교환/환불, 회원, 쿠폰/포인트, 이벤트 등의 자세한 문의사항은 고객센터 > 1:1문의를 이용하여 주시기 바랍니다.</li>
|
|
|
+ <li>상품문의에 부합하지 않는 광고, 이유없는 비방, 욕설 및 오해의 소지가 있는 문의건에 대해서는 사전 통보 없이 삭제 될 수 있습니다.</li>
|
|
|
+ <li>답변은 마이페이지 > 상품 문의에서 확인 하실 수 있습니다.</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="input_box">
|
|
|
+ <div class="lap">
|
|
|
+ <textarea class="doc_itemqna" name="" id="" cols="30" rows="10" placeholder="문의내용 입력(500자 이내)" style="resize: none;"></textarea>
|
|
|
+ <p class="txt_cnt">
|
|
|
+ <span id="itemqna_cnt" class="itemqna_cnt"><em class="c_primary">0</em>/500자</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="secret_box">
|
|
|
+ <input id="wr_secret" type="checkbox"><label for="wr_secret"><span>비밀글설정</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="push_box">
|
|
|
+ <dl>
|
|
|
+ <dt>알림톡 수신 여부</dt>
|
|
|
+ <dd>
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-push" id="rdi-push1" value="" checked="">
|
|
|
+ <label for="rdi-push1"><span>수신</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-push" id="rdi-push2" value="">
|
|
|
+ <label for="rdi-push2"><span>미수신</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div><button type="button" class="btn btn_dark"><span>등록</span></button></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //제품문의작성팝업 -->
|
|
|
+
|
|
|
+ <!-- 배송교환반품팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_delivery_pop" id="pdDeliveryPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <!-- 해당상품 -->
|
|
|
+ <div class="item_blk">
|
|
|
+ <div class="item_prod2">
|
|
|
+ <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>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //해당상품 -->
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="inner">
|
|
|
+ <div class="delivery">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <h2>배송안내</h2>
|
|
|
+ <h3>구분</h3>
|
|
|
+ <p class="dot">일반배송/총알배송(오전 10시까지 주문 시)</p>
|
|
|
+ </div>
|
|
|
+ <div class="pop_cont">
|
|
|
+ <h3>배송비</h3>
|
|
|
+ <p class="dot">배송비 2,500원</p>
|
|
|
+ <p class="dot">배송비 2,500원(40,000원 이상 무료배송)</p>
|
|
|
+ <p class="dot">무료배송</p>
|
|
|
+ </div>
|
|
|
+ <div class="pop_cont">
|
|
|
+ <h3>배송업체</h3>
|
|
|
+ <p class="dot">CJ 대한통운</p>
|
|
|
+ </div>
|
|
|
+ <div class="pop_cont">
|
|
|
+ <h3>기간</h3>
|
|
|
+ <p class="dot">총알배송 : 오늘 밤 12시까지 도착 (토/일/공휴일 제외)</p>
|
|
|
+ <p class="dot">일반배송 : 결제 완료 후 2~3일 이내 (일/공휴일 제외)</p>
|
|
|
+ <p class="dot">단, 제주도나 도서 지방은 별도요금이 부과될 수 있습니다. 날씨나 택배사 사정에 따라 배송이 지연될 수 있습니다.</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="inner wide">
|
|
|
+ <div class="pop_board"></div>
|
|
|
+ </div>
|
|
|
+ <div class="inner">
|
|
|
+ <div class="change">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <h2>반품/교환안내</h2>
|
|
|
+ <table class="pop_table">
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>반품/교환<br>배송업체</th>
|
|
|
+ <td>CJ 대한통운</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>반품배송비</th>
|
|
|
+ <td>3,000원(최초 배송비가 무료인 경우<br>왕복 배송비 6,000원 부과)</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>교환배송비</th>
|
|
|
+ <td>6,000원</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>반품/교환 주소</th>
|
|
|
+ <td>10857 경기도 파주시 탄현면 방촌로<br>1172-21 아이스타일24 물류센터</td>
|
|
|
+ </tr>
|
|
|
+ </tbody></table>
|
|
|
+ </div>
|
|
|
+ <div class="pop_cont">
|
|
|
+ <h3>반품/교환 신청</h3>
|
|
|
+ <p class="dot">반품/교환 시 먼저 고객센터(1544-5336)나 일대일 문의로 반품/교환 신청 후 상품을 발송 해 주시기 바랍니다.</p>
|
|
|
+ <p class="dot">마이페이지 > 나의쇼핑 > 정상주문내역에서 하실 수 있습니다.</p>
|
|
|
+ <p class="dot">반품/교환 신청시 상품의 반송입고 확인 후 환불/교환 처리해 드립니다.</p>
|
|
|
+ </div>
|
|
|
+ <div class="pop_cont">
|
|
|
+ <h3>반품시기</h3>
|
|
|
+ <p class="dot">상품의 반품/교환은 상품 수령 후 7일 이내 가능합니다. 단, 상품을 수령하셨을 때의 상태를 그대로 보존해 주셔야 합니다.</p>
|
|
|
+ </div>
|
|
|
+ <div class="pop_cont">
|
|
|
+ <h3>반품/교환 불가사유</h3>
|
|
|
+ <p class="dot">반품/교환 가능기간을 초과하였을 경우.</p>
|
|
|
+ <p class="dot">상품 및 구성품을 분실하였거나 취급 부주의로 인한 파손/고장/오염된 경우.</p>
|
|
|
+ <p class="dot">고객님의 요청에 따른 주문제작 상품의 경우.</p>
|
|
|
+ <p class="dot">상품을 착용 또는 설치하였거나, 상품의 일부를 소비하였을 경우.</p>
|
|
|
+ <p class="dot">상품의 포장을 개봉하여 사용 및 설치가 완료 되거나 상품의 가치가 훼손되었을 경우.</p>
|
|
|
+ <p class="dot">구매한 상품의 구성품(세트, 기프트상품, 부속품, 의류부착 악세사리 등)이 누락 된 경우.</p>
|
|
|
+ <p class="dot">신발, 그릇류의 박스포장을 포함, 상품이 판매할 수 없게 훼손 된 경우(신발박스 등의 파손, 박스포장 위 송장 부착, 박스 훼손/파손/찢어집, 택 분실 등)</p>
|
|
|
+ </div>
|
|
|
+ <div class="pop_cont">
|
|
|
+ <h3>기타사항</h3>
|
|
|
+ <p class="dot">상품에 따라 반송주소/방법이 각각 다를 수 있습니다.</p>
|
|
|
+ <p class="dot">자사배송 상품의 경우, 출고 전후 옵션 변경 및 다른 상품으로 교환이 불가하여 취소 또는 재주문하셔야 합니다.</p>
|
|
|
+ <p class="dot">고객님께서 임의로 반송하실 경우, 빠른 처리가 어려울 수 있습니다.</p>
|
|
|
+ <p class="dot">제품 반송 시 꼭 반품 신청 후, 안내에 따른 반송 부탁 드립니다.</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //배송교환반품팝업 -->
|
|
|
+
|
|
|
+ <!-- 베스트리뷰팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_bestreviewdetail_pop" id="pdBestReviewPop" 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" id="exampleFullLabel">베스트 리뷰</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <!-- 리뷰사진영역 -->
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container thumb_list">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide"><div class="thumb nodata"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div><!-- 이미지 없으면 calss .nodata -->
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //리뷰사진영역 -->
|
|
|
+ <!-- 리뷰내용 -->
|
|
|
+ <div class="pd_review best">
|
|
|
+ <div class="area_rv_all">
|
|
|
+ <div class="btn_review_open">리뷰오픈</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>
|
|
|
+ <div>
|
|
|
+ <dt>키/몸무게</dt>
|
|
|
+ <dd>178cm/71kg</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="txt_review_box">
|
|
|
+ <p>
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="response_box2">
|
|
|
+ <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="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>
|
|
|
+ </div>
|
|
|
+ <!-- //리뷰내용 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //베스트리뷰팝업 -->
|
|
|
+
|
|
|
+ <!-- 포토/영상리뷰팝업(detail) -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_photoreviewdetail_pop" id="pdPhotoReviewDetailPop" 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" id="exampleFullLabel">
|
|
|
+ <button id="btn_more_photoreview"></button>
|
|
|
+ 포토/영상리뷰
|
|
|
+ </h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <!-- 리뷰사진영역 -->
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container thumb_list">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="thumb 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>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //리뷰사진영역 -->
|
|
|
+ <!-- 리뷰내용 -->
|
|
|
+ <div class="pd_review photo">
|
|
|
+ <div class="area_rv_all">
|
|
|
+ <div class="btn_review_open">리뷰오픈</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>
|
|
|
+ <div>
|
|
|
+ <dt>키/몸무게</dt>
|
|
|
+ <dd>178cm/71kg</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="txt_review_box">
|
|
|
+ <p>
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="response_box2">
|
|
|
+ <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="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>
|
|
|
+ </div>
|
|
|
+ <!-- //리뷰내용 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //포토/영상리뷰팝업(detail) -->
|
|
|
+
|
|
|
+ <!-- 포토/영상리뷰팝업(list) -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_photoreviewlist_pop" id="pdPhotoReviewListPop" 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" id="exampleFullLabel">포토/영상리뷰</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>
|
|
|
+ <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 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>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="review_last">
|
|
|
+ 마지막 게시글입니다.
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //포토/영상리뷰팝업(list) -->
|
|
|
+
|
|
|
+ <!-- 딜제품상세보기팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_descrp_pop" id="pdDescrpPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <div class="deal_listDescrp_open">상품 1</div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <!-- 아이템 -->
|
|
|
+ <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">NBA 키즈</p>
|
|
|
+ <div class="itemName"><span class="tit_option">[상품1]</span>유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</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="pop_cont"></div>
|
|
|
+ <!-- 상세정보리스트팝업 -->
|
|
|
+ <div class="pd_pop list_pop pd_pop pd_listDescrp_pop" id="listDescrpPop">
|
|
|
+ <div class="modal_content">
|
|
|
+ <!-- <div class="close">닫기</div> -->
|
|
|
+ <div class="listpop_body">
|
|
|
+ <!-- 아이템선택 -->
|
|
|
+ <div class="deal_list_select">
|
|
|
+ <ul class="list">
|
|
|
+ <li class="selected">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="javascript:void(0)" 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"><span class="tit_option">[상품1]</span>유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="javascript:void(0)" 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"><span class="tit_option">[상품1]</span>유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="javascript:void(0)" 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"><span class="tit_option">[상품1]</span>유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="javascript:void(0)" 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"><span class="tit_option">[상품1]</span>유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //아이템선택 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상세정보리스트팝업 -->
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button class="btn btn_primary" id="btn_deal_purchase">구매하기</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //딜제품상세보기팝업 -->
|
|
|
+
|
|
|
+ <!-- 딜리뷰제품리스트팝업 -->
|
|
|
+ <div class="pd_pop list_pop pd_pop pd_listReview_pop" id="listReviewPop">
|
|
|
+ <div class="modal_content">
|
|
|
+ <div class="close">닫기</div>
|
|
|
+ <div class="listpop_body">
|
|
|
+ <!-- 아이템선택 -->
|
|
|
+ <div class="deal_list_select">
|
|
|
+ <ul class="list">
|
|
|
+ <li class="selected">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state active">
|
|
|
+ <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">
|
|
|
+ <span class="tit_option">[상품1]</span>
|
|
|
+ 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
|
|
|
+ </div>
|
|
|
+ <p class="itemText">
|
|
|
+ <span class="tx1">(리뷰 9,999+)</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <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">
|
|
|
+ <span class="tit_option">[상품1]</span>
|
|
|
+ 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
|
|
|
+ </div>
|
|
|
+ <p class="itemText">
|
|
|
+ <span class="tx1">(리뷰 9,999+)</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <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">
|
|
|
+ <span class="tit_option">[상품1]</span>
|
|
|
+ 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
|
|
|
+ </div>
|
|
|
+ <p class="itemText">
|
|
|
+ <span class="tx1">(리뷰 9,999+)</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <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">
|
|
|
+ <span class="tit_option">[상품1]</span>
|
|
|
+ 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
|
|
|
+ </div>
|
|
|
+ <p class="itemText">
|
|
|
+ <span class="tx1">(리뷰 9,999+)</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //아이템선택 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //딜리뷰제품리스트팝업 -->
|
|
|
+
|
|
|
+ <!-- 딜문의제품리스트팝업 -->
|
|
|
+ <div class="pd_pop list_pop pd_pop pd_listQna_pop" id="listQnaPop">
|
|
|
+ <div class="modal_content">
|
|
|
+ <div class="close">닫기</div>
|
|
|
+ <div class="listpop_body">
|
|
|
+ <!-- 아이템선택 -->
|
|
|
+ <div class="deal_list_select">
|
|
|
+ <ul class="list">
|
|
|
+ <li class="selected">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state active">
|
|
|
+ <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"><em>[상품1]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemText">
|
|
|
+ <span class="tx1">(문의 9,999+)</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <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"><em>[상품2]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemText">
|
|
|
+ <span class="tx1">(문의 9,999+)</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <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"><em>[상품3]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemText">
|
|
|
+ <span class="tx1">(문의 9,999+)</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <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"><em>[상품4]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemText">
|
|
|
+ <span class="tx1">(문의 9,999+)</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //아이템선택 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //딜문의제품리스트팝업 -->
|
|
|
+
|
|
|
+ <!-- 딜배송제품리스트팝업 -->
|
|
|
+ <div class="pd_pop list_pop pd_pop pd_listDelivery_pop" id="listDeliveryPop">
|
|
|
+ <div class="modal_content">
|
|
|
+ <div class="close">닫기</div>
|
|
|
+ <div class="listpop_body">
|
|
|
+ <!-- 아이템선택 -->
|
|
|
+ <div class="deal_list_select">
|
|
|
+ <ul class="list">
|
|
|
+ <li class="selected">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state active">
|
|
|
+ <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"><em>[상품1]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <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"><em>[상품2]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <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"><em>[상품3]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <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"><em>[상품4]</em> 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //아이템선택 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //딜배송제품리스트팝업 -->
|
|
|
+ </div>
|
|
|
+ <!-- 팝업영역 -->
|
|
|
+
|
|
|
+ </section>
|
|
|
+ <!-- ★ 컨텐츠 종료 -->
|
|
|
+
|
|
|
+ <!-- 바닥메뉴 -->
|
|
|
+ <div class="product_floormenu"><!-- ☞☞ 제품이 품절되면 soldout클래스 추가 -->
|
|
|
+ <div class="share_like">
|
|
|
+ <button class="share">공유하기</button>
|
|
|
+ <button class="like">위시리스트</button>
|
|
|
+ </div>
|
|
|
+ <div class="prd_buy">
|
|
|
+ <button class="buying btPop_auto" id="btn_purchase">구매하기</button>
|
|
|
+ <button class="cantbuying">SOLD OUT</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //바닥메뉴 -->
|
|
|
+</main>
|
|
|
+
|
|
|
+<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+
|
|
|
+ var cateNm = "";
|
|
|
+
|
|
|
+ // 함께본 상품
|
|
|
+ var fnGoodsTogetherSearch = function(params) {
|
|
|
+ gagajf.ajaxSubmit("/goods/detail/together/frame", "html", "goodsTogetherbArea", params);
|
|
|
+ }
|
|
|
+
|
|
|
+ $(document).ready( function() {
|
|
|
+
|
|
|
+ // selecter
|
|
|
+ $(function(){
|
|
|
+ var opt_selecter_item = new sCombo('.opt_select .select_custom.deal_opt_item');
|
|
|
+ //var item_opt01 = new sCombo('.pd .pop_option_select .item_opt1');
|
|
|
+ //var item_opt02 = new sCombo('.pd .pop_option_select .item_opt2');
|
|
|
+ var opt_select = new sCombo('.pd .op1 .opt_select .select_custom');
|
|
|
+ });
|
|
|
+
|
|
|
+ //옵션변경 셀렉트
|
|
|
+ var opt_selecter01 = new sCombo('.pd .pop_option_select .item_opt1');
|
|
|
+ $('.pd .pop_option_select .select_custom .combo .list > li').click(function(e) {
|
|
|
+ $(this).parents('.form_field').next('.form_field').find('.select_custom').attr('disabled', false);
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ var opt_selecter02 = new sCombo('.pd .pop_option_select .item_opt2');
|
|
|
+
|
|
|
+ /* 상품옵션변경 팝업 > 수량조절 */
|
|
|
+ $(document).on('click','.number_count .minus',function(e){
|
|
|
+ var $input = $(this).parent().find('input');
|
|
|
+ var count = parseInt($input.val()) - 1;
|
|
|
+ count = count < 1 ? 1 : count;
|
|
|
+ $input.val(count);
|
|
|
+ $input.change();
|
|
|
+ return false;
|
|
|
+ }).on('click','.number_count .plus',function(e){
|
|
|
+ var $input = $(this).parent().find('input');
|
|
|
+ $input.val(parseInt($input.val()) + 1);
|
|
|
+ $input.change();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //관심상품 등록
|
|
|
+ $(document).on('click','.pd .itemLike',function(e){
|
|
|
+ $(this).toggleClass('active');
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 베스트리뷰
|
|
|
+ var riviewSwiper = new Swiper('.pd .riview_box .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 1,
|
|
|
+ spaceBetween: 8,
|
|
|
+ loop: true,
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ type: 'fraction',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 제품사진
|
|
|
+ var thumbswiper = new Swiper('.pd .thumb_box .area_slider .swiper-container', {
|
|
|
+ slidesPerView:1,
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ type: 'fraction',
|
|
|
+ },
|
|
|
+ });
|
|
|
+ //슬라이드 - 함께하면 할인되는 다다익선 상품
|
|
|
+ var togetherItemSwiper = new Swiper('.pd .pd_together .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 3,
|
|
|
+ spaceBetween: 8,
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 이 상품과 함께 본 상품
|
|
|
+ var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 2,
|
|
|
+ spaceBetween: 8,
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - STYLE24의 스타일링 추천
|
|
|
+ var rcmdPicimgSwiper = new Swiper('.pd .pd_recommend .area_slider.pic_img .swiper-container', {
|
|
|
+ slidesPerView: 1,
|
|
|
+ spaceBetween: 0,
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ type: 'fraction',
|
|
|
+ },
|
|
|
+ });
|
|
|
+ var rcmdPiclistSwiper = new Swiper('.pd .pd_recommend .area_slider.pic_list .swiper-container', {
|
|
|
+ observer: true,
|
|
|
+ observeParents: true,
|
|
|
+ slidesPerView: 3,
|
|
|
+ spaceBetween: 8,
|
|
|
+ });
|
|
|
+
|
|
|
+ $(".pic_list > div").hide();
|
|
|
+ $(".pic_list > div").eq(0).fadeIn();
|
|
|
+ rcmdPicimgSwiper.on('slideChange', function () {
|
|
|
+ var pic_index=this.activeIndex;
|
|
|
+ $(".pic_list > div").hide();
|
|
|
+ $(".pic_list > div").eq(pic_index).fadeIn();
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 동일브랜드 상품 추천
|
|
|
+ var rcmdItemSwiper = new Swiper('.pd .pd_samebrand .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 3,
|
|
|
+ spaceBetween: 8,
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 이 상품과 비슷한 상품
|
|
|
+ var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 3,
|
|
|
+ spaceBetween: 8,
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 베스트리뷰팝업
|
|
|
+ var bestreviewdetailSwiper = new Swiper('.pd_bestreviewdetail_pop .area_slider .swiper-container', {
|
|
|
+ observer: true,
|
|
|
+ observeParents: true,
|
|
|
+ slidesPerView: 1,
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ type: 'fraction',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 포토,영상리뷰팝업
|
|
|
+ var photoreviewdetailSwiper = new Swiper('.pd_photoreviewdetail_pop .area_slider .swiper-container', {
|
|
|
+ observer: true,
|
|
|
+ observeParents: true,
|
|
|
+ slidesPerView: 1,
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ type: 'fraction',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ //탭 - 사이즈정보 > 탭
|
|
|
+ $(document).on('click','#infoSizePop .tab_nav ul li',function(e){
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $('#infoSizePop .tab_cont_wrap .tab_cont').hide();
|
|
|
+ $('#infoSizePop .tab_cont_wrap .tab_cont').eq($(this).index()).show();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //탭 - 사이즈정보 > 서브탭
|
|
|
+ $(document).on('click','#infoSizePop .sub_tab_nav ul li',function(e){
|
|
|
+ var value=$(this).find("a").text();
|
|
|
+ var catTxt=$(".category_open").text();
|
|
|
+ console.log(value)
|
|
|
+ $(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();
|
|
|
+ $(this).parents().parents().parents().parents().parents(".category_box").hide();
|
|
|
+ $(this).parents().parents().parents().parents().parents(".category_box").prev(".category_open").text(value);
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 사이즈정보 > 서브탭 - 카테고리팝오픈
|
|
|
+ $(document).on('click','#infoSizePop .category_open',function(e){
|
|
|
+ $(this).siblings().show();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ $(document).on('click','#infoSizePop .category_close',function(e){
|
|
|
+ $(this).parents().parents(".category_box").hide();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ //팝업 - 상품문의 리스트
|
|
|
+ $(document).on('click','#btn_pdQnaList_pop',function(e){
|
|
|
+ $("#pdQnaListPop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 상품문의 작성
|
|
|
+ $(document).on('click','#btn_pdQnaWrite_pop',function(e){
|
|
|
+ $("#pdQnaWritePop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 배송교환반품 안내
|
|
|
+ $(document).on('click','#btn_pdDelivery_Pop',function(e){
|
|
|
+ $("#pdDeliveryPop").modal("show");
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+
|
|
|
+ //팝업 - 리뷰
|
|
|
+ $(document).on('click','#btn_pdReview_pop',function(e){
|
|
|
+ $("#pdReviewPop").modal("show");
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+
|
|
|
+ //팝업 - 베스트리뷰
|
|
|
+ $(document).on('click','#btn_pdBestReview_pop a',function(e){
|
|
|
+ $("#pdBestReviewPop").modal("show");
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ //팝업 - 포토/영상 리뷰 (detail)
|
|
|
+ $(document).on('click','.area_rv_photo .photo_list a, .area_rv_all .review_list .photo_list a, .pd_photoreviewlist_pop .photo_list ul li a',function(e){
|
|
|
+ $("#pdPhotoReviewDetailPop").modal("show");
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+
|
|
|
+ //팝업 - 포토/영상 리뷰 (list)
|
|
|
+ $(document).on('click','#btn_more_photoreview',function(e){
|
|
|
+ $("#pdPhotoReviewListPop").modal("show");
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+
|
|
|
+ //팝업 - 제품상세
|
|
|
+ $(document).on('click','.pd_dealitem .itemLink',function(e){
|
|
|
+ $("#pdDescrpPop").modal("show");
|
|
|
+ $('#pdDescrpPop .pop_cont').load('pd_descrp_pop.html');
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+
|
|
|
+ //팝업 - 제품리뷰 > 카테고리팝오픈
|
|
|
+ // 오픈
|
|
|
+ $(document).on('click','.pd_review .category_open > li',function(e){
|
|
|
+ var dataName=$(this).attr("data_name");
|
|
|
+ $(".pd_review .category_box").show();
|
|
|
+ $(".pd_review .category_list").find(".category").hide();
|
|
|
+ $(".pd_review .category_list").find("#"+dataName).show();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ // 닫기
|
|
|
+ $(document).on('click','.pd_review .category_box .category_close',function(e){
|
|
|
+ $(".pd_review .category_box").hide();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ // 변경
|
|
|
+ $(document).on('click','.pd_review .category ul > li',function(e){
|
|
|
+ var num=$(".pd_review .category_open > li").length;
|
|
|
+ var value=$(this).find("a").attr("data");
|
|
|
+ var name=$(this).parent().parent().attr("id");
|
|
|
+ $(this).parent().find("li").removeClass("active");
|
|
|
+ $(this).addClass("active");
|
|
|
+ for(var i=0; i < num; i++){
|
|
|
+ var dataname=$(".pd_review .category_open > li").eq(i).attr("data_name");
|
|
|
+ if(name==dataname){
|
|
|
+ $(".pd_review .category_open > li").eq(i).find("span").text(value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ // 포토,베스트리뷰숨김
|
|
|
+ var review_open=$(".btn_review_open");
|
|
|
+ $(document).on('click','.btn_review_open',function(e){
|
|
|
+ $(this).toggleClass('active');
|
|
|
+ $(this).next(".review_list").toggleClass('active');
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ // =============구매하기팝업========================================================
|
|
|
+
|
|
|
+ // pop open
|
|
|
+ function popOpenScroll(){
|
|
|
+ $('html, body').css({'overflow': 'hidden', 'height': '100%'});
|
|
|
+ $('#element').on('scroll touchmove mousewheel', function(event) { // 터치무브, 휠 스크롤 방지
|
|
|
+ event.preventDefault();
|
|
|
+ event.stopPropagation();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ // pop close
|
|
|
+ function popClsScroll(){
|
|
|
+ $('html, body').css({'overflow': 'auto', 'height': '100%'}); //n 해제
|
|
|
+ $('#element').off('scroll touchmove mousewheel'); // 터치무브, 휠 스크롤 가능
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ // pop close
|
|
|
+ function popClsScroll2(){
|
|
|
+ $('html, body').css({'overflow': 'auto', 'height': '100%'}); //n 해제
|
|
|
+ $('#element').off('scroll touchmove mousewheel'); // 터치무브, 휠 스크롤 가능
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ //팝업 - 구매하기 > 옵션선택 > 옵션셀렉트팝업
|
|
|
+ $(document).on('click','.Purchase_pop .option_result .option_open',function(e){
|
|
|
+ $(".Purchase_pop .pop_option_select").show();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ $(document).on('click','.Purchase_pop .close',function(e){
|
|
|
+ $(".Purchase_pop .pop_option_select").hide();
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+ //팝업 - 딜상세정보 옵션선택 > 옵션셀렉트팝업
|
|
|
+ $(document).on('click','.pd_dealitem .item_prod .btn_default',function(e){
|
|
|
+ $('.container').addClass('btPop_open');
|
|
|
+ $(".Purchase_pop .pop_option_select").show();
|
|
|
+ popOpenScroll();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 딜상세팝업 구매하기버튼 > 옵션셀렉트팝업
|
|
|
+ $(document).on('click','#pdDescrpPop .modal-footer button',function(e){
|
|
|
+ $("#pdDescrpPop .close-modal ").click();
|
|
|
+ $('.container').addClass('btPop_open');
|
|
|
+ $(".Purchase_pop .pop_option_select").show();
|
|
|
+ popOpenScroll();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ // ============================================================================//
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ // =============딜리스트팝업========================================================
|
|
|
+ //팝업 - 딜리뷰상품 리스트팝업
|
|
|
+ $(document).on('click','.deal_listReview_open',function(e){
|
|
|
+ $("#listReviewPop").show();
|
|
|
+ return false;
|
|
|
+ }).on('click','#listReviewPop .close, #listReviewPop .deal_list_select ul > li',function(e){
|
|
|
+ $("#listReviewPop").hide();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 딜문의상품 리스트팝업
|
|
|
+ $(document).on('click','.deal_listQna_open',function(e){
|
|
|
+ $("#listQnaPop").show();
|
|
|
+ return false;
|
|
|
+ }).on('click','#listQnaPop .close, #listQnaPop .deal_list_select ul > li',function(e){
|
|
|
+ $("#listQnaPop").hide();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 딜배송상품 리스트팝업
|
|
|
+ $(document).on('click','.deal_listDelivery_open',function(e){
|
|
|
+ $("#listDeliveryPop").show();
|
|
|
+ return false;
|
|
|
+ }).on('click','#listDeliveryPop .close, #listDeliveryPop .deal_list_select ul > li',function(e){
|
|
|
+ $("#listDeliveryPop").hide();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 딜상세정보 리스트팝업
|
|
|
+ $(document).on('click','#pdDescrpPop .deal_listDescrp_open',function(e){
|
|
|
+ $(this).toggleClass("active");
|
|
|
+ $("#listDescrpPop").toggle();
|
|
|
+ return false;
|
|
|
+ }).on('click','#listDescrpPop .deal_list_select ul > li',function(e){
|
|
|
+ $("#pdDescrpPop .deal_listDescrp_open").removeClass("active");
|
|
|
+ $("#listDescrpPop").hide();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ // ============================================================================//
|
|
|
+
|
|
|
+
|
|
|
+ //탭 - 딜상품 > 상품상세정보 탭
|
|
|
+ $(document).on('click','.pd.deal .tab_detail_nav ul li',function(e){
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $('.pd.deal .tab_detail_cont').hide();
|
|
|
+ $('.pd.deal .tab_detail_cont').eq($(this).index()).show();
|
|
|
+
|
|
|
+ //상품상세정보 호출
|
|
|
+ $('.pd_review .cont_body').load('pd_review_pop.html');
|
|
|
+ $('.pd_qnalist .cont_body').load('pd_qnalist_pop.html');
|
|
|
+ $('.pd_delivery .cont_body').load('pd_delivery_pop.html');
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ //탭 - 딜상품 > 상세정보 탭 고정
|
|
|
+ $(window).scroll(function(){
|
|
|
+ var scrollTop= $(window).scrollTop();
|
|
|
+ var tabTop=$('.pd_desc_wrap').offset().top;
|
|
|
+
|
|
|
+ if (scrollTop >= tabTop){
|
|
|
+ $('.tab_detail_nav').addClass('fix');
|
|
|
+ } else {
|
|
|
+ $('.tab_detail_nav').removeClass('fix');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ /* 210409_추가 : alert 모음 */
|
|
|
+ $(document).on("click", "#btn_deal_purchase", function(){
|
|
|
+ mcxDialog.alert("1일 구매한도 수량이 초과되었습니다.", {
|
|
|
+ //alert("해당 상품은 구매가 불가능합니다.) : 버튼 선택 시 구매가 불가능한 경우(등급, 신규회원 여부 등)
|
|
|
+ sureBtnText: "확인",
|
|
|
+ });
|
|
|
+ });
|
|
|
+ $(document).on("click", "#btn_gift", function(){
|
|
|
+ mcxDialog.alert("옵션을 선택해 주세요.", {
|
|
|
+ //alert("선물하기는 1개의 옵션만 선택하실 수 있습니다.") : 버튼 선택 시 옵션을 2개 이상 선택한 경우
|
|
|
+ sureBtnText: "확인",
|
|
|
+ });
|
|
|
+ });
|
|
|
+ $(document).on("click", "#btn_shoppingBag_pop", function(){
|
|
|
+ mcxDialog.alert("옵션을 선택해 주세요.", {
|
|
|
+
|
|
|
+ sureBtnText: "확인",
|
|
|
+ });
|
|
|
+ });
|
|
|
+ $(document).on("click", "#btn_now_purchase", function(){
|
|
|
+ mcxDialog.alert("옵션을 선택해 주세요.", {
|
|
|
+
|
|
|
+ sureBtnText: "확인",
|
|
|
+ });
|
|
|
+ });
|
|
|
+ $(document).on("click", "#btn_result_coupon", function(){
|
|
|
+ mcxDialog.alert("쿠폰이 발급되었습니다.", {
|
|
|
+ //alert("죄송합니다. 쿠폰이 모두 소진되었습니다.") : 각 개별 쿠폰 선택 시 해당 쿠폰이 선착순 조건에 걸리는 경우
|
|
|
+ //alert("죄송합니다. 해당 쿠폰은 다운로드가 불가합니다.") : 각 개별 쿠폰 선택 시 해당 쿠폰이 다운로드 불가능한 경우
|
|
|
+ sureBtnText: "확인",
|
|
|
+ });
|
|
|
+ });
|
|
|
+ $(document).on("click", "#btn_result_coupon2", function(){
|
|
|
+ mcxDialog.alert("쿠폰이 발급되었습니다.", {
|
|
|
+ //alert("죄송합니다. 쿠폰이 모두 소진되었습니다.") : 각 개별 쿠폰 선택 시 해당 쿠폰이 선착순 조건에 걸리는 경우
|
|
|
+ //alert("죄송합니다. 해당 쿠폰은 다운로드가 불가합니다.") : 각 개별 쿠폰 선택 시 해당 쿠폰이 다운로드 불가능한 경우
|
|
|
+ sureBtnText: "확인",
|
|
|
+ });
|
|
|
+ });
|
|
|
+ $(document).on("click", "#btn_all_coupon", function(){
|
|
|
+ mcxDialog.alert("00개 쿠폰이 발급되었습니다.", {
|
|
|
+
|
|
|
+ sureBtnText: "확인",
|
|
|
+ });
|
|
|
+ });
|
|
|
+ $(document).on("click", "#btn_purchase", function(){
|
|
|
+ mcxDialog.alert("1일 구매한도 수량이 초과되었습니다.", {
|
|
|
+ //alert("해당 상품은 구매가 불가능합니다.) : 버튼 선택 시 구매가 불가능한 경우(등급, 신규회원 여부 등)
|
|
|
+ sureBtnText: "확인",
|
|
|
+ });
|
|
|
+ });
|
|
|
+ /* //210409_추가 : alert 모음 */
|
|
|
+
|
|
|
+ $('.Purchase_pop .btPop_close').click(function(){
|
|
|
+ $('html, body').css({'overflow': 'visible', 'height': '100%'});
|
|
|
+ $('.container').removeClass('btPop_open');
|
|
|
+ autome.style.top = 100 + "%";
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+/*]]>*/
|
|
|
+</script>
|
|
|
+<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
|
|
|
+<!-- 광고 스크립트 -->
|
|
|
+<th:block th:replace="~{mob/common/advertisements/GoodsDetailScriptsMob :: scripts}"></th:block>
|
|
|
+<!-- //광고 스크립트 -->
|
|
|
+
|
|
|
+</th:block>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
eskim