|
|
@@ -0,0 +1,4564 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
+ layout:decorator="mob/common/layout/GoodsLayoutMob">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : GoodsDetailFormMob.html
|
|
|
+ * @desc : 상품상세 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.04.02 eskim 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+<th:block layout:fragment="content">
|
|
|
+<main role="" id="" class="container pd">
|
|
|
+
|
|
|
+ <!-- ★ 컨텐츠 시작 -->
|
|
|
+ <section class="pd_detail">
|
|
|
+
|
|
|
+ <div class="inner wide">
|
|
|
+ <!-- 제품사진영역 -->
|
|
|
+ <div class="thumb_box">
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container thumb_list">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide"><div class="thumb mov"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //제품사진영역 -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="inner">
|
|
|
+ <div class="timer_box">
|
|
|
+ <p>
|
|
|
+ <span class="tt">남은시간</span>
|
|
|
+ <span class="timer">
|
|
|
+ <em id="d-days">15</em>
|
|
|
+ <em id="d-hours">08</em>
|
|
|
+ <em id="d-minutes">22</em>
|
|
|
+ <em id="d-seconds">50</em>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="descript_box">
|
|
|
+ <p class="name">유니 삼단블록 플리스 집업</p>
|
|
|
+ <p class="comment">#가을 느낌 물씬!</p>
|
|
|
+ <p class="price_blk">
|
|
|
+ <span class="sale_price"><em>134,100</em>원</span>
|
|
|
+ <span class="org_price"><del><em>149,000</em>원</del></span>
|
|
|
+ <span class="sale_percent">30%</span>
|
|
|
+ </p>
|
|
|
+ <p class="save_point">스타일포인트 9,999P 적립예정</p>
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div><button class="btn btn_default" id="btn_saleCoupon_pop">쿠폰받기</button></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="inner wide">
|
|
|
+ <div class="desc_status">예약판매 상품 - <em>2020.12.30</em> 출고예정</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="inner">
|
|
|
+ <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/mo/thumb/tmp_cartColor1.jpg" alt="그레이">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/mo/thumb/tmp_cartColor1.jpg" alt="베이지">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/mo/thumb/tmp_cartColor1.jpg" alt="그린">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/mo/thumb/tmp_cartColor1.jpg" alt="핑크">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/mo/thumb/tmp_cartColor1.jpg" alt="민트">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/mo/thumb/tmp_cartColor1.jpg" alt="블랙">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="opt_size">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="title">사이즈</span>
|
|
|
+ </div>
|
|
|
+ <div class="form_field2">
|
|
|
+ <div class="lap">
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value="" checked=""><span>90</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value="" disabled=""><span>95</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>100</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>105</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>110</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>115</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>free</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="info_restock"><a href="#none" id="btn_pushRestock_pop" class="btn_popup">재입고 알림 신청</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="inner">
|
|
|
+ <div class="benefit_box">
|
|
|
+ <dl class="bnf_shopping">
|
|
|
+ <dt>쇼핑혜택</dt>
|
|
|
+ <dd>
|
|
|
+ <span>최대 <em>15%</em> 쿠폰 할인</span>
|
|
|
+ <span><em>99개</em> 이상 구매 시 <em>9,999,999원</em> 할인</span>
|
|
|
+ <span>미니언즈 우산 증정</span>
|
|
|
+ <button type="button" id="btn_bnfShopping_pop" class="btn_popup"><span>자세히</span></button>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ <dl class="bnf_card">
|
|
|
+ <dt>카드혜택</dt>
|
|
|
+ <dd>
|
|
|
+ <span>국민카드 <em>5%</em> 즉시할인</span>
|
|
|
+ <span>신용카드 무이자 혜택</span>
|
|
|
+ <button type="button" id="btn_bnfCard_pop" class="btn_popup"><span>자세히</span></button>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="inner">
|
|
|
+ <div class="pd_together">
|
|
|
+ <h3 class="tit">다다익선 상품</h3>
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container swiper-container-initialized swiper-container-horizontal">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide swiper-slide-next">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="inner wide">
|
|
|
+ <div class="brand_home">
|
|
|
+ <a href="#none" class="link_go">NBA 브랜드홈</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="inner">
|
|
|
+ <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/mo/thumb/tmp_desc_bnr.jpg" width="1200" alt=""></a>
|
|
|
+ <div style="height:4rem"></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:4rem"></div><!-- 여백용 html -->
|
|
|
+ <img src="/images/mo/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/mo/thumb/tmp_outfit_desc1.jpg" alt="">
|
|
|
+ <img src="/images/mo/thumb/tmp_outfit_desc2.jpg" alt="">
|
|
|
+ <img src="/images/mo/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/mo/thumb/tmp_detail_desc1.jpg" alt="">
|
|
|
+ <img src="/images/mo/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/mo/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/mo/thumb/tmp_label_desc1.jpg" alt="">
|
|
|
+ <img src="/images/mo/thumb/tmp_label_desc2.jpg" alt="">
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //라벨 노출 -->
|
|
|
+ <!-- 브랜드 노출 -->
|
|
|
+ <div class="brand_box">
|
|
|
+ <p class="name">TBJ 티비제이</p>
|
|
|
+ <a href="" class="brend_home"><span>브랜드 홈 바로가기</span></a>
|
|
|
+ </div>
|
|
|
+ <!-- //브랜드 노출 -->
|
|
|
+ <!-- 상품필수정보 노출 -->
|
|
|
+ <div class="required_box">
|
|
|
+ <div class="area_infotbl">
|
|
|
+ <span class="title">상품고시정보</span>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <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">
|
|
|
+ <div>
|
|
|
+ <i class="ico ico_kcl"></i>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <p class="tit normal">
|
|
|
+ 어린이제품 안전인증<br>
|
|
|
+ 한국건설생활시험연구원(KCL)
|
|
|
+ </p>
|
|
|
+ <p class="normal">
|
|
|
+ <span>인증번호:</span> <a class="num">CB123A123-1234</a>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p class="t_info dot_info mt10">
|
|
|
+ 해당 인증정보는 판매자가 등록한 것으로 등록정보에 대한 일체의 책임은 판매자에게 있습니다.
|
|
|
+ </p>
|
|
|
+ <div class="area_infotbl">
|
|
|
+ <span class="title">상품기본정보</span>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <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 mt10">
|
|
|
+ 주문제작 상품의 경우 주문 후 제작되어 판매되는 상품으로 제작 시점부터 반품/교환이 어려울 수 있습니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품필수정보 노출 -->
|
|
|
+ </div>
|
|
|
+ <div class="btn_more_box covered">
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div>
|
|
|
+ <button type="button" class="btn btn_default">
|
|
|
+ <span>상세정보 더보기</span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="inner">
|
|
|
+
|
|
|
+ <!-- 리뷰영역 -->
|
|
|
+ <div class="riview_box">
|
|
|
+ <div class="ex_review">
|
|
|
+ <a href="#none" 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="area_slider" id="btn_pdBestReview_pop">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <!-- 베스트 리뷰 등록시 노출 -->
|
|
|
+ <div class="best_review">
|
|
|
+ <a href="#none">
|
|
|
+ <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="lap">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb mov" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
+ </div>
|
|
|
+ <div class="txt_best_review">
|
|
|
+ <p>
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- //베스트 리뷰 등록시 노출 -->
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <!-- 베스트 리뷰 등록시 노출 -->
|
|
|
+ <div class="best_review">
|
|
|
+ <a href="#none">
|
|
|
+ <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="lap">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ <div class="txt_best_review">
|
|
|
+ <p>
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- //베스트 리뷰 등록시 노출 -->
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <!-- 베스트 리뷰 등록시 노출 -->
|
|
|
+ <div class="best_review">
|
|
|
+ <a href="#none">
|
|
|
+ <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="lap">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ <div class="txt_best_review">
|
|
|
+ <p>
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- //베스트 리뷰 등록시 노출 -->
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <!-- 베스트 리뷰 등록시 노출 -->
|
|
|
+ <div class="best_review">
|
|
|
+ <a href="#none">
|
|
|
+ <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="lap">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb mov" style="background-image:url('/images/mo/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
+ </div>
|
|
|
+ <div class="txt_best_review">
|
|
|
+ <p>
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- //베스트 리뷰 등록시 노출 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //리뷰영역 -->
|
|
|
+ <!-- 문의,사이즈정보,배송/교환/반품 -->
|
|
|
+ <div class="exinfo_box">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="ex_qna">
|
|
|
+ <a href="#none" id="btn_pdQnaList_pop">
|
|
|
+ <span class="tit">문의<em class="number">(9,999+)</em></span>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="ex_size">
|
|
|
+ <a href="#none" id="btn_pdSizeInfo_pop">
|
|
|
+ <span class="tit">사이즈</span>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="ex_shipping">
|
|
|
+ <a href="#none" id="btn_pdDelivery_Pop">
|
|
|
+ <span class="tit">배송/교환/반품</span>
|
|
|
+ </a>
|
|
|
+ <!-- 해당 배송정보 선택노출 -->
|
|
|
+ <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>
|
|
|
+ <!-- //해당 배송정보 선택노출 -->
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //문의,사이즈정보,배송/교환/반품 -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="inner">
|
|
|
+ <div class="recommendedArea">
|
|
|
+ <!-- 이상품과 함께 본 상품영역-->
|
|
|
+ <div class="pd_clickother">
|
|
|
+ <h3 class="tit">이 상품과 함께 본 상품</h3>
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //이상품과 함께 본 상품영역-->
|
|
|
+ <!-- STYLE24의 스타일링 추천 -->
|
|
|
+ <div class="pd_recommend">
|
|
|
+ <h3 class="tit">STYLE24의 스타일링 추천</h3>
|
|
|
+ <!-- 상품이미지pic -->
|
|
|
+ <div class="area_slider pic_img">
|
|
|
+ <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/mo/thumb/tmp_pdLookbook1.jpg');"></span>
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:15.83%; top:68.33%;">
|
|
|
+ <div>
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명11
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:45%; top:40%;">
|
|
|
+ <div>
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명12
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:85%; top:62%;">
|
|
|
+ <div>
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr" style="display: none;">
|
|
|
+ <a href="">
|
|
|
+ 상품명13
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="page">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook1.jpg');"></span>
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:15.83%; top:68.33%;">
|
|
|
+ <div>
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명11
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:45%; top:40%;">
|
|
|
+ <div>
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명12
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:85%; top:62%;">
|
|
|
+ <div>
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr" style="display: none;">
|
|
|
+ <a href="">
|
|
|
+ 상품명13
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="page">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook1.jpg');"></span>
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:15.83%; top:68.33%;">
|
|
|
+ <div>
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명11
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:45%; top:40%;">
|
|
|
+ <div>
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명12
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:85%; top:62%;">
|
|
|
+ <div>
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr" style="display: none;">
|
|
|
+ <a href="">
|
|
|
+ 상품명13
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="page">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/mo/thumb/tmp_pdLookbook1.jpg');"></span>
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:15.83%; top:68.33%;">
|
|
|
+ <div>
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명11
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:45%; top:40%;">
|
|
|
+ <div>
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명12
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:85%; top:62%;">
|
|
|
+ <div>
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr" style="display: none;">
|
|
|
+ <a href="">
|
|
|
+ 상품명13
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품이미지pic -->
|
|
|
+ <!-- 상품이미지pic 리스트 -->
|
|
|
+ <div class="area_slider pic_list">
|
|
|
+ <div class="box">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div>
|
|
|
+ <button type="button" class="btn btn_default"><span>모두 쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="box">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide swiper-slide-next">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div>
|
|
|
+ <button type="button" class="btn btn_default"><span>모두 쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="box">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div>
|
|
|
+ <button type="button" class="btn btn_default"><span>모두 쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="box">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 80,100
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div>
|
|
|
+ <button type="button" class="btn btn_default"><span>모두 쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품이미지pic 리스트 -->
|
|
|
+ </div>
|
|
|
+ <!-- //STYLE24의 스타일링 추천 -->
|
|
|
+ <!-- 동일브랜드 추천상품 -->
|
|
|
+ <div class="pd_samebrand">
|
|
|
+ <h3 class="tit">NBA 추천 상품</h3>
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //동일브랜드 추천상품 -->
|
|
|
+ <!-- 이 상품과 비슷한 상품영역 -->
|
|
|
+ <div class="pd_relate">
|
|
|
+ <h3 class="tit">이 상품과 비슷한 상품</h3>
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/mo/thumb/tmp_cartColor1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class="itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //이 상품과 비슷한 상품영역 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 팝업영역 -->
|
|
|
+ <div>
|
|
|
+ <!-- 구매하기팝업 -->
|
|
|
+ <div class="btPop btPopAuto pd_pop Purchase_pop" id="btPopAuto_back">
|
|
|
+ <a class="btn btPop_close">Close </a>
|
|
|
+ <div class="header btPop_head btPopAuto_head">
|
|
|
+ 구매하기팝업
|
|
|
+ </div>
|
|
|
+ <div class="body btPop_body btPopAuto_body">
|
|
|
+ <div class="option_result op1">
|
|
|
+ <!-- 옵션 -->
|
|
|
+ <div class="option_box">
|
|
|
+ <div class="opt_color">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="title">컬러</span>
|
|
|
+ <span class="color">그레이</span>
|
|
|
+ </div>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <a href="" class="on"> <!-- 해당 컬러 상품페이지로 이동 -->
|
|
|
+ <img src="/images/mo/thumb/tmp_cartColor1.jpg" alt="그레이">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/mo/thumb/tmp_cartColor1.jpg" alt="베이지">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/mo/thumb/tmp_cartColor1.jpg" alt="그린">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/mo/thumb/tmp_cartColor1.jpg" alt="핑크">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/mo/thumb/tmp_cartColor1.jpg" alt="민트">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/mo/thumb/tmp_cartColor1.jpg" alt="블랙">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="opt_size">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="title">사이즈</span>
|
|
|
+ </div>
|
|
|
+ <div class="form_field2">
|
|
|
+ <div class="lap">
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value="" checked=""><span>90</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value="" disabled=""><span>95</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>100</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>105</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>110</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>115</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>free</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 해당상품 품절시 노출 -->
|
|
|
+ <div class="info_restock"><a href="#none" id="btn_pushRestock_pop" class="btn_popup">재입고 알림 신청</a></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 class="opt_select">
|
|
|
+ <form class="form_wrap">
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom option_open">
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">상품옵션06</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <div class="opt_result">
|
|
|
+ <div class="result_item">
|
|
|
+ <div class="opt_header">
|
|
|
+ <div class="bundle">
|
|
|
+ <span class="item_option">다크그레이/XXL</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="number_count">
|
|
|
+ <span class="minus"><em class="sr-only">감소</em></span>
|
|
|
+ <input type="text" name="" maxlength="3" style="ime-mode:disabled" value="1">
|
|
|
+ <span class="plus"><em class="sr-only">추가</em></span>
|
|
|
+ </div>
|
|
|
+ <div class="item_price">
|
|
|
+ <p><em>99,999,999</em>원</p>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn_delete_item"><span>삭제</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="result_item">
|
|
|
+ <div class="opt_header">
|
|
|
+ <div class="bundle">
|
|
|
+ <span class="item_name">[상품1] 남성 테이퍼드핏 기모면 올밴딩 팬트</span>
|
|
|
+ <span class="item_option">블루그레이/S</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="number_count">
|
|
|
+ <span class="minus"><em class="sr-only">감소</em></span>
|
|
|
+ <input type="text" name="" maxlength="3" style="ime-mode:disabled" value="1">
|
|
|
+ <span class="plus"><em class="sr-only">추가</em></span>
|
|
|
+ </div>
|
|
|
+ <div class="item_price">
|
|
|
+ <p><em>99,999,999</em>원</p>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn_delete_item"><span>삭제</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="result_item">
|
|
|
+ <div class="opt_header">
|
|
|
+ <div class="bundle">
|
|
|
+ <span class="item_name">[상품1] 남성 테이퍼드핏 기모면 올밴딩 팬트</span>
|
|
|
+ <span class="item_option">다크그레이/XXL</span>
|
|
|
+ </div>
|
|
|
+ <div class="bundle">
|
|
|
+ <span class="item_name">[상품1] 남성 테이퍼드핏 기모면 올밴딩 팬트</span>
|
|
|
+ <span class="item_option">다크그레이/XXL</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="number_count">
|
|
|
+ <span class="minus"><em class="sr-only">감소</em></span>
|
|
|
+ <input type="text" name="" maxlength="3" style="ime-mode:disabled" value="1">
|
|
|
+ <span class="plus"><em class="sr-only">추가</em></span>
|
|
|
+ </div>
|
|
|
+ <div class="item_price">
|
|
|
+ <p><em>99,999,999</em>원</p>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn_delete_item"><span>삭제</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <!-- 네이버결제 -->
|
|
|
+ <div class="npay_box">
|
|
|
+ <div class="np_head">
|
|
|
+ <div><img src="/images/mo/img_npay_txt.png" alt="NAVER 네이버 ID로 간편구매 네이버페이"></div>
|
|
|
+ <div><button><img src="/images/mo/btn_npay_txt.png" alt="Npay 구매"></button></div>
|
|
|
+ </div>
|
|
|
+ <div class="np_body">
|
|
|
+ <a href="#none"><em>[멥버십]</em>첫달 무료가입하고 추가 4%!</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 옵션선택팝업 -->
|
|
|
+ <div class="pop_option_select">
|
|
|
+ <div class="close">닫기</div>
|
|
|
+ <div class="pp_body">
|
|
|
+ <div class="pp_cont">
|
|
|
+ <div class="opt_select">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="title">옵션선택</span>
|
|
|
+ <div class="check_excluding form_field">
|
|
|
+ <div>
|
|
|
+ <input id="excluding" type="checkbox"><label for="excluding"> <span>품절제외</span> </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 일반상품일때 -->
|
|
|
+ <div class="nomOption">
|
|
|
+ <form class="form_wrap">
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom item_opt1">
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">상품옵션01</div>
|
|
|
+ <ul class="list" style="display: none;">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="">선택</li>
|
|
|
+ <li class="selected">상품옵션01</li>
|
|
|
+ <li>상품옵션02</li>
|
|
|
+ <li>상품옵션03</li>
|
|
|
+ <li aria-disabled="true">상품옵션05</li>
|
|
|
+ <li>상품옵션06</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">상품옵션07</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom item_opt2" disabled>
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">상품옵션12</div>
|
|
|
+ <ul class="list" style="display: none;">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="">선택</li>
|
|
|
+ <li class="">상품옵션11</li>
|
|
|
+ <li class="selected">상품옵션12</li>
|
|
|
+ <li>상품옵션13</li>
|
|
|
+ <li aria-disabled="true">상품옵션15</li>
|
|
|
+ <li>상품옵션16</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">상품옵션17</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- //일반상품일때 -->
|
|
|
+ <!-- 셋트상품일때 -->
|
|
|
+ <div class="setOption">
|
|
|
+ <form class="form_wrap">
|
|
|
+ <div class="form_field">
|
|
|
+ <p class="title">슬림핏 마이크로 체크 네이비컬러 셋업수트 자켓</p>
|
|
|
+ <div class="select_custom item_opt1">
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">상품옵션01</div>
|
|
|
+ <ul class="list" style="display: none;">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="">선택</li>
|
|
|
+ <li class="selected">상품옵션01</li>
|
|
|
+ <li>상품옵션02</li>
|
|
|
+ <li>상품옵션03</li>
|
|
|
+ <li aria-disabled="true">상품옵션05</li>
|
|
|
+ <li>상품옵션06</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">상품옵션07</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom item_opt2" disabled>
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">상품옵션12</div>
|
|
|
+ <ul class="list" style="display: none;">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="">선택</li>
|
|
|
+ <li class="">상품옵션11</li>
|
|
|
+ <li class="selected">상품옵션12</li>
|
|
|
+ <li>상품옵션13</li>
|
|
|
+ <li aria-disabled="true">상품옵션15</li>
|
|
|
+ <li>상품옵션16</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">상품옵션17</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ <form class="form_wrap">
|
|
|
+ <div class="form_field">
|
|
|
+ <p class="title">슬림핏 마이크로 체크 네이비컬러 셋업수트 바지</p>
|
|
|
+ <div class="select_custom item_opt1">
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">상품옵션01</div>
|
|
|
+ <ul class="list" style="display: none;">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="">선택</li>
|
|
|
+ <li class="selected">상품옵션01</li>
|
|
|
+ <li>상품옵션02</li>
|
|
|
+ <li>상품옵션03</li>
|
|
|
+ <li aria-disabled="true">상품옵션05</li>
|
|
|
+ <li>상품옵션06</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">상품옵션07</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom item_opt2" disabled>
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">상품옵션12</div>
|
|
|
+ <ul class="list" style="display: none;">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="">선택</li>
|
|
|
+ <li class="">상품옵션11</li>
|
|
|
+ <li class="selected">상품옵션12</li>
|
|
|
+ <li>상품옵션13</li>
|
|
|
+ <li aria-disabled="true">상품옵션15</li>
|
|
|
+ <li>상품옵션16</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">상품옵션17</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- //셋트상품일때 -->
|
|
|
+ <div class="text_excluding">99개의 품절옵션이 제외되었습니다.</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //옵션선택팝업 -->
|
|
|
+ </div>
|
|
|
+ <div class="body btPop_foot btPopAuto_foot">
|
|
|
+ <!-- 총 결재금액, 하단버튼 -->
|
|
|
+ <div class="pay_box">
|
|
|
+ <div class="price_box">
|
|
|
+ <p class="number">
|
|
|
+ 총 <span>99</span>개
|
|
|
+ </p>
|
|
|
+ <p class="price">
|
|
|
+ <span>
|
|
|
+ 99,999,999<em>원</em>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="btn_box">
|
|
|
+ <button class="gift">
|
|
|
+ <span><span>선물해보세요!</span></span>
|
|
|
+ </button>
|
|
|
+ <button class="cart" id="btn_shoppingBag_pop">쇼핑백</button>
|
|
|
+ <button class="buyNow">바로구매</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 구매하기팝업 -->
|
|
|
+
|
|
|
+ <!-- 쇼핑백팝업 -->
|
|
|
+ <div id="shoppingBagModal">
|
|
|
+ <div class="shoppingBag_box">
|
|
|
+ <p>쇼핑백에 상품을 담았습니다.</p>
|
|
|
+ <a href="#none" class="link_shoppingBag">쇼핑백 바로가기</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //쇼핑백팝업 -->
|
|
|
+
|
|
|
+ <!-- 세일쿠폰다운팝업 -->
|
|
|
+ <div class="modal fade pd_pop salecoupon_pop" id="saleCouponPop" tabindex="-1" role="dialog" aria-labelledby="modalScrollLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="modalScrollLabel">할인쿠폰 받기</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <ul class="coupon_list">
|
|
|
+ <li>
|
|
|
+ <div class="coupon">
|
|
|
+ <div>
|
|
|
+ <p class="cp_name">
|
|
|
+ TBJ 시즌오프 20% 할인쿠폰
|
|
|
+ </p>
|
|
|
+ <p class="cp_cont">
|
|
|
+ <span><em>12,399,900</em>원</span>
|
|
|
+ <span><em>40%</em></span>
|
|
|
+ </p>
|
|
|
+ <p class="cp_condition">
|
|
|
+ 500,000원 이상 구매 시 최대 50,000원 할인
|
|
|
+ <span>1인 최대 90장</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div>
|
|
|
+ <button type="button" class="btn btn_dark">
|
|
|
+ <span>쿠폰받기</span>
|
|
|
+ <span>받기완료</span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="coupon">
|
|
|
+ <div>
|
|
|
+ <p class="cp_name">
|
|
|
+ 신규가입 40% 할인쿠폰
|
|
|
+ </p>
|
|
|
+ <p class="cp_cont">
|
|
|
+ <span><em>12,399,900</em>원</span>
|
|
|
+ <span><em>40%</em></span>
|
|
|
+ </p>
|
|
|
+ <p class="cp_condition">
|
|
|
+ 500,000원 이상 구매 시 최대 50,000원 할인
|
|
|
+ <span>1인 최대 90장</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div>
|
|
|
+ <button type="button" class="btn btn_dark" disabled=""><span>쿠폰받기</span>
|
|
|
+ <span>받기완료</span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" id="" class="btn btn_primary"><span>쿠폰 모두 받기</span><span>쿠폰 모두 받기 완료</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //세일쿠폰다운팝업 -->
|
|
|
+
|
|
|
+ <!-- EP제휴쿠폰다운팝업 -->
|
|
|
+ <div class="modal fade pd_pop epcoupon_pop" id="epCouponPop" tabindex="-1" role="dialog" aria-labelledby="modalScrollLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="modalScrollLabel">네이버 전용 할인쿠폰</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="ep_coupon">
|
|
|
+ <div>
|
|
|
+ <p class="cp_title">
|
|
|
+ COUPON
|
|
|
+ </p>
|
|
|
+ <p class="cp_cont">
|
|
|
+ <!-- 할인금액 일때 -->
|
|
|
+ <span class="unit_won">
|
|
|
+ <em class="number">3,000</em><em class="unit">원</em>
|
|
|
+ </span>
|
|
|
+ <!-- //할인금액 일때 -->
|
|
|
+ <!-- 할인율 일때 -->
|
|
|
+ <span class="unit_percent">
|
|
|
+ 최대<em class="number">30</em><em class="unit">%</em>
|
|
|
+ </span>
|
|
|
+ <!-- //할인율 일때 -->
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>일부 상품은 쿠폰 사용이 제한될 수 있습니다.</li>
|
|
|
+ <li>할인대상 및 금액은 상시 변경됩니다.</li>
|
|
|
+ <li>제휴 사이트와 정보연동 시간차이로 판매정보가 불일치할 수 있습니다.</li>
|
|
|
+ <li>본 쿠폰은 제휴 사이트를 통해 들어온 고객님만 발급 및 사용이 가능합니다.</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" id="" class="btn btn_primary"><span>쿠폰 모두 받기</span><span>쿠폰 모두 받기 완료</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //EP제휴쿠폰다운팝업 -->
|
|
|
+
|
|
|
+ <!-- 쇼핑혜택팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop bnf_shopping_pop" id="bnfShoppingPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="exampleFullLabel">쇼핑혜택</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>할인혜택</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="50%">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>즉시 할인</th>
|
|
|
+ <td><p>50% 할인</p></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>쿠폰할인</th>
|
|
|
+ <td><p>최대 10% 할인</p></td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>다다익선</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="50%">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>9,999개 이상 구매 시</th>
|
|
|
+ <td><p>9,999,999원 할인</p></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>9,999개 이상 구매 시</th>
|
|
|
+ <td><p>20% 할인</p></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>99,999,999원 이상 구매 시</th>
|
|
|
+ <td><p>9,999,999원 할인</p></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>99,999,999원 이상 구매 시</th>
|
|
|
+ <td><p>20% 할인</p></td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>사은품</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="50%">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 99,999,999원 이상 구매 시
|
|
|
+ <p>미니언즈 우산 99개 증정</p>
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 99,999,999원 이상 구매 시
|
|
|
+ <p>미니언즈 우산 99개 증정 외 택1</p>
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //쇼핑혜택팝업 -->
|
|
|
+
|
|
|
+ <!-- 카드혜택팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop bnf_card_pop" id="bnfCardPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="exampleFullLabel">카드혜택</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>할인혜택</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="85">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ KB국민카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>5% 즉시할인</p>
|
|
|
+ <p>7만원 이상 구매 시<br> 최대 5만원 할인</p>
|
|
|
+ <a href="" target="_blank" class="link">자세히보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 삼성카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>5% 즉시할인</p>
|
|
|
+ <p>7만원 이상 구매 시<br> 최대 5만원 할인</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 제휴카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>YES24 MANIA 롯데카드</p>
|
|
|
+ <p>최대 12~24% 청구할인</p>
|
|
|
+ <p>1회 1만5천원이상 결제 시, 바로발급 가능</p>
|
|
|
+ <a href="" target="_blank" class="link">자세히보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>무이자 할부</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="85">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ KB국민카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>2~6개월 무이자</p>
|
|
|
+ <p>5만원 이상 구매 시</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 삼성카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>2~6개월 무이자</p>
|
|
|
+ <p>5만원 이상 구매 시</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="benefit_blk">
|
|
|
+ <h6>부분 무이자 할부</h6>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="85">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 삼성카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>10개월(1~4회차 고객부담)</p>
|
|
|
+ <p>12개월(1~5회차 고객부담)</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ BC카드
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="info_card">
|
|
|
+ <p>7개월(1~2회차 고객부담)</p>
|
|
|
+ <p>8개월(1~2회차 고객부담)</p>
|
|
|
+ <p>ARS 사전신청 고객에 한함(1899-5772)</p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>무이자할부는 행사기간 동안 실 결제금액 기준으로 가능</li>
|
|
|
+ <li>법인, 체크, 기프트 카드는 부분 무이자 할부 제외</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //카드혜택팝업 -->
|
|
|
+
|
|
|
+ <!-- 재입고알림신청팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop push_restock_pop" id="pushRestockPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="exampleFullLabel">재입고 알림 신청</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="item_blk">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">NBA</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ 80,100
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="select_blk">
|
|
|
+ <h6>사이즈 선택</h6>
|
|
|
+ <div class="option_box">
|
|
|
+ <div class="opt_size">
|
|
|
+ <div class="form_field2">
|
|
|
+ <div class="lap">
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value="" checked=""><span>90</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value="" disabled=""><span>95</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>100</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>105</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>110</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>115</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label><input type="radio" name="rdi-optsize" value=""><span>free</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="select_blk">
|
|
|
+ <div class="opt_select">
|
|
|
+ <h6>옵션 선택</h6>
|
|
|
+ <div class="form_wrap">
|
|
|
+ <div class="form_field">
|
|
|
+ <select id="" class="form-control select">
|
|
|
+ <option value="hide">옵션1 선택</option>
|
|
|
+ <option value="" rel="icon-temperature">카키/95</option>
|
|
|
+ <option value="">카키/100</option>
|
|
|
+ <option value="">카키/105</option>
|
|
|
+ <option value="" disabled>카키/110</option>
|
|
|
+ <option value="">옐로우/95</option>
|
|
|
+ <option value="">옐로우/100</option>
|
|
|
+ <option value="">옐로우/105</option>
|
|
|
+ <option value="">옐로우/110</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <select id="" class="form-control select" disabled>
|
|
|
+ <option value="hide">옵션1 선택</option>
|
|
|
+ <option value="" rel="icon-temperature">카키/95</option>
|
|
|
+ <option value="">카키/100</option>
|
|
|
+ <option value="">카키/105</option>
|
|
|
+ <option value="" disabled>카키/110</option>
|
|
|
+ <option value="">옐로우/95</option>
|
|
|
+ <option value="">옐로우/100</option>
|
|
|
+ <option value="">옐로우/105</option>
|
|
|
+ <option value="">옐로우/110</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div><button type="button" id="" class="btn btn_dark"><span>신청</span></button></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //재입고알림신청팝업 -->
|
|
|
+
|
|
|
+ <!-- 사이즈정보팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop info_size_pop" id="infoSizePop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="exampleFullLabel">사이즈 정보</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="tab_nav">
|
|
|
+ <ul>
|
|
|
+ <li class=""><a href="javascript:void(0)">실측 사이즈</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">표준 사이즈</a></li>
|
|
|
+ <li class="active"><a href="javascript:void(0)">측정 사이즈</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="tab_cont_wrap">
|
|
|
+ <div class="tab_cont" style="display: none;">
|
|
|
+ <!-- 실측 사이즈 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <span class="tit_sub">TBJ</span>
|
|
|
+ <span class="tit_header">남성 테이퍼드 핏 겨울 기모면 스판 올 밴딩 팬츠</span>
|
|
|
+ </div>
|
|
|
+ <div class="size_cont">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">M</th>
|
|
|
+ <th scope="col">L</th>
|
|
|
+ <th scope="col">XL</th>
|
|
|
+ <th scope="col">XXL</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">어깨너비</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">팔길이</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">총길이</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //실측 사이즈 -->
|
|
|
+ </div>
|
|
|
+ <div class="tab_cont" style="display: none;">
|
|
|
+ <!-- 표준 사이즈 카테고리 구분일때 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <div class="category_open">상의</div>
|
|
|
+ <div class="category_box">
|
|
|
+ <div class="lap">
|
|
|
+ <div class="category_close">카테고리닫기</div>
|
|
|
+ <div class="category_list">
|
|
|
+ <!-- 표준 사이즈 > 카테고리 선택 -->
|
|
|
+ <div class="sub_tab_nav">
|
|
|
+ <ul>
|
|
|
+ <li class="active"><a href="javascript:void(0)">여성</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">남성</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">캐주얼</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">유아동</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">신발</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">언더웨어</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 선택 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_cont">
|
|
|
+ <div class="sub_tab_cont_wrap">
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(여성) -->
|
|
|
+ <div class="sub_tab_cont" style="display: block;">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>여성 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>여성 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 내용(여성) -->
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(남성) -->
|
|
|
+ <div class="sub_tab_cont" style="display: none;">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>남성 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>남성 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 내용(남성) -->
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(캐주얼) -->
|
|
|
+ <div class="sub_tab_cont" style="display: none;">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>캐주얼 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>캐주얼 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 내용(캐주얼) -->
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(유아동) -->
|
|
|
+ <div class="sub_tab_cont" style="display: none;">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>유아동 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>유아동 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 내용(유아동) -->
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(신발) -->
|
|
|
+ <div class="sub_tab_cont" style="display: none;">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>신발 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>신발 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 내용(신발) -->
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(언더웨어) -->
|
|
|
+ <div class="sub_tab_cont" style="display: none;">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>언더웨어 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>언더웨어 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 내용(언더웨어) -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_footer">
|
|
|
+ <div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>본 사이즈 조견표는 표준 가이드로, 각 제품마다 다소간의 차이는 있을 수 있습니다.</li>
|
|
|
+ <li>보다 자세한 사이즈는 각 상품 별 상품설명을 참조해주시기 바랍니다.</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 카테고리별 구분일때 -->
|
|
|
+ <!-- 표준 사이즈 브랜드별 구분일때 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <span class="tit_header">
|
|
|
+ 페르지노몬티 FERGINO MONTI
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="size_cont">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>남성 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>남성 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_footer">
|
|
|
+ <div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>본 사이즈 조견표는 표준 가이드로, 각 제품마다 다소간의 차이는 있을 수 있습니다.</li>
|
|
|
+ <li>보다 자세한 사이즈는 각 상품 별 상품설명을 참조해주시기 바랍니다.</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 브랜드 구분일때 -->
|
|
|
+ </div>
|
|
|
+ <div class="tab_cont" style="display: block;">
|
|
|
+ <!-- 측정 사이즈 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <div class="category_open">상의</div>
|
|
|
+ <div class="category_box">
|
|
|
+ <div class="lap">
|
|
|
+ <div class="category_close">카테고리닫기</div>
|
|
|
+ <div class="category_list">
|
|
|
+ <!-- 측정 사이즈 > 카테고리 선택 -->
|
|
|
+ <div class="sub_tab_nav">
|
|
|
+ <ul>
|
|
|
+ <li class="active"><a href="javascript:void(0)">상의</a></li>
|
|
|
+ <li><a href="javascript:void(0)">하의</a></li>
|
|
|
+ <li><a href="javascript:void(0)">가방</a></li>
|
|
|
+ <li><a href="javascript:void(0)">신발</a></li>
|
|
|
+ <li><a href="javascript:void(0)">언더웨어</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 선택 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_cont">
|
|
|
+ <div class="sub_tab_cont_wrap">
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(상의) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_top.jpg" alt="상의 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>가슴둘레</dt>
|
|
|
+ <dd>양쪽 겨드랑이 밑선 단면을 잰 길이x2</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>어깨너비</dt>
|
|
|
+ <dd>좌측어깨에서 우측어깨끝 봉제선 단면을 잰 길이 (어깨봉제선이 없을경우 어깨길이와 팔길이는 측정 안함)</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>팔길이</dt>
|
|
|
+ <dd>어깨 봉제선부터 소매 끝까지 잰 길</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>총길이</dt>
|
|
|
+ <dd>카라부분(혹은 후드)를 제외 한 지점부터 밑단 끝까지 잰 길이 (라운드티셔츠의 경우 목라인을 포함 해 네크라인부터 밑단 끝까지의 길이를 측정)</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(상의) -->
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(하의) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_pants.jpg" alt="하의 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>허리둘레</dt>
|
|
|
+ <dd>허리선을 일자로 맞추고 한쪽의 허리끝단부터 반대편 끝까지 단면을 잰 길이x2</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>밑위</dt>
|
|
|
+ <dd>허리부터 가랑이 끝점까지 잰 길이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>엉덩이둘레</dt>
|
|
|
+ <dd>밑위 중간부분 단면을 잰 길이x2</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>허벅지둘레</dt>
|
|
|
+ <dd>가랑이 부분부터 바깥쪽 허벅지 끝나는 지점까지의 단면을 잰 길이x2</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>총길이</dt>
|
|
|
+ <dd>허리끝선부터 바지밑단 끝선 까지 잰 길이</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(하의) -->
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(가방) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_bag.jpg" alt="가방 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>가로</dt>
|
|
|
+ <dd>가장 넓은 부분의 수평 길이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>세로</dt>
|
|
|
+ <dd>바닥부터 가방의 가로 중앙지점까지 수직 길이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>끈길이</dt>
|
|
|
+ <dd>가방 끝의 전체 길이(길이 조절이 가능한 경우 최소~최대 길이 표기)</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>손잡이높이</dt>
|
|
|
+ <dd>가방의 가로 가운데 지점부터 손잡이를 세웠을 때의 가장 높은 부분까지의 높이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>끈폭</dt>
|
|
|
+ <dd>가방 끈의 수평폭</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>폭</dt>
|
|
|
+ <dd>가방 옆 부분의 두께</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(가방) -->
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(신발) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_shoe.jpg" alt="신발 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>굽높이</dt>
|
|
|
+ <dd>설명 필요</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>볼너비</dt>
|
|
|
+ <dd>설명 필요</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>총길이</dt>
|
|
|
+ <dd>설명 필요</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ <!--<div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ 국내 브랜드는 브랜드, 스타일마다 사이즈가 다르게 전개될 수 있으니, 개별 상품 상세페이지에 기재된 상세 사이즈안내를 참조하세요.
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>-->
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(신발) -->
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(언더웨어) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_underwear.jpg" alt="속옷 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>밑가슴둘레</dt>
|
|
|
+ <dd>유방의 바로 밑을 수평으로 잰 길이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>컵</dt>
|
|
|
+ <dd>밑가슴둘레와 가슴둘레의 차이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>가슴둘레</dt>
|
|
|
+ <dd>유방을중심으로 수평으로 잰길이</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(언더웨어) -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //사이즈정보팝업 -->
|
|
|
+
|
|
|
+ <!-- 제품문의리스트팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_qnalist_pop" id="pdQnaListPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <!-- 해당상품 -->
|
|
|
+ <div class="item_blk">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">NBA</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //해당상품 -->
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //제품문의리스트팝업 -->
|
|
|
+
|
|
|
+ <!-- 제품문의작성팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_qnawrite_pop" id="pdQnaWritePop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="exampleFullLabel">상품 문의하기</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>배송, 주문/결제, 취소/반품/교환/환불, 회원, 쿠폰/포인트, 이벤트 등의 자세한 문의사항은 고객센터 > 1:1문의를 이용하여 주시기 바랍니다.</li>
|
|
|
+ <li>상품문의에 부합하지 않는 광고, 이유없는 비방, 욕설 및 오해의 소지가 있는 문의건에 대해서는 사전 통보 없이 삭제 될 수 있습니다.</li>
|
|
|
+ <li>답변은 마이페이지 > 상품 문의에서 확인 하실 수 있습니다.</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="input_box">
|
|
|
+ <div class="lap">
|
|
|
+ <textarea class="doc_itemqna" name="" id="" cols="30" rows="10" placeholder="문의내용 입력(500자 이내)" style="resize: none;"></textarea>
|
|
|
+ <p class="txt_cnt">
|
|
|
+ <span id="itemqna_cnt" class="itemqna_cnt"><em class="c_primary">0</em>/500자</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="secret_box">
|
|
|
+ <input id="wr_secret" type="checkbox"><label for="wr_secret"><span>비밀글설정</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="push_box">
|
|
|
+ <dl>
|
|
|
+ <dt>알림톡 수신 여부</dt>
|
|
|
+ <dd>
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-push" id="rdi-push1" value="" checked="">
|
|
|
+ <label for="rdi-push1"><span>수신</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-push" id="rdi-push2" value="">
|
|
|
+ <label for="rdi-push2"><span>미수신</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <div class="btn_group_flex">
|
|
|
+ <div><button type="button" class="btn btn_dark"><span>등록</span></button></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //제품문의작성팝업 -->
|
|
|
+
|
|
|
+ <!-- 배송교환반품팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_delivery_pop" id="pdDeliveryPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <!-- 해당상품 -->
|
|
|
+ <div class="item_blk">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">NBA</p>
|
|
|
+ <div class="itemName">유니 삼단블록 플리스 집업</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //해당상품 -->
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //배송교환반품팝업 -->
|
|
|
+
|
|
|
+ <!-- 제품리뷰팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_review_pop" id="pdReviewPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <!-- 해당상품 -->
|
|
|
+ <div class="item_blk">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/mo/thumb/tmp_pdDetail1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">NBA</p>
|
|
|
+ <div class="itemName">유니 삼단블록 플리스 집업</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //해당상품 -->
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //제품리뷰팝업 -->
|
|
|
+
|
|
|
+ <!-- 베스트리뷰팝업 -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_bestreviewdetail_pop" id="pdBestReviewPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="exampleFullLabel">베스트 리뷰</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <!-- 리뷰사진영역 -->
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container thumb_list">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide"><div class="thumb nodata"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div><!-- 이미지 없으면 calss .nodata -->
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //리뷰사진영역 -->
|
|
|
+ <!-- 리뷰내용 -->
|
|
|
+ <div class="pd_review best">
|
|
|
+ <div class="area_rv_all">
|
|
|
+ <div class="btn_review_open">리뷰오픈</div>
|
|
|
+ <div class="review_list">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="review">
|
|
|
+ <div class="info_box">
|
|
|
+ <div class="star_score">
|
|
|
+ <span class="star">
|
|
|
+ <em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="writer">
|
|
|
+ <span class="wr_id">ab2****</span>
|
|
|
+ <span class="wr_date">2020.07.15</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="response_box">
|
|
|
+ <div>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>구매옵션</dt>
|
|
|
+ <dd>베이지 / 100</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>키/몸무게</dt>
|
|
|
+ <dd>178cm/71kg</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="txt_review_box">
|
|
|
+ <p>
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="response_box2">
|
|
|
+ <div>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>사이즈</dt>
|
|
|
+ <dd>작음</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>컬러</dt>
|
|
|
+ <dd>밝음</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>핏</dt>
|
|
|
+ <dd>레귤러</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>두께감</dt>
|
|
|
+ <dd>적당함</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="reply_box">
|
|
|
+ <div class="reply">
|
|
|
+ <div class="reply_writer">
|
|
|
+ <span class="wr_name">관리자</span>
|
|
|
+ <span class="wr_date">2020.07.15</span>
|
|
|
+ </div>
|
|
|
+ <div class="reply_txt">
|
|
|
+ <p>
|
|
|
+ 안녕하세요, 스타일24 관리자입니다.<br>
|
|
|
+ 최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
|
|
|
+ 만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
|
|
|
+ 구매해주셔서 감사합니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //리뷰내용 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //베스트리뷰팝업 -->
|
|
|
+
|
|
|
+ <!-- 포토/영상리뷰팝업(detail) -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_photoreviewdetail_pop" id="pdPhotoReviewDetailPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="exampleFullLabel">
|
|
|
+ <button id="btn_more_photoreview"></button>
|
|
|
+ 포토/영상리뷰
|
|
|
+ </h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <!-- 리뷰사진영역 -->
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container thumb_list">
|
|
|
+ <div class="swiper-wrapper">
|
|
|
+ <div class="swiper-slide">
|
|
|
+ <div class="thumb mov">
|
|
|
+ <video poster="http://cdn.011st.com/11dims/resize/1999x1999/quality/75/11src/review/10201202/3121412332/2e66698576d64c5c9977a6fe6606008d.jpg" muted="muted" preload="metadata" controls="controls">
|
|
|
+ <source src="http://snsvideo.11st.co.kr/movie/item/www/675/67518524_06_1_C1.mp4" type="video/mp4">
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ <div class="swiper-slide"><div class="thumb"><img src="/images/mo/thumb/tmp_pdDetail1.jpg" alt=""></div></div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //리뷰사진영역 -->
|
|
|
+ <!-- 리뷰내용 -->
|
|
|
+ <div class="pd_review photo">
|
|
|
+ <div class="area_rv_all">
|
|
|
+ <div class="btn_review_open">리뷰오픈</div>
|
|
|
+ <div class="review_list">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="review">
|
|
|
+ <div class="info_box">
|
|
|
+ <div class="star_score">
|
|
|
+ <span class="star">
|
|
|
+ <em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="writer">
|
|
|
+ <span class="wr_id">ab2****</span>
|
|
|
+ <span class="wr_date">2020.07.15</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="response_box">
|
|
|
+ <div>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>구매옵션</dt>
|
|
|
+ <dd>베이지 / 100</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>키/몸무게</dt>
|
|
|
+ <dd>178cm/71kg</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="txt_review_box">
|
|
|
+ <p>
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="response_box2">
|
|
|
+ <div>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>사이즈</dt>
|
|
|
+ <dd>작음</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>컬러</dt>
|
|
|
+ <dd>밝음</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>핏</dt>
|
|
|
+ <dd>레귤러</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>두께감</dt>
|
|
|
+ <dd>적당함</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="reply_box">
|
|
|
+ <div class="reply">
|
|
|
+ <div class="reply_writer">
|
|
|
+ <span class="wr_name">관리자</span>
|
|
|
+ <span class="wr_date">2020.07.15</span>
|
|
|
+ </div>
|
|
|
+ <div class="reply_txt">
|
|
|
+ <p>
|
|
|
+ 안녕하세요, 스타일24 관리자입니다.<br>
|
|
|
+ 최대한 검수작업을 하고 있으나, 상품 출고량이 많은 경우 간혹 검수가 누락되는 경우가 있습니다.<br>
|
|
|
+ 만약, 받아보시고 문제가 있을 경우 텍 제거하지마시고 고객센터로 접수 해주시면 처리 도와드리겠습니다.<br>
|
|
|
+ 구매해주셔서 감사합니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //리뷰내용 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //포토/영상리뷰팝업(detail) -->
|
|
|
+
|
|
|
+ <!-- 포토/영상리뷰팝업(list) -->
|
|
|
+ <div class="modal pop_full fade pd_pop pd_photoreviewlist_pop" id="pdPhotoReviewListPop" tabindex="-1" role="dialog" aria-labelledby="exampleFullLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="exampleFullLabel">포토/영상리뷰</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="photo_list">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdDetail4.jpg');"></span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="review_last">
|
|
|
+ 마지막 게시글입니다.
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //포토/영상리뷰팝업(list) -->
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <!-- 팝업영역 -->
|
|
|
+
|
|
|
+ </section>
|
|
|
+ <!-- ★ 컨텐츠 종료 -->
|
|
|
+
|
|
|
+ <!-- 바닥메뉴 -->
|
|
|
+ <div class="product_floormenu"><!-- ☞☞ 제품이 품절되면 soldout클래스 추가 -->
|
|
|
+ <div class="share_like">
|
|
|
+ <button class="share">공유하기</button>
|
|
|
+ <button class="like">위시리스트</button>
|
|
|
+ </div>
|
|
|
+ <div class="prd_buy">
|
|
|
+ <button class="buying btPop_auto">구매하기</button>
|
|
|
+ <button class="cantbuying">SOLD OUT</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //바닥메뉴 -->
|
|
|
+</main>
|
|
|
+
|
|
|
+
|
|
|
+<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+
|
|
|
+ var cateNm = "";
|
|
|
+ // 다다익선 상품
|
|
|
+ var fnGoodsTmtbSearch = function(params) {
|
|
|
+ gagajf.ajaxSubmit("/goods/detail/tmtb/frame", "html", "goodsTmtbArea", params);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 함께본 상품
|
|
|
+ var fnGoodsTogetherSearch = function(params) {
|
|
|
+ gagajf.ajaxSubmit("/goods/detail/together/frame", "html", "goodsTogetherbArea", params);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 추천 상품
|
|
|
+ var fnGoodsRecommendSearch = function(params) {
|
|
|
+ gagajf.ajaxSubmit("/goods/detail/recommend/frame", "html", "goodsRecommendbArea", params);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 비슷한 상품
|
|
|
+ var fnGoodsLikeSearch = function(params) {
|
|
|
+ gagajf.ajaxSubmit("/goods/detail/like/frame", "html", "goodsLikebArea", params);
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ $(document).ready( function() {
|
|
|
+
|
|
|
+ var params = new Object();
|
|
|
+ params.goodsCd = [[${params.goodsCd}]];
|
|
|
+ params.viewDt = [[${params.viewDt}]];
|
|
|
+ params.preview = [[${params.preview}]];
|
|
|
+ params.adminYn = [[${params.adminYn}]];
|
|
|
+ params.goodsType = [[${params.goodsType}]];
|
|
|
+ params.supplyCompCd = [[${params.supplyCompCd}]];
|
|
|
+ params.brandGroupNm = [[${goodsInfo.brandGroupNm}]];
|
|
|
+
|
|
|
+
|
|
|
+ // 다다익선 상품(ajax html)
|
|
|
+/* params.goodsOtherGb = "tmtb";
|
|
|
+ params.ithrCd = "tmtb";
|
|
|
+ params.contentsLoc = "tmtb";
|
|
|
+ fnGoodsTmtbSearch(params);
|
|
|
+
|
|
|
+ // 함께본 상품(ajax html)
|
|
|
+ params.goodsOtherGb = "together";
|
|
|
+ params.ithrCd = "tmtb";
|
|
|
+ params.contentsLoc = "tmtb";
|
|
|
+ fnGoodsTogetherSearch(params);
|
|
|
+
|
|
|
+ // 추천 상품(ajax html)
|
|
|
+ params.goodsOtherGb = "recommend";
|
|
|
+ params.ithrCd = "tmtb";
|
|
|
+ params.contentsLoc = "tmtb";
|
|
|
+ fnGoodsRecommendSearch(params);
|
|
|
+
|
|
|
+ // 비슷한 상품(ajax html)
|
|
|
+ params.goodsOtherGb = "like";
|
|
|
+ params.ithrCd = "tmtb";
|
|
|
+ params.contentsLoc = "tmtb";
|
|
|
+ fnGoodsLikeSearch(params);
|
|
|
+ */
|
|
|
+
|
|
|
+ // 상품 대표설명 > 좌측 상품썸네일 navi, 우측 상품정보 고정
|
|
|
+ $(window).scroll(function(){
|
|
|
+ // selecter
|
|
|
+ $(function(){
|
|
|
+ var item_opt01 = new sCombo('.pd .pop_option_select .item_opt1');
|
|
|
+ var item_opt02 = new sCombo('.pd .pop_option_select .item_opt2');
|
|
|
+ var opt_select = new sCombo('.pd .op1 .opt_select .select_custom');
|
|
|
+ });
|
|
|
+
|
|
|
+ /* 상품옵션변경 팝업 > 수량조절 */
|
|
|
+ $(document).on('click','.number_count .minus',function(e){
|
|
|
+ var $input = $(this).parent().find('input');
|
|
|
+ var count = parseInt($input.val()) - 1;
|
|
|
+ count = count < 1 ? 1 : count;
|
|
|
+ $input.val(count);
|
|
|
+ $input.change();
|
|
|
+ return false;
|
|
|
+ }).on('click','.number_count .plus',function(e){
|
|
|
+ var $input = $(this).parent().find('input');
|
|
|
+ $input.val(parseInt($input.val()) + 1);
|
|
|
+ $input.change();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //상품상세정보 더보기
|
|
|
+ $(document).on('click','.pd_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 riviewSwiper = new Swiper('.riview_box .area_slider .swiper-container', {
|
|
|
+ observer: true,
|
|
|
+ observeParents: true,
|
|
|
+ slidesPerView: 1,
|
|
|
+ spaceBetween: 8,
|
|
|
+ loop: true,
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ type: 'fraction',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 제품사진
|
|
|
+ var thumbswiper = new Swiper('.pd .thumb_box .area_slider .swiper-container', {
|
|
|
+ slidesPerView:1,
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ type: 'fraction',
|
|
|
+ },
|
|
|
+ });
|
|
|
+ //슬라이드 - 함께하면 할인되는 다다익선 상품
|
|
|
+ var togetherItemSwiper = new Swiper('.pd .pd_together .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 3,
|
|
|
+ spaceBetween: 8,
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 이 상품과 함께 본 상품
|
|
|
+ var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 2,
|
|
|
+ spaceBetween: 8,
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - STYLE24의 스타일링 추천
|
|
|
+ var rcmdPicimgSwiper = new Swiper('.pd .pd_recommend .area_slider.pic_img .swiper-container', {
|
|
|
+ slidesPerView: 1,
|
|
|
+ spaceBetween: 0,
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ type: 'fraction',
|
|
|
+ },
|
|
|
+ });
|
|
|
+ var rcmdPiclistSwiper = new Swiper('.pd .pd_recommend .area_slider.pic_list .swiper-container', {
|
|
|
+ observer: true,
|
|
|
+ observeParents: true,
|
|
|
+ slidesPerView: 3,
|
|
|
+ spaceBetween: 8,
|
|
|
+ });
|
|
|
+
|
|
|
+ $(".pic_list > div").hide();
|
|
|
+ $(".pic_list > div").eq(0).fadeIn();
|
|
|
+ rcmdPicimgSwiper.on('slideChange', function () {
|
|
|
+ var pic_index=this.activeIndex;
|
|
|
+ $(".pic_list > div").hide();
|
|
|
+ $(".pic_list > div").eq(pic_index).fadeIn();
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 동일브랜드 상품 추천
|
|
|
+ var rcmdItemSwiper = new Swiper('.pd .pd_samebrand .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 3,
|
|
|
+ spaceBetween: 8,
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 이 상품과 비슷한 상품
|
|
|
+ var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
|
|
|
+ slidesPerView: 3,
|
|
|
+ spaceBetween: 8,
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 베스트리뷰팝업
|
|
|
+ var bestreviewdetailSwiper = new Swiper('.pd_bestreviewdetail_pop .area_slider .swiper-container', {
|
|
|
+ observer: true,
|
|
|
+ observeParents: true,
|
|
|
+ slidesPerView: 1,
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ type: 'fraction',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ //슬라이드 - 포토,영상리뷰팝업
|
|
|
+ var photoreviewdetailSwiper = new Swiper('.pd_photoreviewdetail_pop .area_slider .swiper-container', {
|
|
|
+ observer: true,
|
|
|
+ observeParents: true,
|
|
|
+ slidesPerView: 1,
|
|
|
+ pagination: {
|
|
|
+ el: '.swiper-pagination',
|
|
|
+ type: 'fraction',
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ //팝업 - 쿠폰받기
|
|
|
+ $("#btn_saleCoupon_pop").click(function() {
|
|
|
+ $("#saleCouponPop").modal("show"); //할인쿠폰받기
|
|
|
+ //$("#epCouponPop").modal("show"); //ep채널 쿠폰받기
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 쇼핑혜택
|
|
|
+ $("#btn_bnfShopping_pop").click(function() {
|
|
|
+ $("#bnfShoppingPop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 카드혜택
|
|
|
+ $("#btn_bnfCard_pop").click(function() {
|
|
|
+ $("#bnfCardPop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 사이즈정보
|
|
|
+ $("#btn_pdSizeInfo_pop").click(function() {
|
|
|
+ $("#infoSizePop").modal("show");
|
|
|
+ });
|
|
|
+
|
|
|
+ //탭 - 사이즈정보 > 탭
|
|
|
+ $(document).on('click','#infoSizePop .tab_nav ul li',function(e){
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $('#infoSizePop .tab_cont_wrap .tab_cont').hide();
|
|
|
+ $('#infoSizePop .tab_cont_wrap .tab_cont').eq($(this).index()).show();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //탭 - 사이즈정보 > 서브탭
|
|
|
+ $(document).on('click','#infoSizePop .sub_tab_nav ul li',function(e){
|
|
|
+ var value=$(this).find("a").text();
|
|
|
+ var catTxt=$(".category_open").text();
|
|
|
+ console.log(value)
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $(this).parents('.tab_cont').find('.sub_tab_cont').hide();
|
|
|
+ $(this).parents('.tab_cont').find('.sub_tab_cont').eq($(this).index()).show();
|
|
|
+ $(this).parents().parents().parents().parents().parents(".category_box").hide();
|
|
|
+ $(this).parents().parents().parents().parents().parents(".category_box").prev(".category_open").text(value);
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 사이즈정보 > 서브탭 - 카테고리팝오픈
|
|
|
+ $(document).on('click','#infoSizePop .category_open',function(e){
|
|
|
+ $(this).siblings().show();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ $(document).on('click','#infoSizePop .category_close',function(e){
|
|
|
+ $(this).parents().parents(".category_box").hide();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 재입고 알림 신청
|
|
|
+ $(document).on('click','#btn_pushRestock_pop',function(e){
|
|
|
+ $("#pushRestockPop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 상품문의 리스트
|
|
|
+ $(document).on('click','#btn_pdQnaList_pop',function(e){
|
|
|
+ $("#pdQnaListPop").modal("show");
|
|
|
+ $('#pdQnaListPop .modal-body').load('pd_qnalist_pop.html');
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 상품문의 작성
|
|
|
+ $(document).on('click','#btn_pdQnaWrite_pop',function(e){
|
|
|
+ $("#pdQnaWritePop").modal("show");
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 배송교환반품 안내
|
|
|
+ $(document).on('click','#btn_pdDelivery_Pop',function(e){
|
|
|
+ $("#pdDeliveryPop").modal("show");
|
|
|
+ $('#pdDeliveryPop .modal-body').load('pd_delivery_pop.html');
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+
|
|
|
+ //팝업 - 리뷰
|
|
|
+ $(document).on('click','#btn_pdReview_pop',function(e){
|
|
|
+ $("#pdReviewPop").modal("show");
|
|
|
+ $('#pdReviewPop .modal-body .pop_cont').load('pd_review_pop.html');
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+
|
|
|
+ //팝업 - 베스트리뷰
|
|
|
+ $(document).on('click','#btn_pdBestReview_pop a',function(e){
|
|
|
+ $("#pdBestReviewPop").modal("show");
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+
|
|
|
+ //팝업 - 포토/영상 리뷰 (detail)
|
|
|
+ $(document).on('click','.area_rv_photo .photo_list a, .area_rv_all .review_list .photo_list a, .pd_photoreviewlist_pop .photo_list ul li a',function(e){
|
|
|
+ $("#pdPhotoReviewDetailPop").modal("show");
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+
|
|
|
+ //팝업 - 포토/영상 리뷰 (list)
|
|
|
+ $(document).on('click','#btn_more_photoreview',function(e){
|
|
|
+ $("#pdPhotoReviewListPop").modal("show");
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+
|
|
|
+ //팝업 - 제품리뷰 > 카테고리팝오픈
|
|
|
+ // 오픈
|
|
|
+ $(document).on('click','.pd_review .category_open > li',function(e){
|
|
|
+ var dataName=$(this).attr("data_name");
|
|
|
+ $(".pd_review .category_box").show();
|
|
|
+ $(".pd_review .category_list").find(".category").hide();
|
|
|
+ $(".pd_review .category_list").find("#"+dataName).show();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ // 닫기
|
|
|
+ $(document).on('click','.pd_review .category_box .category_close',function(e){
|
|
|
+ $(".pd_review .category_box").hide();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ // 변경
|
|
|
+ $(document).on('click','.pd_review .category ul > li',function(e){
|
|
|
+ var num=$(".pd_review .category_open > li").length;
|
|
|
+ var value=$(this).find("a").attr("data");
|
|
|
+ var name=$(this).parent().parent().attr("id");
|
|
|
+ $(this).parent().find("li").removeClass("active");
|
|
|
+ $(this).addClass("active");
|
|
|
+ for(var i=0; i < num; i++){
|
|
|
+ var dataname=$(".pd_review .category_open > li").eq(i).attr("data_name");
|
|
|
+ if(name==dataname){
|
|
|
+ $(".pd_review .category_open > li").eq(i).find("span").text(value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ //팝업 - 구매하기 > 옵션선택 > 옵션셀렉트팝업
|
|
|
+ $(document).on('click','.Purchase_pop .option_result .option_open',function(e){
|
|
|
+ $(".Purchase_pop .pop_option_select").show();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ $(document).on('click','.Purchase_pop .close',function(e){
|
|
|
+ $(".Purchase_pop .pop_option_select").hide();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ // 포토,베스트리뷰숨김
|
|
|
+ var review_open=$(".btn_review_open");
|
|
|
+ $(document).on('click','.btn_review_open',function(e){
|
|
|
+ $(this).toggleClass('active');
|
|
|
+ $(this).next(".review_list").toggleClass('active');
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ // 광고 스크립트용
|
|
|
+ var goodsNavigation = [[${goodsNavigation}]];
|
|
|
+ var cate1Nm = "";
|
|
|
+ var cate2Nm = "";
|
|
|
+ var cate3Nm = "";
|
|
|
+ var cate4Nm = "";
|
|
|
+ var cate5Nm = "";
|
|
|
+ if (!gagajf.isNull(goodsNavigation)) {
|
|
|
+ cate1Nm = goodsNavigation.cate1Nm;
|
|
|
+ cate2Nm = goodsNavigation.cate2Nm;
|
|
|
+ cate3Nm = goodsNavigation.cate3Nm;
|
|
|
+ cate4Nm = goodsNavigation.cate4Nm;
|
|
|
+ cate5Nm = goodsNavigation.cate3Nm;
|
|
|
+
|
|
|
+ if (!gagajf.isNull(cate1Nm)) {
|
|
|
+ cateNm += cate1Nm;
|
|
|
+ }
|
|
|
+ if (!gagajf.isNull(cate2Nm)) {
|
|
|
+ cateNm += ' > ' + cate2Nm;
|
|
|
+ }
|
|
|
+ if (!gagajf.isNull(cate3Nm)) {
|
|
|
+ cateNm += ' > ' + cate3Nm;
|
|
|
+ }
|
|
|
+ if (!gagajf.isNull(cate4Nm)) {
|
|
|
+ cateNm += ' > ' + cate4Nm;
|
|
|
+ }
|
|
|
+ if (!gagajf.isNull(cate5Nm)) {
|
|
|
+ cateNm += ' > ' + cate5Nm;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 광고 스크립트용
|
|
|
+
|
|
|
+ var snsGoodsImg = _uploadGoodsUrl + [[${goodsInfo.sysImgNm}]];
|
|
|
+ var snsUrl = location.protocol + _PAGE_GOODS_DETAIL + params.goodsCd +'&colorCd =' + params.colorCd ;
|
|
|
+ var snsGoodsFullNm = [[${goodsInfo.goodsFullNm}]];
|
|
|
+
|
|
|
+ <!-- 페이스북 카카오스토리 연동 관련 메타태그 -->
|
|
|
+ $("meta[property='og:url']").attr('content', snsUrl);
|
|
|
+ $("meta[property='og:title']").attr('content', snsGoodsFullNm);
|
|
|
+ $("meta[property='og:description']").attr('content', snsGoodsFullNm);
|
|
|
+ $("meta[property='og:image']").attr('content', snsGoodsImg);
|
|
|
+
|
|
|
+ <!-- 트위터 관련 메타태그 -->
|
|
|
+ $("meta[name='twitter:url']").attr('content', snsUrl);
|
|
|
+ $("meta[name='twitter:title']").attr('content', snsGoodsFullNm);
|
|
|
+ $("meta[name='twitter:description']").attr('content', snsGoodsFullNm);
|
|
|
+ $("meta[name='twitter:image']").attr('content', snsGoodsImg);
|
|
|
+
|
|
|
+ // 추천솔류션 meta 설정
|
|
|
+ $("meta[property='eg:type']").attr('content',"product");
|
|
|
+ $("meta[property='eg:cuid']").attr('content',eglqueueCuid);
|
|
|
+ $("meta[property='eg:itemId']").attr('content', [[${goodsInfo.goodsCd}]] );
|
|
|
+ $("meta[property='eg:itemName']").attr('content',[[${goodsInfo.goodsFullNm}]] );
|
|
|
+ $("meta[property='eg:itemImage']").attr('content', snsGoodsImg);
|
|
|
+ $("meta[property='eg:itemUrl']").attr('content',snsUrl);
|
|
|
+ $("meta[property='eg:originalPrice']").attr('content',[[${goodsInfo.listPrice}]]);
|
|
|
+ $("meta[property='eg:salePrice']").attr('content',[[${goodsInfo.currPrice}]]);
|
|
|
+ $("meta[property='eg:category1']").attr('content',cate1Nm);
|
|
|
+ $("meta[property='eg:category2']").attr('content',cate2Nm);
|
|
|
+ $("meta[property='eg:category3']").attr('content',cate3Nm);
|
|
|
+ $("meta[property='eg:category4']").attr('content',cate4Nm);
|
|
|
+ $("meta[property='eg:category5']").attr('content',cate5Nm);
|
|
|
+ $("meta[property='eg:brandId']").attr('content',[[${goodsInfo.brandGroupNo}]]);
|
|
|
+ $("meta[property='eg:brandName']").attr('content',[[${goodsInfo.brandGroupNm}]]);
|
|
|
+ $("meta[property='eg:regDate']").attr('content',[[${goodsInfo.regDt}]].toDate("YYYYMMDDHHmmss").format("YYYY-MM-DDTHH:mm:ssZ"));
|
|
|
+ $("meta[property='eg:updateDate']").attr('content',[[${goodsInfo.updDt}]].toDate("YYYYMMDDHHmmss").format("YYYY-MM-DDTHH:mm:ssZ"));
|
|
|
+ $("meta[property='eg:stock']").attr('content',"");
|
|
|
+ $("meta[property='eg:state']").attr('content',[[${goodsInfo.goodsStatNm}]]);
|
|
|
+ $("meta[property='eg:description']").attr('content',null);
|
|
|
+ $("meta[property='eg:extraImage']").attr('content',null);
|
|
|
+ $("meta[property='eg:locale']").attr('content',"KR");
|
|
|
+ $("meta[property='eg:isNew']").attr('content',([[${goodsInfo.formalGb}]] == 'G009_10')? 'True' :'False');
|
|
|
+ $("meta[property='eg:etc1']").attr('content', [[${goodsInfo.selfGoodsYn}]]);
|
|
|
+
|
|
|
+
|
|
|
+ $('.btn_copy').bind('click', function() {
|
|
|
+ copyToClipboard();
|
|
|
+ });
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+/*]]>*/
|
|
|
+</script>
|
|
|
+
|
|
|
+<!-- 광고 스크립트 -->
|
|
|
+<th:block th:replace="~{mob/common/advertisements/GoodsDetailScriptsMob :: scripts}"></th:block>
|
|
|
+<!-- //광고 스크립트 -->
|
|
|
+
|
|
|
+</th:block>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
eskim