|
|
@@ -0,0 +1,3543 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
+ layout:decorator="web/common/layout/DefaultLayoutWeb">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : GoodsDetailFormWeb.html
|
|
|
+ * @desc : 상품상세 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.03.02 eskim 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+<th:block layout:fragment="content">
|
|
|
+<link rel="stylesheet" type="text/css" href="/ux/pc/css/swiper.min.css" />
|
|
|
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
|
|
|
+<div id="container" class="container pd" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}">
|
|
|
+ <th:block th:include="~{web/goods/GoodsIncludeFormWeb :: goodsNaviForm}"></th:block>
|
|
|
+
|
|
|
+ <div class="wrap">
|
|
|
+ <!-- 상품 대표설명 -->
|
|
|
+ <div class="content pd_detail">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="sr-only">상품 대표설명</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="item_detail">
|
|
|
+ <div class="area_pic">
|
|
|
+ <div class="thumb_nav_wrap" th:if="${goodsImgList != null and !goodsImgList.empty}" >
|
|
|
+ <div class="thumbnav">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <th:block th:each="goodsImg, status : ${goodsImgList}">
|
|
|
+ <div class="swiper-slide" th:classappend="${status.first}? 'on' : ''"><a th:href="${'#navLocate'+ status.count}"><span class="thumb"><img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt=""></span></a></div>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-button-next"></div>
|
|
|
+ <div class="swiper-button-prev"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_list_wrap" th:if="${goodsImgList != null and !goodsImgList.empty}" >
|
|
|
+ <ul>
|
|
|
+ <th:block th:each="goodsImg, status : ${goodsImgList}">
|
|
|
+ <li th:id="${'navLocate'+ status.count}" th:classappend="${status.first}? 'on' : ''"><a href=""><span class="thumb"><img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt=""></span></a></li>
|
|
|
+ </th:block>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="area_desc">
|
|
|
+ <div class="desc_wrap">
|
|
|
+ <div class="timer_box">
|
|
|
+ <p>
|
|
|
+ <span class="tit">남은시간</span>
|
|
|
+ <span class="timer">
|
|
|
+ <em id="d-days">27</em>
|
|
|
+ <em id="d-hours">21</em>
|
|
|
+ <em id="d-minutes">21</em>
|
|
|
+ <em id="d-seconds">07</em>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="descript_box">
|
|
|
+ <div class="desc_top">
|
|
|
+ <a href="" class="btn_brand">NBA 키즈</a>
|
|
|
+ <button type="button" class="itemShare">상품 공유하기</button>
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="desc_info">
|
|
|
+ <div class="title_blk">
|
|
|
+ <span class="codenumber">
|
|
|
+ N204TJ112P
|
|
|
+ </span>
|
|
|
+ <span class="comment">
|
|
|
+ #가을 느낌 물씬!
|
|
|
+ </span>
|
|
|
+ <span class="name">
|
|
|
+ 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="price_blk">
|
|
|
+ <span class="sale_percent">
|
|
|
+ 30%
|
|
|
+ </span>
|
|
|
+ <span class="sale_price">
|
|
|
+ <em>134,100</em>원
|
|
|
+ </span>
|
|
|
+ <del class="org_price">
|
|
|
+ 149,000원
|
|
|
+ </del>
|
|
|
+ <span class="save_point">
|
|
|
+ 스타일포인트 9,999P 적립예정
|
|
|
+ </span>
|
|
|
+ <button type="button" id="btn_saleCoupon_pop" class="btn btn_primary btn_sm btn_coupon"><span>쿠폰받기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="desc_status">
|
|
|
+ <p>예약판매 상품 -2020.12.30 출고예정</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="benefit_box">
|
|
|
+ <dl>
|
|
|
+ <div class="bnf_shopping">
|
|
|
+ <dt>쇼핑혜택</dt>
|
|
|
+ <dd>
|
|
|
+ <span>최대 15% 쿠폰 할인</span>
|
|
|
+ <span>99개 이상 구매 시 9,999,999원 할인</span>
|
|
|
+ <span>미니언즈 우산 증정</span>
|
|
|
+ <button type="button" id="btn_bnfShopping_pop" class="btn_popup"><span>자세히</span></button>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <div class="bnf_card">
|
|
|
+ <dt>카드혜택</dt>
|
|
|
+ <dd>
|
|
|
+ <span>국민카드 5% 즉시할인</span>
|
|
|
+ <span>신용카드 무이자 혜택</span>
|
|
|
+ <button type="button" id="btn_bnfCard_pop" class="btn_popup"><span>자세히</span></button>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <div class="option_box">
|
|
|
+ <div class="opt_color">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="title">컬러</span>
|
|
|
+ <span class="color">그레이</span>
|
|
|
+ </div>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <a href="" class="on"> <!-- 해당 컬러 상품페이지로 이동 -->
|
|
|
+ <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="그레이">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="베이지">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="그린">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="핑크">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="민트">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="블랙">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="opt_size">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="title">사이즈</span>
|
|
|
+ <span class="size">
|
|
|
+ <em>95</em>
|
|
|
+ <em>(+1,000원)</em>
|
|
|
+ </span>
|
|
|
+ <button type="button" id="btn_infoSize_pop" class="btn_popup"><span>사이즈정보</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize1" value="" checked="">
|
|
|
+ <label for="rdi-optsize1"><span>90</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize2" value="" disabled="">
|
|
|
+ <label for="rdi-optsize2"><span>95</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize3" value="">
|
|
|
+ <label for="rdi-optsize3"><span>100</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize4" value="">
|
|
|
+ <label for="rdi-optsize4"><span>105</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize5" value="">
|
|
|
+ <label for="rdi-optsize5"><span>110</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize6" value="">
|
|
|
+ <label for="rdi-optsize6"><span>115</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize7" value="">
|
|
|
+ <label for="rdi-optsize7"><span>free</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize8" value="">
|
|
|
+ <label for="rdi-optsize8"><span>size1</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize9" value="">
|
|
|
+ <label for="rdi-optsize9"><span>size2</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="opt_select">
|
|
|
+ <form class="form_wrap">
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom item_opt1">
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">선택</div>
|
|
|
+ <ul class="list">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="selected">선택</li>
|
|
|
+ <li>상품옵션01</li>
|
|
|
+ <li>상품옵션02</li>
|
|
|
+ <li>상품옵션03</li>
|
|
|
+ <li aria-disabled="true">
|
|
|
+ <div>상품옵션05</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ <li>상품옵션06</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">
|
|
|
+ <div>상품옵션07</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom item_opt2" disabled="">
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">선택</div>
|
|
|
+ <ul class="list">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="selected">선택</li>
|
|
|
+ <li>상품옵션11</li>
|
|
|
+ <li>상품옵션12</li>
|
|
|
+ <li>상품옵션13</li>
|
|
|
+ <li aria-disabled="true">
|
|
|
+ <div>상품옵션15</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ <li>상품옵션16</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">
|
|
|
+ <div>상품옵션17</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- 해당 상품 품절시 노출 -->
|
|
|
+ <div class="info_restock">
|
|
|
+ <a href="" id="btn_pushRestock_pop" class="btn_popup">재입고 시 알림을 받아보세요</a>
|
|
|
+ </div>
|
|
|
+ <!-- //해당 상품 품절시 노출 -->
|
|
|
+ <div class="opt_result">
|
|
|
+ <div class="result_item">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="item_name">[상품1] 남성 테이퍼드핏 기모면 올밴딩 팬트</span>
|
|
|
+ <span class="item_option">다크그레이/XXL</span>
|
|
|
+ </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">
|
|
|
+ <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">
|
|
|
+ <span class="item_name">[상품1] 남성 테이퍼드핏 기모면 올밴딩 팬트</span>
|
|
|
+ <span class="item_option">블루그레이/S</span>
|
|
|
+ </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">
|
|
|
+ <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 class="opt_count">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="title">수량</span>
|
|
|
+ </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">
|
|
|
+ <span class="plus"><em class="sr-only">추가</em></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <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">
|
|
|
+ <div class="btn_group_block ui_row">
|
|
|
+ <div class="ui_col_6">
|
|
|
+ <button id="btn_add_cart" class="btn btn_dark btn_block"><span>쇼핑백</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="ui_col_6">
|
|
|
+ <button class="btn btn_primary btn_block" id=""><span>바로구매</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btn_group_block ui_row">
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <button class="btn btn_dark btn_block" id="" disabled=""><span>SOLD OUT</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="npay_box">
|
|
|
+ <a href="">네이버id로 간편구매~</a>
|
|
|
+ </div>
|
|
|
+ <div class="exinfo_box">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="ex_review">
|
|
|
+ <a href="" id="btn_pdReview_pop">
|
|
|
+ <span class="tit">리뷰<em class="number">(9,999+)</em></span>
|
|
|
+ <div class="star_score">
|
|
|
+ <span class="star">
|
|
|
+ <em class="progbar" style="width:86%;"></em> <!-- 평점 style로 표기 -->
|
|
|
+ </span>
|
|
|
+ <span class="score">4.3점</span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- 베스트 리뷰 등록시 노출 -->
|
|
|
+ <div class="best_review">
|
|
|
+ <a href="" id="btn_pdBestReview_pop">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
+ </div>
|
|
|
+ <div class="star_score">
|
|
|
+ <span class="star">
|
|
|
+ <em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
|
|
|
+ </span>
|
|
|
+ <em class="ico ico_besttag"></em>
|
|
|
+ </div>
|
|
|
+ <div class="txt_best_review">
|
|
|
+ <p>
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- //베스트 리뷰 등록시 노출 -->
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="ex_qna">
|
|
|
+ <a href="" id="btn_pdQnaList_pop">
|
|
|
+ <span class="tit">문의<em class="number">(9,999+)</em></span>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="ex_shipping">
|
|
|
+ <a href="" id="btn_pdDeliveryPop">
|
|
|
+ <span class="tit">배송/교환/반품</span>
|
|
|
+ <!-- 해당 배송정보 선택노출 -->
|
|
|
+ <span class="txt_shippingfee">배송비 2,500원</span>
|
|
|
+ <span class="txt_shippingfee">배송비 2,500원 (4,000원 이상 무료배송)</span>
|
|
|
+ <span class="txt_shippingfee">무료배송</span>
|
|
|
+ <span class="txt_shippingfee">총알배송(오전 10시까지 주문 시)</span>
|
|
|
+ <!-- //해당 배송정보 선택노출 -->
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 상품 대표설명 -->
|
|
|
+ <!-- 함께하면 할인되는 다다익선 상품 -->
|
|
|
+ <div class="content wide pd_together">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="subH1 t_c mb40">함께하면 할인되는 다다익선 상품</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Scrollbar -->
|
|
|
+ <div class="swiper-scrollbar"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // 함께하면 할인되는 다다익선 상품 -->
|
|
|
+ <!-- 상품상세정보 -->
|
|
|
+ <div class="content pd_descrp">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="sr-only">상품상세정보</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- 상품설명 노출 -->
|
|
|
+ <div class="descrp_box">
|
|
|
+ <div class="desc_simple"> <!-- 상품 간략설명-->
|
|
|
+ <span class="tit_desc">사이드 밴딩으로 편안한 만능 슬랙스!</span>
|
|
|
+ <p class="ptxt01">
|
|
|
+ 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="desc_character"> <!-- 상품특징 -->
|
|
|
+ <span class="tit_desc">상품특징</span>
|
|
|
+ <p class="ptxt01">
|
|
|
+ - 5가지(IV/BE/PK/BL/BK)의 파스텔톤의 따뜻한 컬러감<br>
|
|
|
+ - 안감 폴라폴리스 소재를 사용하여 따뜻하고 부드러운 착용감<br>
|
|
|
+ - 배색소재의 가슴패치 포켓으로 포인트를 줌<br>
|
|
|
+ - 소매에 발열 안감을 사용하여 보온성을 높여주고, 착용 시 부드러운 촉감으로 편안함을 제공<br>
|
|
|
+ - 디테일한 봉제 기법인 가이루빠 스티치 포인트 디자인<br>
|
|
|
+ - 지퍼플러 장식을 더해 완성도를 높여줌
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품설명 노출 -->
|
|
|
+ <!-- 관리자 에디터입력 내용 노출 -->
|
|
|
+ <div class="mdhtml_box">
|
|
|
+ <!-- html 작성내용 -->
|
|
|
+ <a href="#" target="_blank"><img src="/images/pc/thumb/tmp_desc_bnr.jpg" width="1200" alt=""></a>
|
|
|
+ <div style="height:100px"></div><!-- 여백용 html -->
|
|
|
+ <div class="movblock">
|
|
|
+ <iframe src="https://www.youtube.com/embed/uEc8Q800a7w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
|
|
|
+ </div>
|
|
|
+ <div style="height:100px"></div><!-- 여백용 html -->
|
|
|
+ <iframe width="560" height="315" src="https://www.youtube.com/embed/uEc8Q800a7w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
|
|
|
+ <div style="height:100px"></div><!-- 여백용 html -->
|
|
|
+ <img src="/images/pc/thumb/tmp_desc_mds.jpg" alt="">
|
|
|
+ <!-- //html 작성내용 -->
|
|
|
+ </div>
|
|
|
+ <!-- //관리자 에디터입력 내용 노출 -->
|
|
|
+ <!-- 착용컷 노출 -->
|
|
|
+ <div class="view_outfit_box">
|
|
|
+ <span class="tit_view">OUTFIT VIEW</span>
|
|
|
+ <span class="model_info">(모델정보 : 185cm / 78kg / XL 착용)</span>
|
|
|
+ <div class="view">
|
|
|
+ <img src="/images/pc/thumb/tmp_outfit_desc1.jpg" alt="">
|
|
|
+ <img src="/images/pc/thumb/tmp_outfit_desc2.jpg" alt="">
|
|
|
+ <img src="/images/pc/thumb/tmp_outfit_desc3.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //착용컷 노출 -->
|
|
|
+ <!-- 상품컷 노출 -->
|
|
|
+ <div class="view_detail_box">
|
|
|
+ <span class="tit_view">PRODUCT VIEW</span>
|
|
|
+ <div class="view">
|
|
|
+ <img src="/images/pc/thumb/tmp_detail_desc1.jpg" alt="">
|
|
|
+ <img src="/images/pc/thumb/tmp_detail_desc2.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품컷 노출 -->
|
|
|
+ <!-- 원단 노출 -->
|
|
|
+ <div class="view_fabric_box">
|
|
|
+ <span class="tit_view">FABRIC</span>
|
|
|
+ <div class="view">
|
|
|
+ <img src="/images/pc/thumb/tmp_fabric_desc1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //원단 노출 -->
|
|
|
+ <!-- 라벨 노출 -->
|
|
|
+ <div class="view_label_box">
|
|
|
+ <span class="tit_view">LABEL INFO</span>
|
|
|
+ <div class="view">
|
|
|
+ <span>
|
|
|
+ <img src="/images/pc/thumb/tmp_label_desc1.jpg" alt="">
|
|
|
+ <img src="/images/pc/thumb/tmp_label_desc2.jpg" alt="">
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //라벨 노출 -->
|
|
|
+ <!-- 브랜드 노출 -->
|
|
|
+ <div class="brand_box">
|
|
|
+ <p class="name">TBJ 티비제이</p>
|
|
|
+ <a href="" class="btn btn_default"><span>브랜드 홈 바로가기</span></a>
|
|
|
+ </div>
|
|
|
+ <!-- //브랜드 노출 -->
|
|
|
+ <!-- 상품필수정보 노출 -->
|
|
|
+ <div class="required_box">
|
|
|
+ <div class="area_infotbl">
|
|
|
+ <span class="title">상품고시정보</span>
|
|
|
+ <div class="tbl type1 mt30">
|
|
|
+ <table>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>품목</th>
|
|
|
+ <td>의류</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>스타일</th>
|
|
|
+ <td>F94U-MD01XA60F0</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>시즌</th>
|
|
|
+ <td>겨울</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제품소재</th>
|
|
|
+ <td>[겉감1]폴리에스터100% [겉감2]폴리에스터100% [충전재1]솜털(거위)50% 깃털(거위)50% [충전재2]폴리에스터100%</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>색상</th>
|
|
|
+ <td>BR,NV,BK</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>치수</th>
|
|
|
+ <td>FREE(여성),95,100,105</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제조자/수입자</th>
|
|
|
+ <td>㈜에프알제이</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제조국</th>
|
|
|
+ <td>베트남</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>세탁방법 및 취급시 주의사항</th>
|
|
|
+ <td>본제품은 손세탁이 효과적입니다. (세탁라벨참고)</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제조연월</th>
|
|
|
+ <td>2019-06</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>품질보증기준</th>
|
|
|
+ <td>관련법 및 소비자분쟁해결기준에 따름</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>A/S 책임자와 전화번호</th>
|
|
|
+ <td>(주)아이스타일24 1544-5336</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="area_kcl">
|
|
|
+ <i class="ico ico_kcl"></i>
|
|
|
+ <p class="tit normal">
|
|
|
+ 어린이제품 안전인증 / 한국건설생활시험연구원(KCL)
|
|
|
+ </p>
|
|
|
+ <p class="normal">
|
|
|
+ 인증번호: CB123A123-1234
|
|
|
+ <a href="http://www.safetykorea.kr/search/searchPop?certNum=XX00000-0000" target="_blank" class="linktxt3">상세보기</a>
|
|
|
+ </p>
|
|
|
+ <p class="t_info dot_info">
|
|
|
+ 해당 인증정보는 판매자가 등록한 것으로 등록정보에 대한 일체의 책임은 판매자에게 있습니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="area_infotbl">
|
|
|
+ <span class="title">상품기본정보</span>
|
|
|
+ <div class="tbl type1 mt30">
|
|
|
+ <table>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>상품코드</th>
|
|
|
+ <td>14443216</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>상품구분</th>
|
|
|
+ <td>병행수입</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>브랜드</th>
|
|
|
+ <td>TBJ</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>상품명</th>
|
|
|
+ <td>남성 테이퍼드 핏 겨울 기모면 스판 올 밴딩 팬츠</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제조자</th>
|
|
|
+ <td>한세엠케이(주)</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제조국</th>
|
|
|
+ <td>베트남</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <p class="t_info dot_info mt20">
|
|
|
+ 주문제작 상품의 경우 주문 후 제작되어 판매되는 상품으로 제작 시점부터 반품/교환이 어려울 수 있습니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품필수정보 노출 -->
|
|
|
+ </div>
|
|
|
+ <div class="btn_more_box covered">
|
|
|
+ <button type="button" class="btn btn_default btn_md">
|
|
|
+ <span>상세정보 더보기</span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품상세정보 -->
|
|
|
+ <!-- 이 상품과 함께 본 상품 -->
|
|
|
+ <div class="content wide pd_clickother">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="subH1 t_c mb40">이 상품과 함께 본 상품</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ <!-- Add Arrows -->
|
|
|
+ <div class="swiper-button-next"></div>
|
|
|
+ <div class="swiper-button-prev"></div>
|
|
|
+ </div>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // 이 상품과 함께 본 상품 -->
|
|
|
+ <!-- STYLE24의 스타일링 추천 -->
|
|
|
+ <div class="content wide pd_recommend">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="subH1 t_c mb40">STYLE24의 스타일링 추천</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="page">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:10%; top:69%;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명11
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:50%; top:40%;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명12
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:57%; top:62%;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명13
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ </div>
|
|
|
+ <div class="item_wrap">
|
|
|
+ <div class="item_area">
|
|
|
+ <h5>
|
|
|
+ 룩북 속 상품
|
|
|
+ <span data-font="lato">(11)</span>
|
|
|
+ </h5>
|
|
|
+ <div class="li_item">
|
|
|
+ <ul>
|
|
|
+ <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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn btn_block btn_md"><span>모두 쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="page">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:24%; top:69%;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명11
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:50%; top:40%;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명12
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:57%; top:62%;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명13
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ </div>
|
|
|
+ <div class="item_wrap">
|
|
|
+ <div class="item_area">
|
|
|
+ <h5>
|
|
|
+ 룩북 속 상품
|
|
|
+ <span data-font="lato">(11)</span>
|
|
|
+ </h5>
|
|
|
+ <div class="li_item">
|
|
|
+ <ul>
|
|
|
+ <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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn btn_block btn_md"><span>모두 쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="page">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:24%; top:69%;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명11
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:50%; top:40%;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명12
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:70%; top:62%;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명13
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ </div>
|
|
|
+ <div class="item_wrap">
|
|
|
+ <div class="item_area">
|
|
|
+ <h5>
|
|
|
+ 룩북 속 상품
|
|
|
+ <span data-font="lato">(11)</span>
|
|
|
+ </h5>
|
|
|
+ <div class="li_item">
|
|
|
+ <ul>
|
|
|
+ <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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</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_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn btn_block btn_md"><span>모두 쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ <!-- Add Arrows -->
|
|
|
+ <div class="swiper-button-next"></div>
|
|
|
+ <div class="swiper-button-prev"></div>
|
|
|
+ </div>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // STYLE24의 스타일링 추천 -->
|
|
|
+ <!-- 이 상품과 비슷한 상품 -->
|
|
|
+ <div class="content wide pd_relate">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="subH1 t_c mb40">이 상품과 비슷한 상품</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <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_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ <!-- Add Arrows -->
|
|
|
+ <div class="swiper-button-next"></div>
|
|
|
+ <div class="swiper-button-prev"></div>
|
|
|
+ </div>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // 이 상품과 비슷한 상품 -->
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<!-- EP 제휴쿠폰 팝업 -->
|
|
|
+ <div class="modal fade pd_pop epcoupon_pop" id="epCouponPop" tabindex="-1" role="dialog" aria-labelledby="epCouponLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="epCouponLabel">네이버 전용 할인쿠폰</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="" class="btn btn_primary btn_all_cpdown"><span>쿠폰 받기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //EP 제휴쿠폰 팝업 -->
|
|
|
+
|
|
|
+ <!-- 쿠폰사용안내 팝업 -->
|
|
|
+ <div class="modal fade pd_pop salecoupon_pop" id="saleCouponPop" tabindex="-1" role="dialog" aria-labelledby="saleCouponLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="saleCouponLabel">할인쿠폰 받기</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <ul class="coupon_list">
|
|
|
+ <li>
|
|
|
+ <div class="coupon">
|
|
|
+ <div>
|
|
|
+ <p class="cp_name">
|
|
|
+ TBJ 시즌오프 20% 할인쿠폰
|
|
|
+ </p>
|
|
|
+ <p class="cp_cont">
|
|
|
+ <span><em>12,399,900</em>원</span>
|
|
|
+ <span><em>40%</em></span>
|
|
|
+ </p>
|
|
|
+ <p class="cp_condition">
|
|
|
+ 500,000원 이상 구매 시 최대 50,000원 할인
|
|
|
+ <span>1인 최대 90장</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn btn_dark btn_block btn_coupon_down"><span>쿠폰받기</span></button>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="coupon">
|
|
|
+ <div>
|
|
|
+ <p class="cp_name">
|
|
|
+ 신규가입 40% 할인쿠폰
|
|
|
+ </p>
|
|
|
+ <p class="cp_cont">
|
|
|
+ <span><em>12,399,900</em>원</span>
|
|
|
+ <span><em>40%</em></span>
|
|
|
+ </p>
|
|
|
+ <p class="cp_condition">
|
|
|
+ 500,000원 이상 구매 시 최대 50,000원 할인
|
|
|
+ <span>1인 최대 90장</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn btn_dark btn_block btn_coupon_done" disabled=""><span>받기완료</span></button>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" id="" class="btn btn_primary btn_all_cpdown"><span>쿠폰 모두 받기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //쿠폰사용안내 팝업 -->
|
|
|
+
|
|
|
+ <!-- 쇼핑혜택 팝업 -->
|
|
|
+ <div class="modal fade pd_pop bnf_shopping_pop" id="bnfShoppingPop" tabindex="-1" role="dialog" aria-labelledby="bnfShoppingLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="bnfShoppingLabel">쇼핑혜택</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>할인혜택</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="50%">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>즉시 할인</th>
|
|
|
+ <td>50% 할인</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>쿠폰할인</th>
|
|
|
+ <td>최대 10% 할인</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>다다익선</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="50%">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>9,999개 이상 구매 시</th>
|
|
|
+ <td>9,999,999원 할인</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>9,999개 이상 구매 시</th>
|
|
|
+ <td>20% 할인</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>사은품</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="50%">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>99,999,999원 이상 구매 시</th>
|
|
|
+ <td>미니언즈 우산 99개 증정</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>99,999,999원 이상 구매 시</th>
|
|
|
+ <td>미니언즈 우산 99개 증정 외 택1</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //쇼핑혜택 팝업 -->
|
|
|
+
|
|
|
+ <!-- 카드혜택 팝업 -->
|
|
|
+ <div class="modal fade pd_pop bnf_card_pop" id="bnfCardPop" tabindex="-1" role="dialog" aria-labelledby="bnfCardLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="bnfCardLabel">카드혜택</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>할인혜택</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="140">
|
|
|
+ <col width="290">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ KB국민카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>5% 즉시할인</p>
|
|
|
+ <p>7만원 이상 구매 시 최대 5만원 할인</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <a href="" target="_blank" class="btn_more">자세히보기</a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 삼성카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>5% 즉시할인</p>
|
|
|
+ <p>7만원 이상 구매 시 최대 5만원 할인</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 롯데카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>[제휴카드] YES24 MANIA 롯데카드</p>
|
|
|
+ <p>최대 12~24% 청구할인</p>
|
|
|
+ <p>1회 1만5천원이상 결제시, 바로발급가능</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <a href="" target="_blank" class="btn_more">자세히보기</a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>무이자 할부</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="140">
|
|
|
+ <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>
|
|
|
+ KB국민카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>2~6개월 무이자</p>
|
|
|
+ <p>5만원 이상 구매 시</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 class="modal fade pd_pop info_size_pop" id="infoSizePop" tabindex="-1" role="dialog" aria-labelledby="infoSizeLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="infoSizeLabel">사이즈정보</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="tab_nav">
|
|
|
+ <ul>
|
|
|
+ <li class="active"><a href="javascript:void(0)">실측 사이즈</a></li>
|
|
|
+ <li><a href="javascript:void(0)">표준 사이즈</a></li>
|
|
|
+ <li><a href="javascript:void(0)">측정 사이즈</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="tab_cont_wrap">
|
|
|
+ <div class="tab_cont">
|
|
|
+ <!-- 실측 사이즈 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <span class="tit_sub">TBJ</span>
|
|
|
+ <span class="tit_header">남성 테이퍼드 핏 겨울 기모면 스판 올 밴딩 팬츠</span>
|
|
|
+ </div>
|
|
|
+ <div class="size_cont">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">M</th>
|
|
|
+ <th scope="col">L</th>
|
|
|
+ <th scope="col">XL</th>
|
|
|
+ <th scope="col">XXL</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">어깨너비</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">팔길이</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">총길이</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //실측 사이즈 -->
|
|
|
+ </div>
|
|
|
+ <div class="tab_cont">
|
|
|
+ <!-- 표준 사이즈 카테고리 구분일때 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <!-- 표준 사이즈 > 카테고리 선택 -->
|
|
|
+ <div class="sub_tab_nav">
|
|
|
+ <ul>
|
|
|
+ <li class="active"><a href="javascript:void(0)">여성</a></li>
|
|
|
+ <li><a href="javascript:void(0)">남성</a></li>
|
|
|
+ <li><a href="javascript:void(0)">캐주얼</a></li>
|
|
|
+ <li><a href="javascript:void(0)">유아동</a></li>
|
|
|
+ <li><a href="javascript:void(0)">신발</a></li>
|
|
|
+ <li><a href="javascript:void(0)">언더웨어</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 선택 -->
|
|
|
+ </div>
|
|
|
+ <div class="size_cont">
|
|
|
+ <div class="sub_tab_cont_wrap">
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(여성) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>여성 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </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">
|
|
|
+ <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">
|
|
|
+ <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">
|
|
|
+ <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">
|
|
|
+ <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">
|
|
|
+ <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">
|
|
|
+ <!-- 측정 사이즈 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <!-- 측정 사이즈 > 카테고리 선택 -->
|
|
|
+ <div class="sub_tab_nav">
|
|
|
+ <ul>
|
|
|
+ <li class="active"><a href="javascript:void(0)">상의</a></li>
|
|
|
+ <li><a href="javascript:void(0)">하의</a></li>
|
|
|
+ <li><a href="javascript:void(0)">가방</a></li>
|
|
|
+ <li><a href="javascript:void(0)">신발</a></li>
|
|
|
+ <li><a href="javascript:void(0)">언더웨어</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 선택 -->
|
|
|
+ </div>
|
|
|
+ <div class="size_cont">
|
|
|
+ <div class="sub_tab_cont_wrap">
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(상의) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_top.jpg" alt="상의 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>가슴둘레</dt>
|
|
|
+ <dd>양쪽 겨드랑이 밑선 단면을 잰 길이x2</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>어깨너비</dt>
|
|
|
+ <dd>좌측어깨에서 우측어깨끝 봉제선 단면을 잰 길이 (어깨봉제선이 없을경우 어깨길이와 팔길이는 측정 안함)</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>팔길이</dt>
|
|
|
+ <dd>어깨 봉제선부터 소매 끝까지 잰 길</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>총길이</dt>
|
|
|
+ <dd>카라부분(혹은 후드)를 제외 한 지점부터 밑단 끝까지 잰 길이 (라운드티셔츠의 경우 목라인을 포함 해 네크라인부터 밑단 끝까지의 길이를 측정)</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(상의) -->
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(하의) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_pants.jpg" alt="하의 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>허리둘레</dt>
|
|
|
+ <dd>허리선을 일자로 맞추고 한쪽의 허리끝단부터 반대편 끝까지 단면을 잰 길이x2</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>밑위</dt>
|
|
|
+ <dd>허리부터 가랑이 끝점까지 잰 길이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>엉덩이둘레</dt>
|
|
|
+ <dd>밑위 중간부분 단면을 잰 길이x2</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>허벅지둘레</dt>
|
|
|
+ <dd>가랑이 부분부터 바깥쪽 허벅지 끝나는 지점까지의 단면을 잰 길이x2</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>총길이</dt>
|
|
|
+ <dd>허리끝선부터 바지밑단 끝선 까지 잰 길이</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(하의) -->
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(가방) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_bag.jpg" alt="가방 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>가로</dt>
|
|
|
+ <dd>가장 넓은 부분의 수평 길이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>세로</dt>
|
|
|
+ <dd>바닥부터 가방의 가로 중앙지점까지 수직 길이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>끈길이</dt>
|
|
|
+ <dd>가방 끝의 전체 길이(길이 조절이 가능한 경우 최소~최대 길이 표기)</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>손잡이높이</dt>
|
|
|
+ <dd>가방의 가로 가운데 지점부터 손잡이를 세웠을 때의 가장 높은 부분까지의 높이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>끈폭</dt>
|
|
|
+ <dd>가방 끈의 수평폭</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>폭</dt>
|
|
|
+ <dd>가방 옆 부분의 두께</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(가방) -->
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(신발) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_shoe.jpg" alt="신발 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>굽높이</dt>
|
|
|
+ <dd>설명 필요</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>볼너비</dt>
|
|
|
+ <dd>설명 필요</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>총길이</dt>
|
|
|
+ <dd>설명 필요</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ <!--<div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ 국내 브랜드는 브랜드, 스타일마다 사이즈가 다르게 전개될 수 있으니, 개별 상품 상세페이지에 기재된 상세 사이즈안내를 참조하세요.
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>-->
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(신발) -->
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(언더웨어) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_underwear.jpg" alt="속옷 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>밑가슴둘레</dt>
|
|
|
+ <dd>유방의 바로 밑을 수평으로 잰 길이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>컵</dt>
|
|
|
+ <dd>밑가슴둘레와 가슴둘레의 차이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>가슴둘레</dt>
|
|
|
+ <dd>유방을중심으로 수평으로 잰길이</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(언더웨어) -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //사이즈정보 팝업 -->
|
|
|
+
|
|
|
+ <!-- 재입고 알림신청 팝업 -->
|
|
|
+ <div class="modal fade pd_pop push_restock_pop" id="pushRestockPop" tabindex="-1" role="dialog" aria-labelledby="pushRestockLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="pushRestockLabel">재입고 알림 신청</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="item_blk">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="select_blk">
|
|
|
+ <h6>사이즈 선택</h6>
|
|
|
+ <div class="opt_size">
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize11" value="">
|
|
|
+ <label for="rdi-optsize11"><span>90</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize12" value="">
|
|
|
+ <label for="rdi-optsize12"><span>95</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize13" value="">
|
|
|
+ <label for="rdi-optsize13"><span>100</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize14" value="">
|
|
|
+ <label for="rdi-optsize14"><span>105</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize15" value="">
|
|
|
+ <label for="rdi-optsize15"><span>110</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize16" value="">
|
|
|
+ <label for="rdi-optsize16"><span>115</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize17" value="">
|
|
|
+ <label for="rdi-optsize17"><span>free</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize18" value="">
|
|
|
+ <label for="rdi-optsize18"><span>size1</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize19" value="">
|
|
|
+ <label for="rdi-optsize19"><span>size2</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="select_blk">
|
|
|
+ <h6>옵션 선택</h6>
|
|
|
+ <div class="opt_select">
|
|
|
+ <form class="form_wrap">
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom item_opt3">
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">선택</div>
|
|
|
+ <ul class="list">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="selected">선택</li>
|
|
|
+ <li>상품옵션01</li>
|
|
|
+ <li>상품옵션02</li>
|
|
|
+ <li>상품옵션03</li>
|
|
|
+ <li aria-disabled="true">
|
|
|
+ <div>상품옵션05</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ <li>상품옵션06</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">
|
|
|
+ <div>상품옵션07</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom item_opt4" disabled>
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">선택</div>
|
|
|
+ <ul class="list">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="selected">선택</li>
|
|
|
+ <li>상품옵션11</li>
|
|
|
+ <li>상품옵션12</li>
|
|
|
+ <li>상품옵션13</li>
|
|
|
+ <li aria-disabled="true">
|
|
|
+ <div>상품옵션15</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ <li>상품옵션16</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">
|
|
|
+ <div>상품옵션17</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" id="" class="btn btn_dark"><span>신청</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //재입고 알림신청 팝업 -->
|
|
|
+
|
|
|
+ <!-- 배송교환반품안내 팝업 -->
|
|
|
+ <div class="pd_pop full_pop pd_delivery_pop" id="pdDeliveryPop">
|
|
|
+ <div class="full_popup_wrap">
|
|
|
+ <h5 class="sr-only">배송교환반품 안내</h5>
|
|
|
+ <div class="btn_close">
|
|
|
+ <a href="" id="btn_close_deliveryPop">닫기버튼</a>
|
|
|
+ </div>
|
|
|
+ <div class="full_pop_header">
|
|
|
+ <!-- 해당 상품 -->
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">NBA 키즈</p>
|
|
|
+ <div class="itemName">유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //해당 상품 -->
|
|
|
+ </div>
|
|
|
+ <div class="full_pop_container">
|
|
|
+ <!-- 배송교환반품안내 리스트 내용 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //배송교환반품안내 팝업 -->
|
|
|
+
|
|
|
+
|
|
|
+ <!-- **************** 상품리뷰 팝업 **************** -->
|
|
|
+ <!-- 상품리뷰 리스트 팝업 -->
|
|
|
+ <div class="pd_pop full_pop pd_review_pop" id="pdReviewPop">
|
|
|
+ <div class="full_popup_wrap">
|
|
|
+ <h5 class="sr-only">상품리뷰</h5>
|
|
|
+ <div class="btn_close">
|
|
|
+ <a href="" id="btn_close_reviewPop">닫기버튼</a>
|
|
|
+ </div>
|
|
|
+ <div class="full_pop_header">
|
|
|
+ <!-- 해당 상품 -->
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">NBA 키즈</p>
|
|
|
+ <div class="itemName">유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //해당 상품 -->
|
|
|
+ </div>
|
|
|
+ <div class="full_pop_container">
|
|
|
+ <!-- 상품리뷰 리스트 내용 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품리뷰 리스트 팝업 -->
|
|
|
+
|
|
|
+ <!-- 베스트 리뷰 자세히보기 팝업 -->
|
|
|
+ <div class="modal fade pd_pop pd_bestreviewdetail_pop" id="pdBestReviewPop" tabindex="-1" role="dialog" aria-labelledby="pdBestReviewLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <!-- 베스트리뷰 팝업 내용 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //베스트 리뷰 자세히보기 팝업 -->
|
|
|
+
|
|
|
+ <!-- 포토영상 리뷰 자세히보기 팝업 -->
|
|
|
+ <div class="modal fade pd_pop pd_photoreviewdetail_pop" id="pdPhotoReviewDetailPop" tabindex="-1" role="dialog" aria-labelledby="pdPhotoReviewDetailLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <!-- 포토영상 리뷰 자세히보기 팝업 내용 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //포토영상 리뷰 자세히보기 팝업 -->
|
|
|
+
|
|
|
+ <!-- 포토영상 리뷰 리스트 팝업 -->
|
|
|
+ <div class="modal fade pd_pop pd_photoreviewlist_pop" id="pdPhotoReviewListPop" tabindex="-1" role="dialog" aria-labelledby="pdPhotoReviewListLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <!-- 포토영상 리뷰 리스트 팝업 내용 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <a href="#close-modal" rel="modal:close" class="close-modal ">Close</a>
|
|
|
+ </div>
|
|
|
+ <!-- //포토영상 리뷰 리스트 팝업 -->
|
|
|
+ <!-- //**************** 상품리뷰 팝업 **************** -->
|
|
|
+
|
|
|
+ <!-- **************** 상품문의 팝업 **************** -->
|
|
|
+ <!-- 상품문의 작성 팝업 -->
|
|
|
+ <div class="modal fade pd_pop pd_qnawrite_pop" id="pdQnaWritePop" tabindex="-1" role="dialog" aria-labelledby="pdQnaWriteLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="pdQnaWriteLabel">상품 문의하기</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">
|
|
|
+ <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 class="secret_box">
|
|
|
+ <input id="wr_secret" type="checkbox"><label for="wr_secret"><span>비밀글설정</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="push_box">
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <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>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn_dark"><span>등록</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품문의 작성 팝업 -->
|
|
|
+
|
|
|
+ <!-- 상품문의 리스트 팝업 -->
|
|
|
+ <div class="pd_pop full_pop pd_qnalist_pop" id="pdQnaListPop">
|
|
|
+ <div class="full_popup_wrap">
|
|
|
+ <h5 class="sr-only">상품문의</h5>
|
|
|
+ <div class="btn_close">
|
|
|
+ <a href="" id="btn_close_qnaListPop">닫기버튼</a>
|
|
|
+ </div>
|
|
|
+ <div class="full_pop_header">
|
|
|
+ <!-- 해당 상품 -->
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">NBA 키즈</p>
|
|
|
+ <div class="itemName">유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업</div>
|
|
|
+ <p class="itemPrice">134,100
|
|
|
+ <span class="itemPrice_original">149,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //해당 상품 -->
|
|
|
+ </div>
|
|
|
+ <div class="full_pop_container">
|
|
|
+ <!-- 상품문의 리스트 내용 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품문의 리스트 팝업 -->
|
|
|
+
|
|
|
+ <!-- 상품문의 이미지 팝업 -->
|
|
|
+ <div class="modal fade pd_pop qna_img_pop" id="qnaImgPop" tabindex="-1" role="dialog" aria-labelledby="qnaImgLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header sr-only">
|
|
|
+ <h5 class="modal-title" id="qnaImgLabel">이미지 상세보기</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <!-- 이미지 슬라이드 영역 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-button-next"></div>
|
|
|
+ <div class="swiper-button-prev"></div>
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품문의 이미지 팝업 -->
|
|
|
+ <!-- **************** 상품문의 팝업 **************** -->
|
|
|
+
|
|
|
+<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+
|
|
|
+ $(document).ready( function() {
|
|
|
+ // 상품 대표설명 > 좌측 상품썸네일 navi, 우측 상품정보 고정
|
|
|
+ $(window).scroll(function(){
|
|
|
+ var scrollTop= $(window).scrollTop();
|
|
|
+ var firstFixed = $('#header').outerHeight();
|
|
|
+ var thumbListWrap_h = $('.pd_detail .thumb_list_wrap').outerHeight();
|
|
|
+ var descWrap_h = $('.pd_detail .desc_wrap').outerHeight();
|
|
|
+ var secondFixed_left = firstFixed + $('.pd_detail').outerHeight() - $('.pd_detail .thumb_nav_wrap').outerHeight();
|
|
|
+ var secondFixed_right = firstFixed + $('.pd_detail .desc_wrap').outerHeight() - $(window).outerHeight();
|
|
|
+ var secondFixed_right2 = firstFixed + $('.pd_detail').outerHeight() - $(window).outerHeight();
|
|
|
+
|
|
|
+ /* 좌측 상품썸네일 navi 고정 */
|
|
|
+ if (scrollTop > firstFixed){
|
|
|
+ $('.pd_detail .area_pic .thumb_nav_wrap').removeClass('fixbottom').addClass('fixtop');
|
|
|
+ }
|
|
|
+ else if (scrollTop < firstFixed){
|
|
|
+ $('.pd_detail .area_pic .thumb_nav_wrap').removeClass('fixtop');
|
|
|
+ }
|
|
|
+ if (scrollTop > secondFixed_left){
|
|
|
+ $('.pd_detail .area_pic .thumb_nav_wrap').removeClass('fixtop').addClass('fixbottom');
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 우측 상품정보 고정 */
|
|
|
+ if (thumbListWrap_h > descWrap_h && scrollTop > secondFixed_right) {
|
|
|
+ $('.pd_detail .area_desc .desc_wrap').removeClass('absbottom').addClass('fixbottom');
|
|
|
+ }
|
|
|
+ else if (thumbListWrap_h > descWrap_h && scrollTop < secondFixed_right) {
|
|
|
+ $('.pd_detail .area_desc .desc_wrap').removeClass('fixbottom');
|
|
|
+ }
|
|
|
+ if (thumbListWrap_h > descWrap_h && scrollTop > secondFixed_right2) {
|
|
|
+ $('.pd_detail .area_desc .desc_wrap').removeClass('fixbottom').addClass('absbottom');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 상품 대표설명 > 좌측 상품썸네일 navi
|
|
|
+ var thumbNavSwiper = new Swiper('.area_pic .thumb_nav_wrap .swiper-container', {
|
|
|
+ direction: 'vertical',
|
|
|
+ slidesPerView: 6,
|
|
|
+ slidesPerGroup : 6,
|
|
|
+ spaceBetween: 10,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.area_pic .thumb_nav_wrap .swiper-button-next',
|
|
|
+ prevEl: '.area_pic .thumb_nav_wrap .swiper-button-prev',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ //상품 대표설명 > 상품썸네일 1개일때
|
|
|
+ var thumblist = $('.area_pic .thumb_list_wrap li');
|
|
|
+ var thumblistLength = thumblist.length;
|
|
|
+ if (thumblistLength == 1) {
|
|
|
+ thumblist.parents('.area_pic').addClass('onlyitem');
|
|
|
+ } else {
|
|
|
+ thumblist.parents('.area_pic').removeClass('onlyitem');
|
|
|
+ }
|
|
|
+
|
|
|
+ //상품 대표설명 > 좌측 상품썸네일 6개 이하일때
|
|
|
+ var thumbnavSlide = $('.area_pic .thumb_nav_wrap .swiper-container .swiper-slide');
|
|
|
+ var thumbnavLength = thumbnavSlide.length;
|
|
|
+ if (thumbnavLength < 7) {
|
|
|
+ thumbnavSlide.parents('.thumbnav').addClass('disabled');
|
|
|
+ } else {
|
|
|
+ thumbnavSlide.parents('.thumbnav').removeClass('disabled');
|
|
|
+ }
|
|
|
+
|
|
|
+ //상품 대표설명 > 좌측 상품썸네일 navi 선택시 해당 대표 썸네일 위치로 이동
|
|
|
+ $(document).on('click','.pd_detail .area_pic .thumbnav .swiper-slide a',function(e){
|
|
|
+ e.preventDefault();
|
|
|
+ var hdHeight = $('#header').outerHeight();
|
|
|
+ var targetThumb = $($(this).attr('href'));
|
|
|
+ var topThumb = targetThumb.offset().top - hdHeight;
|
|
|
+ $(this).parents('.thumbnav').find('.swiper-slide').removeClass('on');
|
|
|
+ $(this).parent('.swiper-slide').addClass('on');
|
|
|
+ targetThumb.siblings('li').removeClass('on');
|
|
|
+ targetThumb.addClass('on');
|
|
|
+ $('html,body').animate({scrollTop : topThumb}, 500);
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //상품 대표설명 > 우측 상품정보
|
|
|
+ /* 1차 옵션선택 후 2차 옵션 활성화 */
|
|
|
+ var opt_selecter01 = new sCombo('.opt_select .select_custom.item_opt1');
|
|
|
+ var opt_selecter01 = new sCombo('.opt_select .select_custom.item_opt2');
|
|
|
+ $('.opt_select .select_custom .combo .list > li').click(function(e) {
|
|
|
+ $(this).parents('.form_field').next('.form_field').find('.select_custom').attr('disabled', false);
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ /* 행사 남은시간 */
|
|
|
+ function promotionTimer() {
|
|
|
+ var endTime = new Date('30 March 2021 9:56:00 GMT+0900'); // 남은시간 지정
|
|
|
+ endTime = (Date.parse(endTime) / 1000);
|
|
|
+
|
|
|
+ var now = new Date();
|
|
|
+ now = (Date.parse(now) / 1000);
|
|
|
+
|
|
|
+ var timeLeft = endTime - now;
|
|
|
+
|
|
|
+ var days = Math.floor(timeLeft / 86400);
|
|
|
+ var hours = Math.floor((timeLeft - (days * 86400)) / 3600);
|
|
|
+ var minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
|
|
|
+ var seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
|
|
|
+
|
|
|
+ if (hours < '10') { hours = '0' + hours; }
|
|
|
+ if (minutes < '10') { minutes = '0' + minutes; }
|
|
|
+ if (seconds < '10') { seconds = '0' + seconds; }
|
|
|
+
|
|
|
+ $('#d-days').html(days);
|
|
|
+ $('#d-hours').html(hours);
|
|
|
+ $('#d-minutes').html(minutes);
|
|
|
+ $('#d-seconds').html(seconds);
|
|
|
+ }
|
|
|
+ setInterval(function() { promotionTimer(); }, 1000);
|
|
|
+
|
|
|
+ /* 상품옵션변경 팝업 > 수량조절 */
|
|
|
+ $(document).on('click','.option_box .opt_count .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','.option_box .opt_count .number_count .plus',function(e){
|
|
|
+ var $input = $(this).parent().find('input');
|
|
|
+ $input.val(parseInt($input.val()) + 1);
|
|
|
+ $input.change();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //스타일링 추천 picker
|
|
|
+ $(document).on('mouseenter','.pd_recommend .area_slider .item_picker button',function(e){
|
|
|
+ $(this).parents('.item_picker').find('.pick_descr').show();
|
|
|
+ return false;
|
|
|
+ }).on('mouseleave','.pd_recommend .area_slider .item_picker button', function(e){
|
|
|
+ $(this).parents('.item_picker').find('.pick_descr').hide();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //상품상세정보 안내 호출
|
|
|
+ $(".pd_descrp").load("pd_descrp_pop.html");
|
|
|
+
|
|
|
+ //상품상세정보 더보기
|
|
|
+ $(document).on('click','.pd_descrp .btn_more_box button',function(e){
|
|
|
+ $('.pd_descrp .cont_body').toggleClass('on');
|
|
|
+ $(this).toggleClass('active');
|
|
|
+ $(this).parent('.btn_more_box').toggleClass('covered');
|
|
|
+ var descrpToggle = $(this).find('span');
|
|
|
+ $(descrpToggle).text($(descrpToggle).text() == '상세정보 더보기' ? '상세정보 접기' : '상세정보 더보기');
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //관심상품 등록
|
|
|
+ $(document).on('click','.pd .itemLike',function(e){
|
|
|
+ $(this).toggleClass('active');
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 함께하면 할인되는 다다익선 상품
|
|
|
+ var togetherItemSwiper = new Swiper('.pd .pd_together .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 6,
|
|
|
+ spaceBetween: 20,
|
|
|
+ scrollbar: {
|
|
|
+ el: '.pd_together .swiper-scrollbar',
|
|
|
+ hide: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 이 상품과 함께 본 상품
|
|
|
+ var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 5,
|
|
|
+ spaceBetween: 20,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.pd_clickother .swiper-button-next',
|
|
|
+ prevEl: '.pd_clickother .swiper-button-prev',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.pd_clickother .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - STYLE24의 스타일링 추천
|
|
|
+ var rcmdItemSwiper = new Swiper('.pd .pd_recommend .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 1,
|
|
|
+ spaceBetween: 0,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.pd_recommend .swiper-button-next',
|
|
|
+ prevEl: '.pd_recommend .swiper-button-prev',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.pd_recommend .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 이 상품과 비슷한 상품
|
|
|
+ var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 5,
|
|
|
+ spaceBetween: 20,
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.pd_relate .swiper-button-next',
|
|
|
+ prevEl: '.pd_relate .swiper-button-prev',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.pd_relate .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 상품문의 이미지 팝업
|
|
|
+ var itemQnaPopSwiper = new Swiper('.qna_img_pop .swiper-container', {
|
|
|
+ navigation: {
|
|
|
+ nextEl: '.qna_img_pop .swiper-button-next',
|
|
|
+ prevEl: '.qna_img_pop .swiper-button-prev',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ el: '.qna_img_pop .swiper-pagination',
|
|
|
+ clickable: true,
|
|
|
+ },
|
|
|
+ observer:true,
|
|
|
+ observeParents: true,
|
|
|
+ });
|
|
|
+
|
|
|
+ //alert -쇼핑백담기
|
|
|
+ document.getElementById("btn_add_cart").onclick = function(){
|
|
|
+ mcxDialog.confirm("<div class="+"dialog-title"+">"+"상품이 쇼핑백에 추가되었습니다.</div><p>쇼핑백으로 이동하시겠습니까?</p>", {
|
|
|
+ cancelBtnText: "계속 쇼핑하기",
|
|
|
+ sureBtnText: "쇼핑백 가기",
|
|
|
+ sureBtnClick: function(){
|
|
|
+ location.href=''; //내 쇼핑백 이동url
|
|
|
+ }
|
|
|
+ });
|
|
|
+ };
|
|
|
+
|
|
|
+ //팝업 - 쿠폰받기
|
|
|
+ $(document).on('click','#btn_saleCoupon_pop',function(e){
|
|
|
+ $("#saleCouponPop").modal("show"); //할인쿠폰받기
|
|
|
+ //$("#epCouponPop").modal("show"); ep채널 쿠폰받기
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 쇼핑혜택 > 자세히보기
|
|
|
+ $(document).on('click','#btn_bnfShopping_pop',function(e){
|
|
|
+ $("#bnfShoppingPop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 카드혜택 > 자세히보기
|
|
|
+ $(document).on('click','#btn_bnfCard_pop',function(e){
|
|
|
+ $("#bnfCardPop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 사이즈정보
|
|
|
+ $(document).on('click','#btn_infoSize_pop',function(e){
|
|
|
+ $("#infoSizePop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 사이즈정보 > 탭
|
|
|
+ $(document).on('click','.info_size_pop .tab_nav ul li',function(e){
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $('.info_size_pop .tab_cont_wrap .tab_cont').hide();
|
|
|
+ $('.info_size_pop .tab_cont_wrap .tab_cont').eq($(this).index()).show();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 사이즈정보 > 서브탭
|
|
|
+ $(document).on('click','.info_size_pop .sub_tab_nav ul li',function(e){
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $(this).parents('.tab_cont').find('.sub_tab_cont').hide();
|
|
|
+ $(this).parents('.tab_cont').find('.sub_tab_cont').eq($(this).index()).show();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 재입고 알림 신청
|
|
|
+ $(document).on('click','#btn_pushRestock_pop',function(e){
|
|
|
+ //선택옵션 호출
|
|
|
+ var opt_selecter03 = new sCombo('.opt_select .select_custom.item_opt3');
|
|
|
+ var opt_selecter04 = new sCombo('.opt_select .select_custom.item_opt4');
|
|
|
+
|
|
|
+ $("#pushRestockPop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 상품리뷰
|
|
|
+ $(document).on('click','#btn_pdReview_pop',function(e){
|
|
|
+ $('body').addClass('lock');
|
|
|
+ $("#pdReviewPop .full_pop_container").load("pd_review_pop.html");
|
|
|
+ $("#pdReviewPop").show();
|
|
|
+ return false;
|
|
|
+ }).on('click','#btn_close_reviewPop',function(e){
|
|
|
+ $("#pdReviewPop").hide();
|
|
|
+ $('body').removeClass('lock');
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 상품 베스트 리뷰 (detail)
|
|
|
+ $(document).on('click','#btn_pdBestReview_pop, .area_rv_best .best_review a',function(e){
|
|
|
+ $("#pdBestReviewPop .modal-content").load("pd_bestreviewdetail_pop.html");
|
|
|
+ $("#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-content").load("pd_photoreviewdetail_pop.html");
|
|
|
+ $("#pdPhotoReviewDetailPop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 포토/영상 리뷰 (list)
|
|
|
+ $(document).on('click','#btn_more_photoreview, #btn_pdPhotoReviewList_pop',function(e){
|
|
|
+ $("#pdPhotoReviewListPop .modal-content").load("pd_photoreviewlist_pop.html");
|
|
|
+ $("#pdPhotoReviewListPop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 상품문의 작성
|
|
|
+ $(document).on('click','#btn_pdQnaWrite_pop',function(e){
|
|
|
+ $("#pdQnaWritePop").modal("show");
|
|
|
+
|
|
|
+ // 상품문의 작성 > 글자수 체크
|
|
|
+ $('.pd_qnawrite_pop .doc_itemqna').keyup(function (e){
|
|
|
+ var contentQna = $(this).val();
|
|
|
+ $('#itemqna_cnt').html("(<em class='c_primary'>"+contentQna.length+"</em>/500자)");
|
|
|
+ if (contentQna.length > 500){
|
|
|
+ alert("최대 500자까지 입력 가능합니다.");
|
|
|
+ $(this).val(contentQna.substring(0, 500));
|
|
|
+ $('#itemqna_cnt').html("(<em class='c_primary'>500</em>/500자)");
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 상품문의 리스트
|
|
|
+ $(document).on('click','#btn_pdQnaList_pop',function(e){
|
|
|
+ $('body').addClass('lock');
|
|
|
+ $("#pdQnaListPop .full_pop_container").load("pd_qnalist_pop.html");
|
|
|
+ $("#pdQnaListPop").show();
|
|
|
+ return false;
|
|
|
+ }).on('click','#btn_close_qnaListPop',function(e){
|
|
|
+ $("#pdQnaListPop").hide();
|
|
|
+ $('body').removeClass('lock');
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 상품문의 이미지 슬라이드
|
|
|
+ $(document).on('click','.qna_list .img_group .thumb_pic',function(e){
|
|
|
+ $("#qnaImgPop .swiper-wrapper").empty();
|
|
|
+
|
|
|
+ var pdPopSlideIndex = $(this).index();
|
|
|
+ itemQnaPopSwiper.slideTo(pdPopSlideIndex);
|
|
|
+ itemQnaPopSwiper.update();
|
|
|
+
|
|
|
+ var itemQnaImglength = $('.qna_list .img_group .thumb_pic').length;
|
|
|
+ var itemPopImgHtml = "";
|
|
|
+ for (i = 1; i <= itemQnaImglength; i++) {
|
|
|
+ var itemQnaImg = $(this).find('img');
|
|
|
+ var itemQnaImgSrc = $('.img_group .thumb_pic:nth-child('+i+') img').attr('src');
|
|
|
+ itemPopImgHtml += "<div class='swiper-slide'><div class='pop_img' style='background-image:url("+ itemQnaImgSrc +")'></div></div>";
|
|
|
+ }
|
|
|
+
|
|
|
+ $("#qnaImgPop .swiper-wrapper").append(itemPopImgHtml);
|
|
|
+ $('#qnaImgPop').modal("show");
|
|
|
+
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 배송교환반품 안내
|
|
|
+ $(document).on('click','#btn_pdDeliveryPop',function(e){
|
|
|
+ $('body').addClass('lock');
|
|
|
+ $("#pdDeliveryPop .full_pop_container").load("pd_delivery_pop.html");
|
|
|
+ $("#pdDeliveryPop").show();
|
|
|
+ return false;
|
|
|
+ }).on('click','#btn_close_deliveryPop',function(e){
|
|
|
+ $("#pdDeliveryPop").hide();
|
|
|
+ $('body').removeClass('lock');
|
|
|
+
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ });
|
|
|
+/*]]>*/
|
|
|
+</script>
|
|
|
+</th:block>
|
|
|
+</body>
|
|
|
+</html>
|
eskim
