|
|
@@ -0,0 +1,1566 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
+ layout:decorator="web/common/layout/DefaultLayoutWeb">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : GoodsDetailFormWeb.html
|
|
|
+ * @desc : 상품상세 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.03.02 eskim 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+<th:block layout:fragment="content">
|
|
|
+<div id="container" class="container pd">
|
|
|
+ <div class="breadcrumb">
|
|
|
+ <ul>
|
|
|
+ <li class="bread_home"><a href="index.html">홈</a></li>
|
|
|
+ <li class="bread_2depth"><a href="">유니섹스캐주얼</a></li>
|
|
|
+ <li class="bread_3depth"><a href="">자켓/점퍼/코트</a></li>
|
|
|
+ <li class="bread_4depth"><a href="">점퍼</a></li>
|
|
|
+ <li class="bread_5depth">패딩/다운점퍼</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="wrap">
|
|
|
+ <!-- 상품 대표설명 -->
|
|
|
+ <div class="content pd_detail">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="sr-only">상품 대표설명</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="item_detail">
|
|
|
+ <div class="area_pic">
|
|
|
+ <div class="thumb_nav_wrap">
|
|
|
+ <div class="thumbnav">
|
|
|
+ <div class="swiper-container swiper-container-initialized swiper-container-vertical">
|
|
|
+ <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
|
|
|
+ <div class="swiper-slide on swiper-slide-active" style="height: 75px; margin-bottom: 10px;"><a href="#navLocate1"><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail1.jpg" alt=""></span></a></div><!-- 첫 슬라이드 클래스 on 추가 -->
|
|
|
+ <div class="swiper-slide swiper-slide-next" style="height: 75px; margin-bottom: 10px;"><a href="#navLocate2"><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail2.jpg" alt=""></span></a></div>
|
|
|
+ <div class="swiper-slide" style="height: 75px; margin-bottom: 10px;"><a href="#navLocate3"><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail3.jpg" alt=""></span></a></div>
|
|
|
+ <div class="swiper-slide" style="height: 75px; margin-bottom: 10px;"><a href="#navLocate4"><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail4.jpg" alt=""></span></a></div>
|
|
|
+ <div class="swiper-slide" style="height: 75px; margin-bottom: 10px;"><a href="#navLocate5"><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail5.jpg" alt=""></span></a></div>
|
|
|
+ <div class="swiper-slide" style="height: 75px; margin-bottom: 10px;"><a href="#navLocate6"><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail6.jpg" alt=""></span></a></div>
|
|
|
+ <div class="swiper-slide" style="height: 75px; margin-bottom: 10px;"><a href="#navLocate7"><span class="thumb"><img src="/images/pc/thumb/tmp_pdLookbook3.jpg" alt=""></span></a></div>
|
|
|
+ <div class="swiper-slide" style="height: 75px; margin-bottom: 10px;"><a href="#navLocate8"><span class="thumb"><img src="/images/pc/thumb/tmp_pdLookbook2.jpg" alt=""></span></a></div>
|
|
|
+ </div>
|
|
|
+ <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
|
|
|
+ <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div>
|
|
|
+ <div class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_list_wrap">
|
|
|
+ <ul>
|
|
|
+ <li id="navLocate1" class="on"><a href=""><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail1.jpg" alt=""></span></a></li><!-- 첫 데이터 클래스 on 추가 -->
|
|
|
+ <li id="navLocate2"><a href=""><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail2.jpg" alt=""></span></a></li>
|
|
|
+ <li id="navLocate3"><a href=""><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail3.jpg" alt=""></span></a></li>
|
|
|
+ <li id="navLocate4"><a href=""><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail4.jpg" alt=""></span></a></li>
|
|
|
+ <li id="navLocate5"><a href=""><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail5.jpg" alt=""></span></a></li>
|
|
|
+ <li id="navLocate6"><a href=""><span class="thumb"><img src="/images/pc/thumb/tmp_pdDetail6.jpg" alt=""></span></a></li>
|
|
|
+ <li id="navLocate7"><a href=""><span class="thumb"><img src="/images/pc/thumb/tmp_pdLookbook3.jpg" alt=""></span></a></li>
|
|
|
+ <li id="navLocate8"><a href=""><span class="thumb"><img src="/images/pc/thumb/tmp_pdLookbook2.jpg" alt=""></span></a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="area_desc">
|
|
|
+ <div class="desc_wrap">
|
|
|
+ <div class="timer_box">
|
|
|
+ <p>
|
|
|
+ <span class="tit">남은시간</span>
|
|
|
+ <span class="timer">
|
|
|
+ <em id="d-days">27</em>
|
|
|
+ <em id="d-hours">21</em>
|
|
|
+ <em id="d-minutes">21</em>
|
|
|
+ <em id="d-seconds">07</em>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="descript_box">
|
|
|
+ <div class="desc_top">
|
|
|
+ <a href="" class="btn_brand">NBA 키즈</a>
|
|
|
+ <button type="button" class="itemShare">상품 공유하기</button>
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="desc_info">
|
|
|
+ <div class="title_blk">
|
|
|
+ <span class="codenumber">
|
|
|
+ N204TJ112P
|
|
|
+ </span>
|
|
|
+ <span class="comment">
|
|
|
+ #가을 느낌 물씬!
|
|
|
+ </span>
|
|
|
+ <span class="name">
|
|
|
+ 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업 유니 삼단블록 플리스 집업
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="price_blk">
|
|
|
+ <span class="sale_percent">
|
|
|
+ 30%
|
|
|
+ </span>
|
|
|
+ <span class="sale_price">
|
|
|
+ <em>134,100</em>원
|
|
|
+ </span>
|
|
|
+ <del class="org_price">
|
|
|
+ 149,000원
|
|
|
+ </del>
|
|
|
+ <span class="save_point">
|
|
|
+ 스타일포인트 9,999P 적립예정
|
|
|
+ </span>
|
|
|
+ <button type="button" id="btn_saleCoupon_pop" class="btn btn_primary btn_sm btn_coupon"><span>쿠폰받기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="desc_status">
|
|
|
+ <p>예약판매 상품 -2020.12.30 출고예정</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="benefit_box">
|
|
|
+ <dl>
|
|
|
+ <div class="bnf_shopping">
|
|
|
+ <dt>쇼핑혜택</dt>
|
|
|
+ <dd>
|
|
|
+ <span>최대 15% 쿠폰 할인</span>
|
|
|
+ <span>99개 이상 구매 시 9,999,999원 할인</span>
|
|
|
+ <span>미니언즈 우산 증정</span>
|
|
|
+ <button type="button" id="btn_bnfShopping_pop" class="btn_popup"><span>자세히</span></button>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <div class="bnf_card">
|
|
|
+ <dt>카드혜택</dt>
|
|
|
+ <dd>
|
|
|
+ <span>국민카드 5% 즉시할인</span>
|
|
|
+ <span>신용카드 무이자 혜택</span>
|
|
|
+ <button type="button" id="btn_bnfCard_pop" class="btn_popup"><span>자세히</span></button>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <div class="option_box">
|
|
|
+ <div class="opt_color">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="title">컬러</span>
|
|
|
+ <span class="color">그레이</span>
|
|
|
+ </div>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <a href="" class="on"> <!-- 해당 컬러 상품페이지로 이동 -->
|
|
|
+ <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="그레이">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="베이지">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="그린">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="핑크">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="민트">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_cartColor1.jpg" alt="블랙">
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="opt_size">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="title">사이즈</span>
|
|
|
+ <span class="size">
|
|
|
+ <em>95</em>
|
|
|
+ <em>(+1,000원)</em>
|
|
|
+ </span>
|
|
|
+ <button type="button" id="btn_infoSize_pop" class="btn_popup"><span>사이즈정보</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize1" value="" checked="">
|
|
|
+ <label for="rdi-optsize1"><span>90</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize2" value="" disabled="">
|
|
|
+ <label for="rdi-optsize2"><span>95</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize3" value="">
|
|
|
+ <label for="rdi-optsize3"><span>100</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize4" value="">
|
|
|
+ <label for="rdi-optsize4"><span>105</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize5" value="">
|
|
|
+ <label for="rdi-optsize5"><span>110</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize6" value="">
|
|
|
+ <label for="rdi-optsize6"><span>115</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize7" value="">
|
|
|
+ <label for="rdi-optsize7"><span>free</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize8" value="">
|
|
|
+ <label for="rdi-optsize8"><span>size1</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-optsize" id="rdi-optsize9" value="">
|
|
|
+ <label for="rdi-optsize9"><span>size2</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="opt_select">
|
|
|
+ <form class="form_wrap">
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom item_opt1">
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">선택</div>
|
|
|
+ <ul class="list">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="selected">선택</li>
|
|
|
+ <li>상품옵션01</li>
|
|
|
+ <li>상품옵션02</li>
|
|
|
+ <li>상품옵션03</li>
|
|
|
+ <li aria-disabled="true">
|
|
|
+ <div>상품옵션05</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ <li>상품옵션06</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">
|
|
|
+ <div>상품옵션07</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="select_custom item_opt2" disabled="">
|
|
|
+ <div class="combo">
|
|
|
+ <div class="select">선택</div>
|
|
|
+ <ul class="list">
|
|
|
+ <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true" / 품절표기 data-soldout="true" 추가 -->
|
|
|
+ <li class="selected">선택</li>
|
|
|
+ <li>상품옵션11</li>
|
|
|
+ <li>상품옵션12</li>
|
|
|
+ <li>상품옵션13</li>
|
|
|
+ <li aria-disabled="true">
|
|
|
+ <div>상품옵션15</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ <li>상품옵션16</li>
|
|
|
+ <li aria-disabled="true" data-soldout="true">
|
|
|
+ <div>상품옵션17</div>
|
|
|
+ <div>120,000원</div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- 해당 상품 품절시 노출 -->
|
|
|
+ <div class="info_restock">
|
|
|
+ <a href="" id="btn_pushRestock_pop" class="btn_popup">재입고 시 알림을 받아보세요</a>
|
|
|
+ </div>
|
|
|
+ <!-- //해당 상품 품절시 노출 -->
|
|
|
+ <div class="opt_result">
|
|
|
+ <div class="result_item">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="item_name">[상품1] 남성 테이퍼드핏 기모면 올밴딩 팬트</span>
|
|
|
+ <span class="item_option">다크그레이/XXL</span>
|
|
|
+ </div>
|
|
|
+ <div class="number_count">
|
|
|
+ <span class="minus"><em class="sr-only">감소</em></span>
|
|
|
+ <input type="text" name="" maxlength="3" style="ime-mode:disabled" value="1">
|
|
|
+ <span class="plus"><em class="sr-only">추가</em></span>
|
|
|
+ </div>
|
|
|
+ <div class="item_price">
|
|
|
+ <p><em>99,999,999</em>원</p>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn_delete_item"><span>삭제</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="result_item">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="item_name">[상품1] 남성 테이퍼드핏 기모면 올밴딩 팬트</span>
|
|
|
+ <span class="item_option">블루그레이/S</span>
|
|
|
+ </div>
|
|
|
+ <div class="number_count">
|
|
|
+ <span class="minus"><em class="sr-only">감소</em></span>
|
|
|
+ <input type="text" name="" maxlength="3" style="ime-mode:disabled" value="1">
|
|
|
+ <span class="plus"><em class="sr-only">추가</em></span>
|
|
|
+ </div>
|
|
|
+ <div class="item_price">
|
|
|
+ <p><em>99,999,999</em>원</p>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn_delete_item"><span>삭제</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="opt_count">
|
|
|
+ <div class="opt_header">
|
|
|
+ <span class="title">수량</span>
|
|
|
+ </div>
|
|
|
+ <div class="number_count">
|
|
|
+ <span class="minus"><em class="sr-only">감소</em></span>
|
|
|
+ <input type="text" name="" maxlength="3" style="ime-mode:disabled" value="1">
|
|
|
+ <span class="plus"><em class="sr-only">추가</em></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="price_box">
|
|
|
+ <p class="number">
|
|
|
+ 총 <span>99</span>개
|
|
|
+ </p>
|
|
|
+ <p class="price">
|
|
|
+ <span>
|
|
|
+ 99,999,999<em>원</em>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="btn_box">
|
|
|
+ <div class="btn_group_block ui_row">
|
|
|
+ <div class="ui_col_6">
|
|
|
+ <button id="btn_add_cart" class="btn btn_dark btn_block"><span>쇼핑백</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="ui_col_6">
|
|
|
+ <button class="btn btn_primary btn_block" id=""><span>바로구매</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btn_group_block ui_row">
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <button class="btn btn_dark btn_block" id="" disabled=""><span>SOLD OUT</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="npay_box">
|
|
|
+ <a href="">네이버id로 간편구매~</a>
|
|
|
+ </div>
|
|
|
+ <div class="exinfo_box">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="ex_review">
|
|
|
+ <a href="" id="btn_pdReview_pop">
|
|
|
+ <span class="tit">리뷰<em class="number">(9,999+)</em></span>
|
|
|
+ <div class="star_score">
|
|
|
+ <span class="star">
|
|
|
+ <em class="progbar" style="width:86%;"></em> <!-- 평점 style로 표기 -->
|
|
|
+ </span>
|
|
|
+ <span class="score">4.3점</span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- 베스트 리뷰 등록시 노출 -->
|
|
|
+ <div class="best_review">
|
|
|
+ <a href="" id="btn_pdBestReview_pop">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb mov" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span><!-- 동영상의 썸네일일 경우 mov 클래스 추가 -->
|
|
|
+ </div>
|
|
|
+ <div class="star_score">
|
|
|
+ <span class="star">
|
|
|
+ <em class="progbar" style="width:70%;"></em> <!-- 평점 style로 표기 -->
|
|
|
+ </span>
|
|
|
+ <em class="ico ico_besttag"></em>
|
|
|
+ </div>
|
|
|
+ <div class="txt_best_review">
|
|
|
+ <p>
|
|
|
+ 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요. 옷이 부들부들 촉감이 너무 좋습니다~ 보는 것 보다 실제 입으니깐 더 멋스러운 것 같아요! 차분한 그레이 라서 지금 가을가을한 계절에 잘 어울리는 같아요.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- //베스트 리뷰 등록시 노출 -->
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="ex_qna">
|
|
|
+ <a href="" id="btn_pdQnaList_pop">
|
|
|
+ <span class="tit">문의<em class="number">(9,999+)</em></span>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="ex_shipping">
|
|
|
+ <a href="" id="btn_pdDeliveryPop">
|
|
|
+ <span class="tit">배송/교환/반품</span>
|
|
|
+ <!-- 해당 배송정보 선택노출 -->
|
|
|
+ <span class="txt_shippingfee">배송비 2,500원</span>
|
|
|
+ <span class="txt_shippingfee">배송비 2,500원 (4,000원 이상 무료배송)</span>
|
|
|
+ <span class="txt_shippingfee">무료배송</span>
|
|
|
+ <span class="txt_shippingfee">총알배송(오전 10시까지 주문 시)</span>
|
|
|
+ <!-- //해당 배송정보 선택노출 -->
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 상품 대표설명 -->
|
|
|
+ <!-- 함께하면 할인되는 다다익선 상품 -->
|
|
|
+ <div class="content wide pd_together">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="subH1 t_c mb40">함께하면 할인되는 다다익선 상품</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container swiper-container-initialized swiper-container-horizontal">
|
|
|
+ <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
|
|
|
+ <div class="swiper-slide swiper-slide-active" style="width: 277.167px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide swiper-slide-next" style="width: 277.167px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 277.167px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 277.167px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 277.167px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 277.167px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 277.167px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 277.167px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Add Scrollbar -->
|
|
|
+ <div class="swiper-scrollbar" style="opacity: 0; transition-duration: 400ms;"><div class="swiper-scrollbar-drag" style="transform: translate3d(0px, 0px, 0px); width: 1318.51px;"></div></div>
|
|
|
+ <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
|
|
|
+ </div>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // 함께하면 할인되는 다다익선 상품 -->
|
|
|
+ <!-- 상품상세정보 -->
|
|
|
+ <div class="content pd_descrp"><div class="cont_head">
|
|
|
+ <h3 class="sr-only">상품상세정보</h3>
|
|
|
+</div>
|
|
|
+<div class="cont_body">
|
|
|
+ <!-- 상품설명 노출 -->
|
|
|
+ <div class="descrp_box">
|
|
|
+ <div class="desc_simple"> <!-- 상품 간략설명-->
|
|
|
+ <span class="tit_desc">사이드 밴딩으로 편안한 만능 슬랙스!</span>
|
|
|
+ <p class="ptxt01">
|
|
|
+ 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다. 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="desc_character"> <!-- 상품특징 -->
|
|
|
+ <span class="tit_desc">상품특징</span>
|
|
|
+ <p class="ptxt01">
|
|
|
+ - 5가지(IV/BE/PK/BL/BK)의 파스텔톤의 따뜻한 컬러감<br>
|
|
|
+ - 안감 폴라폴리스 소재를 사용하여 따뜻하고 부드러운 착용감<br>
|
|
|
+ - 배색소재의 가슴패치 포켓으로 포인트를 줌<br>
|
|
|
+ - 소매에 발열 안감을 사용하여 보온성을 높여주고, 착용 시 부드러운 촉감으로 편안함을 제공<br>
|
|
|
+ - 디테일한 봉제 기법인 가이루빠 스티치 포인트 디자인<br>
|
|
|
+ - 지퍼플러 장식을 더해 완성도를 높여줌
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품설명 노출 -->
|
|
|
+ <!-- 관리자 에디터입력 내용 노출 -->
|
|
|
+ <div class="mdhtml_box">
|
|
|
+ <!-- html 작성내용 -->
|
|
|
+ <a href="#" target="_blank"><img src="/images/pc/thumb/tmp_desc_bnr.jpg" width="1200" alt=""></a>
|
|
|
+ <div style="height:100px"></div><!-- 여백용 html -->
|
|
|
+ <div class="movblock">
|
|
|
+ <iframe src="https://www.youtube.com/embed/uEc8Q800a7w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
|
|
|
+ </div>
|
|
|
+ <div style="height:100px"></div><!-- 여백용 html -->
|
|
|
+ <iframe width="560" height="315" src="https://www.youtube.com/embed/uEc8Q800a7w" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
|
|
|
+ <div style="height:100px"></div><!-- 여백용 html -->
|
|
|
+ <img src="/images/pc/thumb/tmp_desc_mds.jpg" alt="">
|
|
|
+ <!-- //html 작성내용 -->
|
|
|
+ </div>
|
|
|
+ <!-- //관리자 에디터입력 내용 노출 -->
|
|
|
+ <!-- 착용컷 노출 -->
|
|
|
+ <div class="view_outfit_box">
|
|
|
+ <span class="tit_view">OUTFIT VIEW</span>
|
|
|
+ <span class="model_info">(모델정보 : 185cm / 78kg / XL 착용)</span>
|
|
|
+ <div class="view">
|
|
|
+ <img src="/images/pc/thumb/tmp_outfit_desc1.jpg" alt="">
|
|
|
+ <img src="/images/pc/thumb/tmp_outfit_desc2.jpg" alt="">
|
|
|
+ <img src="/images/pc/thumb/tmp_outfit_desc3.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //착용컷 노출 -->
|
|
|
+ <!-- 상품컷 노출 -->
|
|
|
+ <div class="view_detail_box">
|
|
|
+ <span class="tit_view">PRODUCT VIEW</span>
|
|
|
+ <div class="view">
|
|
|
+ <img src="/images/pc/thumb/tmp_detail_desc1.jpg" alt="">
|
|
|
+ <img src="/images/pc/thumb/tmp_detail_desc2.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품컷 노출 -->
|
|
|
+ <!-- 원단 노출 -->
|
|
|
+ <div class="view_fabric_box">
|
|
|
+ <span class="tit_view">FABRIC</span>
|
|
|
+ <div class="view">
|
|
|
+ <img src="/images/pc/thumb/tmp_fabric_desc1.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //원단 노출 -->
|
|
|
+ <!-- 라벨 노출 -->
|
|
|
+ <div class="view_label_box">
|
|
|
+ <span class="tit_view">LABEL INFO</span>
|
|
|
+ <div class="view">
|
|
|
+ <span>
|
|
|
+ <img src="/images/pc/thumb/tmp_label_desc1.jpg" alt="">
|
|
|
+ <img src="/images/pc/thumb/tmp_label_desc2.jpg" alt="">
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //라벨 노출 -->
|
|
|
+ <!-- 브랜드 노출 -->
|
|
|
+ <div class="brand_box">
|
|
|
+ <p class="name">TBJ 티비제이</p>
|
|
|
+ <a href="" class="btn btn_default"><span>브랜드 홈 바로가기</span></a>
|
|
|
+ </div>
|
|
|
+ <!-- //브랜드 노출 -->
|
|
|
+ <!-- 상품필수정보 노출 -->
|
|
|
+ <div class="required_box">
|
|
|
+ <div class="area_infotbl">
|
|
|
+ <span class="title">상품고시정보</span>
|
|
|
+ <div class="tbl type1 mt30">
|
|
|
+ <table>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>품목</th>
|
|
|
+ <td>의류</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>스타일</th>
|
|
|
+ <td>F94U-MD01XA60F0</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>시즌</th>
|
|
|
+ <td>겨울</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제품소재</th>
|
|
|
+ <td>[겉감1]폴리에스터100% [겉감2]폴리에스터100% [충전재1]솜털(거위)50% 깃털(거위)50% [충전재2]폴리에스터100%</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>색상</th>
|
|
|
+ <td>BR,NV,BK</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>치수</th>
|
|
|
+ <td>FREE(여성),95,100,105</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제조자/수입자</th>
|
|
|
+ <td>㈜에프알제이</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제조국</th>
|
|
|
+ <td>베트남</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>세탁방법 및 취급시 주의사항</th>
|
|
|
+ <td>본제품은 손세탁이 효과적입니다. (세탁라벨참고)</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제조연월</th>
|
|
|
+ <td>2019-06</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>품질보증기준</th>
|
|
|
+ <td>관련법 및 소비자분쟁해결기준에 따름</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>A/S 책임자와 전화번호</th>
|
|
|
+ <td>(주)아이스타일24 1544-5336</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="area_kcl">
|
|
|
+ <i class="ico ico_kcl"></i>
|
|
|
+ <p class="tit normal">
|
|
|
+ 어린이제품 안전인증 / 한국건설생활시험연구원(KCL)
|
|
|
+ </p>
|
|
|
+ <p class="normal">
|
|
|
+ 인증번호: CB123A123-1234
|
|
|
+ <a href="http://www.safetykorea.kr/search/searchPop?certNum=XX00000-0000" target="_blank" class="linktxt3">상세보기</a>
|
|
|
+ </p>
|
|
|
+ <p class="t_info dot_info">
|
|
|
+ 해당 인증정보는 판매자가 등록한 것으로 등록정보에 대한 일체의 책임은 판매자에게 있습니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="area_infotbl">
|
|
|
+ <span class="title">상품기본정보</span>
|
|
|
+ <div class="tbl type1 mt30">
|
|
|
+ <table>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>상품코드</th>
|
|
|
+ <td>14443216</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>상품구분</th>
|
|
|
+ <td>병행수입</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>브랜드</th>
|
|
|
+ <td>TBJ</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>상품명</th>
|
|
|
+ <td>남성 테이퍼드 핏 겨울 기모면 스판 올 밴딩 팬츠</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제조자</th>
|
|
|
+ <td>한세엠케이(주)</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제조국</th>
|
|
|
+ <td>베트남</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <p class="t_info dot_info mt20">
|
|
|
+ 주문제작 상품의 경우 주문 후 제작되어 판매되는 상품으로 제작 시점부터 반품/교환이 어려울 수 있습니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품필수정보 노출 -->
|
|
|
+</div>
|
|
|
+<div class="btn_more_box covered">
|
|
|
+ <button type="button" class="btn btn_default btn_md">
|
|
|
+ <span>상세정보 더보기</span>
|
|
|
+ </button>
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+ <!-- //상품상세정보 -->
|
|
|
+ <!-- 이 상품과 함께 본 상품 -->
|
|
|
+ <div class="content wide pd_clickother">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="subH1 t_c mb40">이 상품과 함께 본 상품</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container swiper-container-initialized swiper-container-horizontal">
|
|
|
+ <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
|
|
|
+ <div class="swiper-slide swiper-slide-active" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide swiper-slide-next" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdClickother1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span></div>
|
|
|
+ <!-- Add Arrows -->
|
|
|
+ <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div>
|
|
|
+ <div class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></div>
|
|
|
+ </div>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // 이 상품과 함께 본 상품 -->
|
|
|
+ <!-- STYLE24의 스타일링 추천 -->
|
|
|
+ <div class="content wide pd_recommend">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="subH1 t_c mb40">STYLE24의 스타일링 추천</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container swiper-container-initialized swiper-container-horizontal">
|
|
|
+ <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
|
|
|
+ <div class="swiper-slide swiper-slide-active" style="width: 1623px;">
|
|
|
+ <div class="page">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook1.jpg');"></span>
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:150px; top:550px;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명11
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:414px; top:300px;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명12
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:480px; top:520px;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명13
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ </div>
|
|
|
+ <div class="item_wrap">
|
|
|
+ <div class="item_area">
|
|
|
+ <h5>
|
|
|
+ 룩북 속 상품
|
|
|
+ <span data-font="lato">(11)</span>
|
|
|
+ </h5>
|
|
|
+ <div class="li_item">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn btn_block btn_md"><span>모두 쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide swiper-slide-next" style="width: 1623px;">
|
|
|
+ <div class="page">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook2.jpg');"></span>
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:150px; top:550px;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명11
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:414px; top:300px;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명12
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:480px; top:520px;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명13
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ </div>
|
|
|
+ <div class="item_wrap">
|
|
|
+ <div class="item_area">
|
|
|
+ <h5>
|
|
|
+ 룩북 속 상품
|
|
|
+ <span data-font="lato">(11)</span>
|
|
|
+ </h5>
|
|
|
+ <div class="li_item">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn btn_block btn_md"><span>모두 쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 1623px;">
|
|
|
+ <div class="page">
|
|
|
+ <div class="pic">
|
|
|
+ <span class="thumb" style="background-image:url('/images/pc/thumb/tmp_pdLookbook3.jpg');"></span>
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:150px; top:550px;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명11
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:414px; top:300px;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명12
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ <!-- 상품피커 -->
|
|
|
+ <div class="item_picker" style="left:480px; top:520px;">
|
|
|
+ <button type="button"><span class="ico ico_picker"></span></button>
|
|
|
+ <div class="pick_descr">
|
|
|
+ <a href="">
|
|
|
+ 상품명13
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품피커 -->
|
|
|
+ </div>
|
|
|
+ <div class="item_wrap">
|
|
|
+ <div class="item_area">
|
|
|
+ <h5>
|
|
|
+ 룩북 속 상품
|
|
|
+ <span data-font="lato">(11)</span>
|
|
|
+ </h5>
|
|
|
+ <div class="li_item">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdLookbook_item1.jpg">
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">CURLYSUE 컬리수</p>
|
|
|
+ <div class="itemName">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ 700,000
|
|
|
+ <span class="itemPrice_original">1,000,000</span>
|
|
|
+ <span class="itemPercent">30%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn btn_block btn_md"><span>모두 쇼핑백 담기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span></div>
|
|
|
+ <!-- Add Arrows -->
|
|
|
+ <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div>
|
|
|
+ <div class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></div>
|
|
|
+ </div>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // STYLE24의 스타일링 추천 -->
|
|
|
+ <!-- 이 상품과 비슷한 상품 -->
|
|
|
+ <div class="content wide pd_relate">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="subH1 t_c mb40">이 상품과 비슷한 상품</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <div class="area_slider">
|
|
|
+ <div class="swiper-container swiper-container-initialized swiper-container-horizontal">
|
|
|
+ <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
|
|
|
+ <div class="swiper-slide swiper-slide-active" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide swiper-slide-next" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="swiper-slide" style="width: 308.6px; margin-right: 20px;">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdRelate1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME1</p>
|
|
|
+ <div class="itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class="itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
|
|
|
+ <!-- Add Pagination -->
|
|
|
+ <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span></div>
|
|
|
+ <!-- Add Arrows -->
|
|
|
+ <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div>
|
|
|
+ <div class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></div>
|
|
|
+ </div>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- // 이 상품과 비슷한 상품 -->
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+</th:block>
|
|
|
+</body>
|
|
|
+</html>
|
eskim