|
|
@@ -1,8 +1,8 @@
|
|
|
<!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">
|
|
|
+ xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
+ layout:decorator="web/common/layout/DefaultLayoutWeb">
|
|
|
<!--
|
|
|
*******************************************************************************
|
|
|
* @source : OrderFormWeb.html
|
|
|
@@ -17,8 +17,34 @@
|
|
|
*******************************************************************************
|
|
|
-->
|
|
|
<body>
|
|
|
+<!--
|
|
|
+<link rel="stylesheet" type="textcss" href="/ux/pc/css/layout_back.css?v=20210209171415">
|
|
|
+ -->
|
|
|
|
|
|
<th:block layout:fragment="content">
|
|
|
+
|
|
|
+<style type="text/css">
|
|
|
+ @import url("/ux/pc/css/layout_back.css");
|
|
|
+
|
|
|
+ .od .foldGroup .fold_cont {
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+
|
|
|
+ .od .od_cont .fold_cont {
|
|
|
+ padding: 0 30px 40px;
|
|
|
+ line-height: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ .foldGroup .fold_cont {
|
|
|
+ padding: 0;
|
|
|
+ position: relative;
|
|
|
+ color: #666;
|
|
|
+ font-weight: 200;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 1.625;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
<!-- container -->
|
|
|
<div id="container" class="container od">
|
|
|
<div class="breadcrumb">
|
|
|
@@ -26,1173 +52,802 @@
|
|
|
<li class="bread_home"><a href="index.html">홈</a></li>
|
|
|
<li class="bread_2depth">쇼핑백</li>
|
|
|
<li class="bread_3depth">주문/결제</li>
|
|
|
- </ul>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
<div class="wrap">
|
|
|
- <div class="content odPayment"> <!-- 페이지특정 클래스 = mbPayment -->
|
|
|
- <div class="cont_head">
|
|
|
- <h2 class="t_c mb60">주문/결제</h2>
|
|
|
- </div>
|
|
|
+ <div class="content odPayment"> <!-- 페이지특정 클래스 = mbPayment -->
|
|
|
+ <div class="cont_head">
|
|
|
+ <h2 class="t_c mb60">주문/결제</h2>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div class="cont_body">
|
|
|
- <!-- CONT-BODY -->
|
|
|
+ <!-- CONT-BODY -->
|
|
|
<section class="od_cont fl">
|
|
|
- <div class="sec_head">
|
|
|
- <div class="tbl type4">
|
|
|
- <table>
|
|
|
- <colgroup>
|
|
|
- <col width="240">
|
|
|
- <col width="*">
|
|
|
- </colgroup>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <th>
|
|
|
- 총 <span class="c_primary bold">8</span> 건으로 나뉘어 배송 예정
|
|
|
- </th>
|
|
|
- <td class="t_l">
|
|
|
- <span>
|
|
|
- 총알배송<em class="c_primary bold">2</em>건
|
|
|
- </span>
|
|
|
- <span>
|
|
|
- STYLE24<em class="c_primary bold">2</em>건
|
|
|
- </span>
|
|
|
- <span>
|
|
|
- 업체직배송<em class="c_primary bold">1</em>건
|
|
|
- </span>
|
|
|
- <span>
|
|
|
- 예약배송<em class="c_primary bold">2</em>건
|
|
|
- </span>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="sec_body">
|
|
|
- <div class="t_r mb15">
|
|
|
- <a href="#none" class="btn_link">쇼핑백 바로가기</a>
|
|
|
- </div>
|
|
|
- <!-- -->
|
|
|
- <div class="foldGroup">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <!-- 주문고객정보 -->
|
|
|
- <div class="fold_head">
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div>
|
|
|
- <div class="fold_tit">
|
|
|
- <span>주문고객</span>
|
|
|
- </div>
|
|
|
- <div class="data">
|
|
|
- <span>홍길동</span>
|
|
|
- <span>abcdefg@naver.com</span>
|
|
|
- <span>010-1234-5647</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="fold_cont" style="display: none;">
|
|
|
- <div class="area_default">
|
|
|
- <dl>
|
|
|
- <div>
|
|
|
- <dt>주문자명</dt>
|
|
|
- <dd>홍길동</dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>이메일</dt>
|
|
|
- <dd>abcdefg@naver.com</dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>휴대폰 번호</dt>
|
|
|
- <dd>
|
|
|
- 010-1234-5647
|
|
|
- <button type="button" class="btn_popup" id=""><span>본인인증하기</span></button>
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- </dl>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //주문고객정보 -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <!-- 배송지정보 -->
|
|
|
- <div class="fold_head">
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div>
|
|
|
- <div class="fold_tit">
|
|
|
- <span>배송지 정보</span>
|
|
|
- </div>
|
|
|
- <div class="data">서울시 영등포구 은행로 11,8층(여의도동,일신빌딩)</div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="fold_cont" style="display: none;">
|
|
|
- <div class="area_default">
|
|
|
- <dl>
|
|
|
- <div>
|
|
|
- <dt>배송지명</dt>
|
|
|
- <dd>
|
|
|
- 홍길동
|
|
|
- <span class="icon_tag">
|
|
|
- <em class="tag_stype1">기본 배송지</em>
|
|
|
- <em class="tag_stype2">총알배송</em>
|
|
|
- </span>
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>배송주소</dt>
|
|
|
- <dd>
|
|
|
- 서울시 영등포구 은행로 11,8층(여의도동,일신빌딩)
|
|
|
- <button type="button" class="btn_popup" id=""><span>배송지 선택</span></button>
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>휴대폰 번호</dt>
|
|
|
- <dd>
|
|
|
- 010-1234-5647
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>배송요청 사항</dt>
|
|
|
- <dd>
|
|
|
- 직접받고 부재 시 문앞
|
|
|
- <button type="button" class="btn_popup" id=""><span>변경하기</span></button>
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- </dl>
|
|
|
- </div>
|
|
|
- <!-- 해외배송상품일 경우 노출 -->
|
|
|
- <div class="area_overseas">
|
|
|
- <dl>
|
|
|
- <div>
|
|
|
- <dt>개인통관고유부호</dt>
|
|
|
- <dd>
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input type="radio" name="rdi-overseas" id="rdi-overs1" value="" checked="">
|
|
|
- <label for="rdi-overs1"><span>받는사람 개인통관고유부호</span></label>
|
|
|
- <div class="info_box pb10">
|
|
|
- <div class="input_wrap">
|
|
|
- <input type="text" class="form_control" maxlength="13" placeholder="P로 시작하는 13자리">
|
|
|
- <button type="button" class="btn btn_dark"><span>적용</span></button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="mt20">
|
|
|
- <input type="radio" name="rdi-overseas" id="rdi-overs2" value="">
|
|
|
- <label for="rdi-overs2"><span>입력 안 함</span></label>
|
|
|
- <div class="info_box" style="display:none;">
|
|
|
- <p>
|
|
|
- 개인통관고유부호를 입력하지 않아도 관세사무소에서 개인정보 확인을 위해 별도 연락을 드릴 예정입니다.
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- </dl>
|
|
|
- <div class="com_info_txt">
|
|
|
- <p class="tit">해외 배송 안내</p>
|
|
|
- <ul>
|
|
|
- <li>물품가액이 $150초과할 경우 관/부과세가 발생 할 수 있습니다.</li>
|
|
|
- <li>물품 종류와 해외공급자 관계없이 같은 날 입항하게 되면 합산과세 대상이 됩니다.</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="form_field mt30">
|
|
|
- <div>
|
|
|
- <input id="chk-overs-agr" type="checkbox" checked="">
|
|
|
- <label for="chk-overs-agr"><span>위 정보는 원활한 통관을 위해 수집 및 판매자에게 제공하며,계속 사용하도록 안전하게 STYLE24에서 저장 / 관리 합니다. <em class="c_primary bold f_size12">(필수)</em></span></label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //해외배송상품일 경우 노출 -->
|
|
|
- <!-- 주문제작상품일 경우 노출 -->
|
|
|
- <div class="area_customitem">
|
|
|
- <div class="txt_box mb30">
|
|
|
- <p class="c_primary normal">현재 주문제작 상품을 포함하여 주문을 진행중 입니다.</p>
|
|
|
- </div>
|
|
|
- <div class="com_info_txt">
|
|
|
- <p class="tit">주문 제작 상품 안내</p>
|
|
|
- <ul>
|
|
|
- <li>주문 제작 상품은 주문 후 제작이 진행되며, 제작 완료 후 배송이 시작됩니다.</li>
|
|
|
- <li>주문 제작 상품의 특성상 주문 완료 후 취소/교환이 불가능합니다. (상품 하자에 한해 가능)</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="form_field mt30">
|
|
|
- <div>
|
|
|
- <input id="chk-custom-agr1" type="checkbox" checked="">
|
|
|
- <label for="chk-custom-agr1"><span>주문 제작 상품에 대한 안내를 확인하였으며 배송에 동의합니다. <em class="c_primary bold f_size12">(필수)</em></span></label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //주문제작상품일 경우 노출 -->
|
|
|
- </div>
|
|
|
- <!-- //배송지정보 -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <!-- 사은품선택 -->
|
|
|
- <div class="fold_head">
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div>
|
|
|
- <div class="fold_tit">
|
|
|
- <span>사은품 선택</span>
|
|
|
- </div>
|
|
|
- <div class="data">
|
|
|
- <span>사은품 총 <em class="c_primary normal">2</em>개 선택</span>
|
|
|
- <span><em class="c_primary normal">0</em>P 차감</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="fold_cont" style="display: none;">
|
|
|
- <div class="area_default">
|
|
|
- <p class="txt">사은품선택1 > TBJ 남성 제기장 스웨이드 트러커 자켓 에서 주는 사은품</p>
|
|
|
- <div class="form_field">
|
|
|
- <div class="gift">
|
|
|
- <input type="checkbox" name="chk-gift" id="chk-gift1" class="chk_img" value="">
|
|
|
- <label for="chk-gift1">
|
|
|
- <span class="thumb"><img src="../ux/images/thumb/tmp_gift1.jpg" width="" alt=""></span>
|
|
|
- <span class="name">유니 NBA 팀로고 양말 (N215AO225P)</span>
|
|
|
- <span class="deduct">무료사은품</span>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- <div class="gift">
|
|
|
- <input type="checkbox" name="chk-gift" id="chk-gift2" class="chk_img" value="">
|
|
|
- <label for="chk-gift2">
|
|
|
- <span class="thumb"><img src="../ux/images/thumb/tmp_gift1.jpg" width="" alt=""></span>
|
|
|
- <span class="name">사은품이름</span>
|
|
|
- <span class="deduct">-4,000P</span>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- <div class="gift">
|
|
|
- <input type="checkbox" name="chk-gift" id="chk-gift3" class="chk_img" value="">
|
|
|
- <label for="chk-gift3">
|
|
|
- <span class="thumb"></span>
|
|
|
- <span class="name">사은품 수령안함</span>
|
|
|
- <span class="deduct">수령거부</span>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <div class="gift_agree">
|
|
|
- <p>
|
|
|
- <input id="chk-gift_agree" type="checkbox"><label for="chk-gift_agree"><span>동의합니다</span></label>
|
|
|
- </p>
|
|
|
- <p class="mt20">
|
|
|
- 사은품 지금에 대한 내용을 확인하였으며, 이에 동의합니다.
|
|
|
- <button type="button" class="btn_popup" id=""><span>안내 보기</span></button>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //사은품선택 -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <!-- 할인/혜택 사용 -->
|
|
|
- <div class="fold_head">
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div>
|
|
|
- <div class="fold_tit">
|
|
|
- <span>할인/혜택 사용</span>
|
|
|
- </div>
|
|
|
- <div class="data">
|
|
|
- <div class="form_field">
|
|
|
- <!--<input id="chk-maxdisc" type="checkbox" checked="">-->
|
|
|
- <label for="chk-maxdisc"><span>최대 할인혜택을 바로 적용하세요 (<em class="c_primary normal">-3,000원</em>)</span></label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="fold_cont" style="display: none;">
|
|
|
- <div class="area_default">
|
|
|
- <div class="maxdisc">
|
|
|
- <div class="form_field">
|
|
|
- <input id="chk-maxdisc" type="checkbox">
|
|
|
- <label for="chk-maxdisc">
|
|
|
- <span>최대 할인혜택을 바로 적용하세요!</span>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <dl>
|
|
|
- <div>
|
|
|
- <dt>할인코드</dt>
|
|
|
- <dd>
|
|
|
- <div class="input_wrap">
|
|
|
- <input type="text" class="form_control" maxlength="13" placeholder="할인코드를 입력해주세요.">
|
|
|
- <button type="submit" class="btn btn_dark">적용</button>
|
|
|
- </div>
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>할인쿠폰</dt>
|
|
|
- <dd><a href="" class="btn_coupon_toggle">할인쿠폰 <span class="c_primary">3장</span> 적용 <i class="ico ico_ft_arrow_b"></i></a></dd>
|
|
|
- </div>
|
|
|
- </dl>
|
|
|
- <div class="coupon_list">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <div class="coupon">
|
|
|
- <div class="item_gd">
|
|
|
- <figure>
|
|
|
- <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
- <figcaption>
|
|
|
- <div class="brand">CURLYSUE 컬리수</div>
|
|
|
- <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
- <div class="price">
|
|
|
- <span class="selling_price">1,000,000</span>
|
|
|
- </div>
|
|
|
- </figcaption>
|
|
|
- </figure>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <select id="" class="select_hidden">
|
|
|
- <option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
- <option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
- <option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
- <option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
- <option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <button type="button" class="btn_del_coupon" id=""><span>쿠폰적용해제</span></button>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="coupon">
|
|
|
- <div class="form_field">
|
|
|
- <label for="">장바구니 할인쿠폰</label>
|
|
|
- <select id="" class="select_hidden">
|
|
|
- <option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
|
|
|
- <option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
|
|
|
- <option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
|
|
|
- <option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
|
|
|
- <option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <button type="button" class="btn_del_coupon" id=""><span>쿠폰적용해제</span></button>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="coupon">
|
|
|
- <div class="form_field">
|
|
|
- <label for="">배송비 할인쿠폰</label>
|
|
|
- <select id="" class="select_hidden">
|
|
|
- <option value="">배송비 할인쿠폰 (최대 5,000원)</option>
|
|
|
- <option value="">배송비 할인쿠폰 (최대 5,000원)</option>
|
|
|
- <option value="">배송비 할인쿠폰 (최대 5,000원)</option>
|
|
|
- <option value="">배송비 할인쿠폰 (최대 5,000원)</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <button type="button" class="btn_del_coupon" id=""><span>쿠폰적용해제</span></button>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="area_point">
|
|
|
- <dl>
|
|
|
- <div>
|
|
|
- <dt>할인코드</dt>
|
|
|
- <dd>
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input type="radio" name="rdi-codeuse" id="rdi-codeuse1" value="">
|
|
|
- <label for="rdi-codeuse1"><span>사용 안함</span></label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="rdi-codeuse" id="rdi-codeuse2" value="">
|
|
|
- <label for="rdi-codeuse2"><span>사용함</span></label>
|
|
|
- <span>사용가능 포인트:<em>1,500</em>P</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </dd>
|
|
|
- </div>
|
|
|
- </dl>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="point_code">
|
|
|
- <div class="radio_check">
|
|
|
- <div class="ui_col_3">
|
|
|
- <p>할인코드</p>
|
|
|
- </div>
|
|
|
- <div class="ui_col_9">
|
|
|
- <div class="form_field">
|
|
|
- <input type="radio" name="radio" id="rdi-4" value="4"><label for="rdi-4"> <span>사용 안함</span> </label>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <input type="radio" name="radio" id="rdi-5" value="5" checked=""><label for="rdi-5"> <span>사용함</span> <p>사용 가능 포인트 : <span>1,500</span>P</p></label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="ui_col_3 input_label">스타일 포인트</label>
|
|
|
- <div class="ui_col_9">
|
|
|
- <div class="input_wrap">
|
|
|
- <input type="text" class="form_control" maxlength="13" placeholder="사용할 포인트를 입력해주세요.">
|
|
|
- <button type="submit" class="btn btn_dark">적용</button>
|
|
|
- </div>
|
|
|
- <div class="save_point">
|
|
|
- <p>보유 : <span>25,000</span>P</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="ui_col_3 input_label">상품권</label>
|
|
|
- <div class="ui_col_9">
|
|
|
- <div class="input_wrap">
|
|
|
- <input type="text" class="form_control" maxlength="13" placeholder="사용할 포인트를 입력해주세요.">
|
|
|
- <button type="submit" class="btn btn_dark">적용</button>
|
|
|
- </div>
|
|
|
- <div class="save_point">
|
|
|
- <p>보유 : <span>25,000</span>P</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- <!-- //할인/혜택 사용 -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <!-- 결제수단 선택 -->
|
|
|
- <div class="fold_head">
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div>
|
|
|
- <div class="fold_tit">
|
|
|
- <span>결제수단 선택</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="fold_cont" style="display: none;">
|
|
|
- <div class="paymethod_list">
|
|
|
- <div class="paymethod on">
|
|
|
- <div class="paymethod_wrap">
|
|
|
- <input type="radio" name="radio_card" id="rdi-card-1" value="1" checked>
|
|
|
- <label for="rdi-card-1" data="0">
|
|
|
- STYLE24 간편결제
|
|
|
- </label>
|
|
|
- <div class="paymethod_body">
|
|
|
- <div class="add_card">
|
|
|
- <div class="plus_card">
|
|
|
- <div class="cross_wrap">
|
|
|
- <button>
|
|
|
- <div class="cross"></div>
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- <div class="enrollment">
|
|
|
- <p>결제수단 등록</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="paymethod_text">
|
|
|
- <p>· 결제수단 등록 한번으로 간편하게 결제하실 수 있습니다.</p>
|
|
|
- <p>· 국내 8개 카드에 대해 이용 가능합니다. (법인카드,기프트카드,해외카드 제외)</p>
|
|
|
- <p>· 일반 신용카드의 할인혜택은 적용되지 않습니다.</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="paymethod">
|
|
|
- <div class="paymethod_wrap">
|
|
|
- <input type="radio" name="radio_card" id="rdi-card-2" value="2">
|
|
|
- <label for="rdi-card-2" data="1">
|
|
|
- 일반 결제
|
|
|
- </label>
|
|
|
- <div class="paymethod_body">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-8" value="8"><label for="rdi-8"> <span>신용카드</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-9" value="9"><label for="rdi-9"> <span>실시간계좌이체</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-10" value="10"><label for="rdi-10"> <span>무통장입금</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-11" value="11"><label for="rdi-11"> <span>휴대폰 결제</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-12" value="12"><label for="rdi-12"> <span>카카오페이</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-13" value="13"><label for="rdi-13"> <span>네이버엔페이</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-14" value="14"><label for="rdi-14"> <span>페이코</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- case1,2 간편결제,일반결제 결과-->
|
|
|
- <div class="payment type01 active">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-3" type="checkbox"><label for="chk-3"> <span>선택한 결제수단으로 향후 결제 이용에 동의합니다. <a href="#none">(선택)</a></span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="privacy_consent">
|
|
|
- <p>개인정보 제공에 대한 동의</p>
|
|
|
- <span>개인정보를 제공받는 자 : 업체명,업체명,업체명</span>
|
|
|
- <span>개인정보를 제공받는 자의 개인정보 이용 목적 : 주문상품의 배송,고객상당 및 불만처리</span>
|
|
|
- <span>제공하는 개인정보의 항목:성명,주소,연락처</span>
|
|
|
- <span>개인정보 제공받는 자의 개인정보 보유 및 이용기간 : 이용목적 달성 시 까지</span>
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-4" type="checkbox"><label for="chk-4"> <span>동의합니다.</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-5" type="checkbox"><label for="chk-5"> <span>주문하실 상품,가격,배송정보,할인정보 등을 확인하였으며,구매에 동의하시겠습니까? (전자상거래법 제8조 2항)</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="ui_row">
|
|
|
- <div class="ui_col_12">
|
|
|
- <button class="btn btn_dark btn_block"><span>123,456,789</span>원 결제하기</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="payment type02">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-3" type="checkbox"><label for="chk-3"> <span>소비자 피해 보상보험 신청 <a href="#none">(선택)</a></span> <button class="faq">FAQ확인</button> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <p>‘전자상거래 등에서의 소비자보호에 관한 법률’에 따라 현금 결제 시 서울보증보험(주)가 제공하는 소비자 피해보상보험을<br>신청할 수 있도록 해드리고 있습니다. (2013.11.28부터 시행)</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="privacy_consent">
|
|
|
- <p>개인정보 제공에 대한 동의</p>
|
|
|
- <span>개인정보를 제공받는 자 : 업체명,업체명,업체명</span>
|
|
|
- <span>개인정보를 제공받는 자의 개인정보 이용 목적 : 주문상품의 배송,고객상당 및 불만처리</span>
|
|
|
- <span>제공하는 개인정보의 항목:성명,주소,연락처</span>
|
|
|
- <span>개인정보 제공받는 자의 개인정보 보유 및 이용기간 : 이용목적 달성 시 까지</span>
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-4" type="checkbox"><label for="chk-4"> <span>동의합니다.</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-5" type="checkbox"><label for="chk-5"> <span>주문하실 상품,가격,배송정보,할인정보 등을 확인하였으며,구매에 동의하시겠습니까? (전자상거래법 제8조 2항)</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="ui_row">
|
|
|
- <div class="ui_col_12">
|
|
|
- <button class="btn btn_dark btn_block"><span>123,456,789</span>원 결제하기</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //case1,2 간편결제,일반결제 결과-->
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <!-- // -->
|
|
|
- <!--<div class="order_body">
|
|
|
- <div class="foldGroup order">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <div class="fold_head">
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div>
|
|
|
- <p>사은품 선택</p>
|
|
|
- </div>
|
|
|
- <div class="info_fix">
|
|
|
- <p>사은품 총 <span>2</span>개 선택</p>
|
|
|
- <p><span>0</span>P 차감</p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="fold_cont" style="display: none;">
|
|
|
- <div class="sec_head">
|
|
|
- <div>사은품선택 1</div>
|
|
|
- <div><span>TBJ 남성 제기장 스웨이드 트러커 자켓</span></div>
|
|
|
- </div>
|
|
|
- <div class="sec_body">
|
|
|
- <div class="form_field point">
|
|
|
- <div class="ui_col_4" data="0">
|
|
|
- <input type="radio" name="radio" id="rdi-1" value="1">
|
|
|
- <label for="rdi-1">
|
|
|
- <div class="radio_img">
|
|
|
- <img src="/images/pc/dp_slide_bestItem01.png">
|
|
|
- </div>
|
|
|
- <div class="radio_text">
|
|
|
- <p>블랙 기모 후드티</p>
|
|
|
- <span>-4,900P</span>
|
|
|
- </div>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- <div class="ui_col_4" data="1">
|
|
|
- <input type="radio" name="radio" id="rdi-2" value="2" checked="">
|
|
|
- <label for="rdi-2">
|
|
|
- <div class="radio_img">
|
|
|
- <img src="/images/pc/dp_slide_bestItem02.png">
|
|
|
- </div>
|
|
|
- <div class="radio_text">
|
|
|
- <p>블랙 기모 후드티</p>
|
|
|
- <span>-4,900P</span>
|
|
|
- </div>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- <div class="ui_col_4" data="2">
|
|
|
- <input type="radio" name="radio" id="rdi-3" value="3" >
|
|
|
- <label for="rdi-3">
|
|
|
- <div class="radio_img">
|
|
|
- <img src="/images/pc/dp_slide_bestItem01.png">
|
|
|
- </div>
|
|
|
- <div class="radio_text">
|
|
|
- <p>사은품 수령안함</p>
|
|
|
- <span>수령거부</span>
|
|
|
- </div>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="sec_foot">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-2" type="checkbox" ><label for="chk-2"> <span>동의합니다</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <p>사은품 지금에 대한 내용을 확인하였으며, 이에 동의합니다. <a href="#none">안내 보기</a></p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="fold_head">
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div>
|
|
|
- <p>할인/혜택 사용</p>
|
|
|
- </div>
|
|
|
- <div class="info_fix">
|
|
|
- <p>최대 할인혜택을 바로 적용하세요!</p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="fold_cont" style="display: none;">
|
|
|
- <div class="sale_code">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-11" type="checkbox"><label for="chk-11"> <span>최대 할인혜택을 바로 적용하세요!</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="ui_col_3 input_label">할인코드</label>
|
|
|
- <div class="ui_col_9">
|
|
|
- <div class="input_wrap">
|
|
|
- <input type="text" class="form_control" maxlength="13" placeholder="사용할 포인트를 입력해주세요.">
|
|
|
- <button type="submit" class="btn btn_dark">적용</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="ui_col_3 input_label">할인쿠폰</label>
|
|
|
- <div class="ui_col_9 fold">
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <p>할인쿠폰 <span>10</span>장 적용</p>
|
|
|
- </a>
|
|
|
- <div class="couponfold">
|
|
|
- <form class="form_wrap">
|
|
|
- <div class="form_field">
|
|
|
- <div class="form_item">
|
|
|
- <div class="shop_item_wrap">
|
|
|
- <div class="shop_img">
|
|
|
- <img src="/images/pc/thumb/dp_item01.jpg" alt="">
|
|
|
- </div>
|
|
|
- <div class="shop_text">
|
|
|
- <p class="brand">TBJ</p>
|
|
|
- <p class="item_name">남성패커블 바람막이 점퍼 슈리스</p>
|
|
|
- <p class="price"><span>158,000</span>원</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <select class="form-control select" data-live-search="true">
|
|
|
- <option value="hide">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
- <option>구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
- <option>구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
- <option>구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
- </select>
|
|
|
- <button>쿠폰 적용 해제</button>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- <form class="form_wrap">
|
|
|
- <div class="form_field">
|
|
|
- <label class="input_label">장바구니 할인쿠폰</label>
|
|
|
- <select class="form-control select" data-live-search="true">
|
|
|
- <option value="hide">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
|
|
|
- <option>구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
- <option>구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
- <option>구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
- </select>
|
|
|
- <button>쿠폰 적용 해제</button>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- <form class="form_wrap">
|
|
|
- <div class="form_field">
|
|
|
- <label class="input_label">장바구니 할인쿠폰</label>
|
|
|
- <select class="form-control select" data-live-search="true">
|
|
|
- <option value="hide">배송비 할인쿠폰 (최대 5,000원)</option>
|
|
|
- <option>배송비 할인쿠폰 (최대 5,000원)</option>
|
|
|
- <option>배송비 할인쿠폰 (최대 5,000원)</option>
|
|
|
- <option>배송비 할인쿠폰 (최대 5,000원)</option>
|
|
|
- </select>
|
|
|
- <button>쿠폰 적용 해제</button>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="point_code">
|
|
|
- <div class="radio_check">
|
|
|
- <div class="ui_col_3">
|
|
|
- <p>할인코드</p>
|
|
|
- </div>
|
|
|
- <div class="ui_col_9">
|
|
|
- <div class="form_field">
|
|
|
- <input type="radio" name="radio" id="rdi-4" value="4"><label for="rdi-4"> <span>사용 안함</span> </label>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <input type="radio" name="radio" id="rdi-5" value="5" checked=""><label for="rdi-5"> <span>사용함</span> <p>사용 가능 포인트 : <span>1,500</span>P</p></label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="ui_col_3 input_label">스타일 포인트</label>
|
|
|
- <div class="ui_col_9">
|
|
|
- <div class="input_wrap">
|
|
|
- <input type="text" class="form_control" maxlength="13" placeholder="사용할 포인트를 입력해주세요.">
|
|
|
- <button type="submit" class="btn btn_dark">적용</button>
|
|
|
- </div>
|
|
|
- <div class="save_point">
|
|
|
- <p>보유 : <span>25,000</span>P</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="ui_col_3 input_label">상품권</label>
|
|
|
- <div class="ui_col_9">
|
|
|
- <div class="input_wrap">
|
|
|
- <input type="text" class="form_control" maxlength="13" placeholder="사용할 포인트를 입력해주세요.">
|
|
|
- <button type="submit" class="btn btn_dark">적용</button>
|
|
|
- </div>
|
|
|
- <div class="save_point">
|
|
|
- <p>보유 : <span>25,000</span>P</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="fold_head">
|
|
|
- <a href="javascript:void(0)">
|
|
|
- <div>
|
|
|
- <p>결제수단 선택</p>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="fold_cont" style="display: none;">
|
|
|
- <div class="paymethod_list">
|
|
|
- <div class="paymethod on">
|
|
|
- <div class="paymethod_wrap">
|
|
|
- <input type="radio" name="radio_card" id="rdi-card-1" value="1" checked>
|
|
|
- <label for="rdi-card-1" data="0">
|
|
|
- STYLE24 간편결제
|
|
|
- </label>
|
|
|
- <div class="paymethod_body">
|
|
|
- <div class="add_card">
|
|
|
- <div class="plus_card">
|
|
|
- <div class="cross_wrap">
|
|
|
- <button>
|
|
|
- <div class="cross"></div>
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- <div class="enrollment">
|
|
|
- <p>결제수단 등록</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="paymethod_text">
|
|
|
- <p>· 결제수단 등록 한번으로 간편하게 결제하실 수 있습니다.</p>
|
|
|
- <p>· 국내 8개 카드에 대해 이용 가능합니다. (법인카드,기프트카드,해외카드 제외)</p>
|
|
|
- <p>· 일반 신용카드의 할인혜택은 적용되지 않습니다.</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="paymethod">
|
|
|
- <div class="paymethod_wrap">
|
|
|
- <input type="radio" name="radio_card" id="rdi-card-2" value="2">
|
|
|
- <label for="rdi-card-2" data="1">
|
|
|
- 일반 결제
|
|
|
- </label>
|
|
|
- <div class="paymethod_body">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-8" value="8"><label for="rdi-8"> <span>신용카드</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-9" value="9"><label for="rdi-9"> <span>실시간계좌이체</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-10" value="10"><label for="rdi-10"> <span>무통장입금</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-11" value="11"><label for="rdi-11"> <span>휴대폰 결제</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-12" value="12"><label for="rdi-12"> <span>카카오페이</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-13" value="13"><label for="rdi-13"> <span>네이버엔페이</span> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <input type="radio" name="payMeansClass" id="rdi-14" value="14"><label for="rdi-14"> <span>페이코</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- //case1,2 간편결제,일반결제 결과
|
|
|
- <div class="payment type01 active">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-3" type="checkbox"><label for="chk-3"> <span>선택한 결제수단으로 향후 결제 이용에 동의합니다. <a href="#none">(선택)</a></span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="privacy_consent">
|
|
|
- <p>개인정보 제공에 대한 동의</p>
|
|
|
- <span>개인정보를 제공받는 자 : 업체명,업체명,업체명</span>
|
|
|
- <span>개인정보를 제공받는 자의 개인정보 이용 목적 : 주문상품의 배송,고객상당 및 불만처리</span>
|
|
|
- <span>제공하는 개인정보의 항목:성명,주소,연락처</span>
|
|
|
- <span>개인정보 제공받는 자의 개인정보 보유 및 이용기간 : 이용목적 달성 시 까지</span>
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-4" type="checkbox"><label for="chk-4"> <span>동의합니다.</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-5" type="checkbox"><label for="chk-5"> <span>주문하실 상품,가격,배송정보,할인정보 등을 확인하였으며,구매에 동의하시겠습니까? (전자상거래법 제8조 2항)</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="ui_row">
|
|
|
- <div class="ui_col_12">
|
|
|
- <button class="btn btn_dark btn_block"><span>123,456,789</span>원 결제하기</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="payment type02">
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-3" type="checkbox"><label for="chk-3"> <span>소비자 피해 보상보험 신청 <a href="#none">(선택)</a></span> <button class="faq">FAQ확인</button> </label>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <p>‘전자상거래 등에서의 소비자보호에 관한 법률’에 따라 현금 결제 시 서울보증보험(주)가 제공하는 소비자 피해보상보험을<br>신청할 수 있도록 해드리고 있습니다. (2013.11.28부터 시행)</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="privacy_consent">
|
|
|
- <p>개인정보 제공에 대한 동의</p>
|
|
|
- <span>개인정보를 제공받는 자 : 업체명,업체명,업체명</span>
|
|
|
- <span>개인정보를 제공받는 자의 개인정보 이용 목적 : 주문상품의 배송,고객상당 및 불만처리</span>
|
|
|
- <span>제공하는 개인정보의 항목:성명,주소,연락처</span>
|
|
|
- <span>개인정보 제공받는 자의 개인정보 보유 및 이용기간 : 이용목적 달성 시 까지</span>
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-4" type="checkbox"><label for="chk-4"> <span>동의합니다.</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <div>
|
|
|
- <input id="chk-5" type="checkbox"><label for="chk-5"> <span>주문하실 상품,가격,배송정보,할인정보 등을 확인하였으며,구매에 동의하시겠습니까? (전자상거래법 제8조 2항)</span> </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="ui_row">
|
|
|
- <div class="ui_col_12">
|
|
|
- <button class="btn btn_dark btn_block"><span>123,456,789</span>원 결제하기</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- //case1,2 간편결제,일반결제 결과
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>-->
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <section class="od_side fr">
|
|
|
- <div class="area_order">
|
|
|
- <div class="tit_box">
|
|
|
- <h3 class="subH2">주문내역</h3>
|
|
|
- <span>
|
|
|
- <em class="c_primary bold">14</em>개의 상품
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="od_item_box">
|
|
|
- <!-- 총알배송 -->
|
|
|
- <div class="part_dlvr">
|
|
|
- <h4 class="subH3 mb20">
|
|
|
- STYLE24 총알배송
|
|
|
- <span>오늘 자정까지 도착</span>
|
|
|
- </h4>
|
|
|
- <div class="gd_list">
|
|
|
- <div class="item_gd">
|
|
|
- <figure>
|
|
|
- <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
- <figcaption>
|
|
|
- <div class="brand">CURLYSUE 컬리수</div>
|
|
|
- <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
- <div class="option">
|
|
|
- <span>01_루돌프융기모상하복_D오렌지/110</span>
|
|
|
- <span>수량:<em>99</em>개</span>
|
|
|
- </div>
|
|
|
- <div class="price">
|
|
|
- <span class="selling_price">1,000,000</span>
|
|
|
- </div>
|
|
|
- </figcaption>
|
|
|
- </figure>
|
|
|
- </div>
|
|
|
- <div class="item_gd">
|
|
|
- <figure>
|
|
|
- <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
- <figcaption>
|
|
|
- <div class="brand">CURLYSUE 컬리수</div>
|
|
|
- <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
- <div class="option">
|
|
|
- <span>01_루돌프융기모상하복_D오렌지/110</span>
|
|
|
- <span>수량:<em>99</em>개</span>
|
|
|
- </div>
|
|
|
- <div class="price">
|
|
|
- <span class="selling_price">1,000,000</span>
|
|
|
- </div>
|
|
|
- </figcaption>
|
|
|
- </figure>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //총알배송 -->
|
|
|
- <!-- 일반배송 -->
|
|
|
- <div class="part_dlvr">
|
|
|
- <h4 class="subH3 mb20">
|
|
|
- STYLE24 일반배송
|
|
|
- </h4>
|
|
|
- <div class="gd_list">
|
|
|
- <div class="item_gd">
|
|
|
- <figure>
|
|
|
- <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
- <figcaption>
|
|
|
- <div class="brand">CURLYSUE 컬리수</div>
|
|
|
- <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
- <div class="option">
|
|
|
- <span>01_루돌프융기모상하복_D오렌지/110</span>
|
|
|
- <span>수량:<em>99</em>개</span>
|
|
|
- </div>
|
|
|
- <div class="price">
|
|
|
- <span class="selling_price">1,000,000</span>
|
|
|
- </div>
|
|
|
- </figcaption>
|
|
|
- </figure>
|
|
|
- </div>
|
|
|
- <div class="item_gd">
|
|
|
- <figure>
|
|
|
- <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
- <figcaption>
|
|
|
- <div class="brand">CURLYSUE 컬리수</div>
|
|
|
- <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
- <div class="option">
|
|
|
- <span>01_루돌프융기모상하복_D오렌지/110</span>
|
|
|
- <span>수량:<em>99</em>개</span>
|
|
|
- </div>
|
|
|
- <div class="price">
|
|
|
- <span class="selling_price">1,000,000</span>
|
|
|
- </div>
|
|
|
- </figcaption>
|
|
|
- </figure>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //일반배송 -->
|
|
|
- <!-- 업체직배송 -->
|
|
|
- <div class="part_dlvr">
|
|
|
- <h4 class="subH3 mb20">
|
|
|
- 업체직배송
|
|
|
- </h4>
|
|
|
- <div class="gd_list">
|
|
|
- <div class="item_gd">
|
|
|
- <figure>
|
|
|
- <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
- <figcaption>
|
|
|
- <div class="brand">CURLYSUE 컬리수</div>
|
|
|
- <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
- <div class="option">
|
|
|
- <span>01_루돌프융기모상하복_D오렌지/110</span>
|
|
|
- <span>수량:<em>99</em>개</span>
|
|
|
- </div>
|
|
|
- <div class="price">
|
|
|
- <span class="selling_price">1,000,000</span>
|
|
|
- </div>
|
|
|
- </figcaption>
|
|
|
- </figure>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="gd_list">
|
|
|
- <div class="item_gd">
|
|
|
- <figure>
|
|
|
- <span class="thumb"><img src="/images/pc/thumb/tmp_odSide2.jpg" alt=""></span>
|
|
|
- <figcaption>
|
|
|
- <div class="brand">CURLYSUE 컬리수</div>
|
|
|
- <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
- <div class="option">
|
|
|
- <span>01_루돌프융기모상하복_D오렌지/110</span>
|
|
|
- <span>수량:<em>99</em>개</span>
|
|
|
- </div>
|
|
|
- <div class="price">
|
|
|
- <span class="selling_price">1,000,000</span>
|
|
|
- </div>
|
|
|
- </figcaption>
|
|
|
- </figure>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //업체직배송 -->
|
|
|
- <!-- 예약배송 -->
|
|
|
- <div class="part_dlvr">
|
|
|
- <h4 class="subH3 mb20">
|
|
|
- 예약배송
|
|
|
- </h4>
|
|
|
- <div class="gd_list">
|
|
|
- <div class="item_gd">
|
|
|
- <figure>
|
|
|
- <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
- <figcaption>
|
|
|
- <div class="brand">CURLYSUE 컬리수</div>
|
|
|
- <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
- <div class="option">
|
|
|
- <span>01_루돌프융기모상하복_D오렌지/110</span>
|
|
|
- <span>수량:<em>99</em>개</span>
|
|
|
- </div>
|
|
|
- <div class="price">
|
|
|
- <span class="selling_price">1,000,000</span>
|
|
|
- </div>
|
|
|
- </figcaption>
|
|
|
- </figure>
|
|
|
- <p class="info_reserv">
|
|
|
- <i class="ico ico_calender"></i><span>2021.01.15</span> 배송예정상품
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="item_gd">
|
|
|
- <figure>
|
|
|
- <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
- <figcaption>
|
|
|
- <div class="brand">CURLYSUE 컬리수</div>
|
|
|
- <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
- <div class="option">
|
|
|
- <span>01_루돌프융기모상하복_D오렌지/110</span>
|
|
|
- <span>수량:<em>99</em>개</span>
|
|
|
- </div>
|
|
|
- <div class="price">
|
|
|
- <span class="selling_price">1,000,000</span>
|
|
|
- </div>
|
|
|
- </figcaption>
|
|
|
- </figure>
|
|
|
- <p class="info_reserv">
|
|
|
- <i class="ico ico_calender"></i><span>2021.01.15</span> 배송예정상품
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //예약배송 -->
|
|
|
- </div>
|
|
|
- <div class="od_amount_box">
|
|
|
- <dl>
|
|
|
- <div>
|
|
|
- <dt>상품금액</dt>
|
|
|
- <dd>1,590,000 원</dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>배송비</dt>
|
|
|
- <dd>0원</dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>할인금액</dt>
|
|
|
- <dd class="c_primary">-1,746,500원</dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>다다익선할인금액</dt>
|
|
|
- <dd class="c_primary">25,000원</dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>쿠폰할인금액</dt>
|
|
|
- <dd class="c_primary">3,000원</dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>선포인트 사용</dt>
|
|
|
- <dd class="c_primary">-1,500P</dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>포인트 사용</dt>
|
|
|
- <dd class="c_primary">-5,500P</dd>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <dt>상품권 사용</dt>
|
|
|
- <dd class="c_primary">-50,000원</dd>
|
|
|
- </div>
|
|
|
- </dl>
|
|
|
- </div>
|
|
|
- <div class="totalprice_box">
|
|
|
- <dl>
|
|
|
- <dt>총 결제 예정 금액</dt>
|
|
|
- <dd data-weight="price" data-font="lato"><span>3,546,200</span>원</dd>
|
|
|
- </dl>
|
|
|
- <p class="info_point">
|
|
|
- 스타일 포인트 <span class="c_primary">3,500 P</span> 적립예정
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <div class="clear"></div>
|
|
|
- <!-- // CONT-BODY -->
|
|
|
+ <div class="sec_head">
|
|
|
+ <div class="tbl type4">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="240">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>총 <span class="c_primary bold" th:text="${delvTotCnt}"></span> 건으로 나뉘어 배송 예정</th>
|
|
|
+ <td class="t_l">
|
|
|
+ <span>총알배송<em class="c_primary bold" th:text="${wmsCnt}" id="shotDelv"></em>건</span>
|
|
|
+ <span>STYLE24<em class="c_primary bold" th:text="${wmsCnt}" id="wmsDelv"></em>건</span>
|
|
|
+ <span>업체직배송<em class="c_primary bold" th:text="${delvCnt}"></em>건</span>
|
|
|
+ <span>예약배송<em class="c_primary bold" th:text="${resCnt}"></em>건</span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="sec_body">
|
|
|
+ <div class="t_r mb15">
|
|
|
+ <a href="/cart/list/form" class="btn_link">쇼핑백 바로가기</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="foldGroup">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <!-- 주문고객정보 -->
|
|
|
+ <div class="fold_head">
|
|
|
+ <a href="javascript:void(0)">
|
|
|
+ <div>
|
|
|
+ <div class="fold_tit">
|
|
|
+ <span>주문고객</span>
|
|
|
+ </div>
|
|
|
+ <div class="data">
|
|
|
+ <span th:text="${custemerInfo.custNm}"></span>
|
|
|
+ <span th:text="${custemerInfo.email}"></span>
|
|
|
+ <span th:text="${custemerInfo.cellPhnno}"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="fold_cont" style="display: none;">
|
|
|
+ <div class="area_default">
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>주문자명</dt>
|
|
|
+ <dd th:text="${custemerInfo.custNm}"></dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>이메일</dt>
|
|
|
+ <dd th:text="${custemerInfo.email}"></dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>휴대폰 번호</dt>
|
|
|
+ <dd th:text="${custemerInfo.cellPhnno}"><button type="button" class="btn_popup" id=""><span>본인인증하기</span></button></dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //주문고객정보 -->
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <!-- 배송지정보 -->
|
|
|
+ <div class="fold_head">
|
|
|
+ <a href="javascript:void(0)">
|
|
|
+ <div>
|
|
|
+ <div class="fold_tit">
|
|
|
+ <span>배송지 정보</span>
|
|
|
+ </div>
|
|
|
+ <div class="data" th:text="${deliveryAddrInfo.recipBaseAddr} + ${deliveryAddrInfo.recipDtlAddr}"></div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="fold_cont" style="display: none;">
|
|
|
+ <div class="area_default">
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>배송지명</dt>
|
|
|
+ <dd th:text="${deliveryAddrInfo.delvAddrNm}">
|
|
|
+ <span class="icon_tag">
|
|
|
+ <em class="tag_stype1">기본 배송지</em>
|
|
|
+ <em class="tag_stype2">총알배송</em>
|
|
|
+ </span>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>배송주소</dt>
|
|
|
+ <dd th:text="${deliveryAddrInfo.recipBaseAddr} + ${deliveryAddrInfo.recipDtlAddr}">
|
|
|
+ <button type="button" class="btn_popup" id=""><span>배송지 선택</span></button>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>휴대폰 번호</dt>
|
|
|
+ <dd th:text="${custemerInfo.cellPhnno}"></dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>배송요청 사항</dt>
|
|
|
+ <dd>
|
|
|
+ 직접받고 부재 시 문앞
|
|
|
+ <button type="button" class="btn_popup" id=""><span>변경하기</span></button>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- 해외배송상품일 경우 노출 -->
|
|
|
+ <div class="area_overseas">
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>개인통관고유부호</dt>
|
|
|
+ <dd>
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-overseas" id="rdi-overs1" value="" checked="">
|
|
|
+ <label for="rdi-overs1"><span>받는사람 개인통관고유부호</span></label>
|
|
|
+ <div class="info_box pb10">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" class="form_control" maxlength="13" placeholder="P로 시작하는 13자리">
|
|
|
+ <button type="button" class="btn btn_dark"><span>적용</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="mt20">
|
|
|
+ <input type="radio" name="rdi-overseas" id="rdi-overs2" value="">
|
|
|
+ <label for="rdi-overs2"><span>입력 안 함</span></label>
|
|
|
+ <div class="info_box" style="display:none;">
|
|
|
+ <p>
|
|
|
+ 개인통관고유부호를 입력하지 않아도 관세사무소에서 개인정보 확인을 위해 별도 연락을 드릴 예정입니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ <div class="com_info_txt">
|
|
|
+ <p class="tit">해외 배송 안내</p>
|
|
|
+ <ul>
|
|
|
+ <li>물품가액이 $150초과할 경우 관/부과세가 발생 할 수 있습니다.</li>
|
|
|
+ <li>물품 종류와 해외공급자 관계없이 같은 날 입항하게 되면 합산과세 대상이 됩니다.</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="form_field mt30">
|
|
|
+ <div>
|
|
|
+ <input id="chk-overs-agr" type="checkbox" checked="">
|
|
|
+ <label for="chk-overs-agr"><span>위 정보는 원활한 통관을 위해 수집 및 판매자에게 제공하며,계속 사용하도록 안전하게 STYLE24에서 저장 / 관리 합니다. <em class="c_primary bold f_size12">(필수)</em></span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //해외배송상품일 경우 노출 -->
|
|
|
+ <!-- 주문제작상품일 경우 노출 -->
|
|
|
+ <div class="area_customitem">
|
|
|
+ <div class="txt_box mb30">
|
|
|
+ <p class="c_primary normal">현재 주문제작 상품을 포함하여 주문을 진행중 입니다.</p>
|
|
|
+ </div>
|
|
|
+ <div class="com_info_txt">
|
|
|
+ <p class="tit">주문 제작 상품 안내</p>
|
|
|
+ <ul>
|
|
|
+ <li>주문 제작 상품은 주문 후 제작이 진행되며, 제작 완료 후 배송이 시작됩니다.</li>
|
|
|
+ <li>주문 제작 상품의 특성상 주문 완료 후 취소/교환이 불가능합니다. (상품 하자에 한해 가능)</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="form_field mt30">
|
|
|
+ <div>
|
|
|
+ <input id="chk-custom-agr1" type="checkbox" checked="">
|
|
|
+ <label for="chk-custom-agr1"><span>주문 제작 상품에 대한 안내를 확인하였으며 배송에 동의합니다. <em class="c_primary bold f_size12">(필수)</em></span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //주문제작상품일 경우 노출 -->
|
|
|
+ </div>
|
|
|
+ <!-- //배송지정보 -->
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <!-- 사은품선택 -->
|
|
|
+ <div class="fold_head">
|
|
|
+ <a href="javascript:void(0)">
|
|
|
+ <div>
|
|
|
+ <div class="fold_tit">
|
|
|
+ <span>사은품 선택</span>
|
|
|
+ </div>
|
|
|
+ <div class="data">
|
|
|
+ <span>사은품 총 <em class="c_primary normal">2</em>개 선택</span>
|
|
|
+ <span><em class="c_primary normal">0</em>P 차감</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="fold_cont" style="display: none;">
|
|
|
+ <div class="area_default">
|
|
|
+ <p class="txt">사은품선택1 > TBJ 남성 제기장 스웨이드 트러커 자켓 에서 주는 사은품</p>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="gift">
|
|
|
+ <input type="checkbox" name="chk-gift" id="chk-gift1" class="chk_img" value="">
|
|
|
+ <label for="chk-gift1">
|
|
|
+ <span class="thumb"><img src="http://codepartners.co.kr/project/style24/pc/ux/images/thumb/tmp_gift1.jpg" width="" alt=""></span>
|
|
|
+ <span class="name">유니 NBA 팀로고 양말 (N215AO225P)</span>
|
|
|
+ <span class="deduct">무료사은품</span>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="gift">
|
|
|
+ <input type="checkbox" name="chk-gift" id="chk-gift2" class="chk_img" value="">
|
|
|
+ <label for="chk-gift2">
|
|
|
+ <span class="thumb"><img src="http://codepartners.co.kr/project/style24/pc/ux/images/thumb/tmp_gift1.jpg" width="" alt=""></span>
|
|
|
+ <span class="name">사은품이름</span>
|
|
|
+ <span class="deduct">-4,000P</span>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="gift">
|
|
|
+ <input type="checkbox" name="chk-gift" id="chk-gift3" class="chk_img" value="">
|
|
|
+ <label for="chk-gift3">
|
|
|
+ <span class="thumb"></span>
|
|
|
+ <span class="name">사은품 수령안함</span>
|
|
|
+ <span class="deduct">수령거부</span>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="gift_agree">
|
|
|
+ <p>
|
|
|
+ <input id="chk-gift_agree" type="checkbox"><label for="chk-gift_agree"><span>동의합니다</span></label>
|
|
|
+ </p>
|
|
|
+ <p class="mt20">
|
|
|
+ 사은품 지급에 대한 내용을 확인하였으며, 이에 동의합니다.
|
|
|
+ <button type="button" class="btn_popup" id=""><span>안내 보기</span></button>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //사은품선택 -->
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <!-- 할인/혜택 사용 -->
|
|
|
+ <div class="fold_head">
|
|
|
+ <a href="javascript:void(0)">
|
|
|
+ <div>
|
|
|
+ <div class="fold_tit">
|
|
|
+ <span>할인/혜택 사용</span>
|
|
|
+ </div>
|
|
|
+ <div class="data">
|
|
|
+ <div class="form_field">
|
|
|
+ <!--<input id="chk-maxdisc" type="checkbox" checked="">-->
|
|
|
+ <label for="chk-maxdisc"><span>최대 할인혜택을 바로 적용하세요 (<em class="c_primary normal">-3,000원</em>)</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="fold_cont" style="display: none;">
|
|
|
+ <div class="area_default">
|
|
|
+ <div class="maxdisc">
|
|
|
+ <div class="form_field">
|
|
|
+ <input id="chk-maxdisc" type="checkbox">
|
|
|
+ <label for="chk-maxdisc">
|
|
|
+ <span>최대 할인혜택을 바로 적용하세요!</span>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>할인코드</dt>
|
|
|
+ <dd>
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" class="form_control" maxlength="13" placeholder="할인코드를 입력해주세요.">
|
|
|
+ <button type="submit" class="btn btn_dark">적용</button>
|
|
|
+ </div>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>할인쿠폰</dt>
|
|
|
+ <dd><a href="" class="btn_coupon_toggle">할인쿠폰 <span class="c_primary">3장</span> 적용 <i class="ico ico_ft_arrow_b"></i></a></dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ <div class="coupon_list">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <div class="coupon">
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
+ <figcaption>
|
|
|
+ <div class="brand">CURLYSUE 컬리수</div>
|
|
|
+ <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price">1,000,000</span>
|
|
|
+ </div>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <select id="" class="select_hidden">
|
|
|
+ <option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
+ <option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
+ <option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
+ <option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
+ <option value="">구매금액 100,000원 이상시 10% 할인 쿠폰</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn_del_coupon" id=""><span>쿠폰적용해제</span></button>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="coupon">
|
|
|
+ <div class="form_field">
|
|
|
+ <label for="">장바구니 할인쿠폰</label>
|
|
|
+ <select id="" class="select_hidden">
|
|
|
+ <option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
|
|
|
+ <option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
|
|
|
+ <option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
|
|
|
+ <option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
|
|
|
+ <option value="">총 구매금액 10만원 이상 시 10,000원 할인 (5,000원 할인)</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn_del_coupon" id=""><span>쿠폰적용해제</span></button>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="coupon">
|
|
|
+ <div class="form_field">
|
|
|
+ <label for="">배송비 할인쿠폰</label>
|
|
|
+ <select id="" class="select_hidden">
|
|
|
+ <option value="">배송비 할인쿠폰 (최대 5,000원)</option>
|
|
|
+ <option value="">배송비 할인쿠폰 (최대 5,000원)</option>
|
|
|
+ <option value="">배송비 할인쿠폰 (최대 5,000원)</option>
|
|
|
+ <option value="">배송비 할인쿠폰 (최대 5,000원)</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn_del_coupon" id=""><span>쿠폰적용해제</span></button>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="area_point">
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>할인코드</dt>
|
|
|
+ <dd>
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-codeuse" id="rdi-codeuse1" value="">
|
|
|
+ <label for="rdi-codeuse1"><span>사용 안함</span></label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="rdi-codeuse" id="rdi-codeuse2" value="">
|
|
|
+ <label for="rdi-codeuse2"><span>사용함</span></label>
|
|
|
+ <span>사용가능 포인트:<em>1,500</em>P</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="point_code">
|
|
|
+ <div class="radio_check">
|
|
|
+ <div class="ui_col_3">
|
|
|
+ <p>할인코드</p>
|
|
|
+ </div>
|
|
|
+ <div class="ui_col_9">
|
|
|
+ <div class="form_field">
|
|
|
+ <input type="radio" name="radio" id="rdi-4" value="4"><label for="rdi-4"> <span>사용 안함</span> </label>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <input type="radio" name="radio" id="rdi-5" value="5" checked=""><label for="rdi-5"> <span>사용함</span> <p>사용 가능 포인트 : <span>1,500</span>P</p></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="ui_col_3 input_label">스타일 포인트</label>
|
|
|
+ <div class="ui_col_9">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" class="form_control" maxlength="13" placeholder="사용할 포인트를 입력해주세요.">
|
|
|
+ <button type="submit" class="btn btn_dark">적용</button>
|
|
|
+ </div>
|
|
|
+ <div class="save_point">
|
|
|
+ <p>보유 : <span>25,000</span>P</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="ui_col_3 input_label">상품권</label>
|
|
|
+ <div class="ui_col_9">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" class="form_control" maxlength="13" placeholder="사용할 포인트를 입력해주세요.">
|
|
|
+ <button type="submit" class="btn btn_dark">적용</button>
|
|
|
+ </div>
|
|
|
+ <div class="save_point">
|
|
|
+ <p>보유 : <span>25,000</span>P</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <!-- //할인/혜택 사용 -->
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <!-- 결제수단 선택 -->
|
|
|
+ <div class="fold_head">
|
|
|
+ <a href="javascript:void(0)">
|
|
|
+ <div>
|
|
|
+ <div class="fold_tit">
|
|
|
+ <span>결제수단 선택</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="fold_cont" style="display: none;">
|
|
|
+ <div class="paymethod_list">
|
|
|
+ <div class="paymethod on">
|
|
|
+ <div class="paymethod_wrap">
|
|
|
+ <input type="radio" name="radio_card" id="rdi-card-1" value="1" checked>
|
|
|
+ <label for="rdi-card-1" data="0">
|
|
|
+ STYLE24 간편결제
|
|
|
+ </label>
|
|
|
+ <div class="paymethod_body">
|
|
|
+ <div class="add_card">
|
|
|
+ <div class="plus_card">
|
|
|
+ <div class="cross_wrap">
|
|
|
+ <button>
|
|
|
+ <div class="cross"></div>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ <div class="enrollment">
|
|
|
+ <p>결제수단 등록</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="paymethod_text">
|
|
|
+ <p>· 결제수단 등록 한번으로 간편하게 결제하실 수 있습니다.</p>
|
|
|
+ <p>· 국내 8개 카드에 대해 이용 가능합니다. (법인카드,기프트카드,해외카드 제외)</p>
|
|
|
+ <p>· 일반 신용카드의 할인혜택은 적용되지 않습니다.</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="paymethod">
|
|
|
+ <div class="paymethod_wrap">
|
|
|
+ <input type="radio" name="radio_card" id="rdi-card-2" value="2">
|
|
|
+ <label for="rdi-card-2" data="1">
|
|
|
+ 일반 결제
|
|
|
+ </label>
|
|
|
+ <div class="paymethod_body">
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="payMeansClass" id="rdi-8" value="8"><label for="rdi-8"> <span>신용카드</span> </label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="payMeansClass" id="rdi-9" value="9"><label for="rdi-9"> <span>실시간계좌이체</span> </label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="payMeansClass" id="rdi-10" value="10"><label for="rdi-10"> <span>무통장입금</span> </label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="payMeansClass" id="rdi-11" value="11"><label for="rdi-11"> <span>휴대폰 결제</span> </label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="payMeansClass" id="rdi-12" value="12"><label for="rdi-12"> <span>카카오페이</span> </label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="payMeansClass" id="rdi-13" value="13"><label for="rdi-13"> <span>네이버엔페이</span> </label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <input type="radio" name="payMeansClass" id="rdi-14" value="14"><label for="rdi-14"> <span>페이코</span> </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- case1,2 간편결제,일반결제 결과-->
|
|
|
+ <div class="payment type01 active">
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input id="chk-3" type="checkbox"><label for="chk-3"> <span>선택한 결제수단으로 향후 결제 이용에 동의합니다. <a href="#none">(선택)</a></span> </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="privacy_consent">
|
|
|
+ <p>개인정보 제공에 대한 동의</p>
|
|
|
+ <span>개인정보를 제공받는 자 : 업체명,업체명,업체명</span>
|
|
|
+ <span>개인정보를 제공받는 자의 개인정보 이용 목적 : 주문상품의 배송,고객상당 및 불만처리</span>
|
|
|
+ <span>제공하는 개인정보의 항목:성명,주소,연락처</span>
|
|
|
+ <span>개인정보 제공받는 자의 개인정보 보유 및 이용기간 : 이용목적 달성 시 까지</span>
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input id="chk-4" type="checkbox"><label for="chk-4"> <span>동의합니다.</span> </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input id="chk-5" type="checkbox"><label for="chk-5"> <span>주문하실 상품,가격,배송정보,할인정보 등을 확인하였으며,구매에 동의하시겠습니까? (전자상거래법 제8조 2항)</span> </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ui_row">
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <button class="btn btn_dark btn_block"><span>123,456,789</span>원 결제하기</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="payment type02">
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input id="chk-3" type="checkbox"><label for="chk-3"> <span>소비자 피해 보상보험 신청 <a href="#none">(선택)</a></span> <button class="faq">FAQ확인</button> </label>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <p>‘전자상거래 등에서의 소비자보호에 관한 법률’에 따라 현금 결제 시 서울보증보험(주)가 제공하는 소비자 피해보상보험을<br>신청할 수 있도록 해드리고 있습니다. (2013.11.28부터 시행)</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="privacy_consent">
|
|
|
+ <p>개인정보 제공에 대한 동의</p>
|
|
|
+ <span>개인정보를 제공받는 자 : 업체명,업체명,업체명</span>
|
|
|
+ <span>개인정보를 제공받는 자의 개인정보 이용 목적 : 주문상품의 배송,고객상당 및 불만처리</span>
|
|
|
+ <span>제공하는 개인정보의 항목:성명,주소,연락처</span>
|
|
|
+ <span>개인정보 제공받는 자의 개인정보 보유 및 이용기간 : 이용목적 달성 시 까지</span>
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input id="chk-4" type="checkbox"><label for="chk-4"> <span>동의합니다.</span> </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <div>
|
|
|
+ <input id="chk-5" type="checkbox"><label for="chk-5"> <span>주문하실 상품,가격,배송정보,할인정보 등을 확인하였으며,구매에 동의하시겠습니까? (전자상거래법 제8조 2항)</span> </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ui_row">
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <button class="btn btn_dark btn_block"><span>123,456,789</span>원 결제하기</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //case1,2 간편결제,일반결제 결과-->
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <section class="od_side fr">
|
|
|
+ <div class="area_order">
|
|
|
+ <div class="tit_box">
|
|
|
+ <h3 class="subH2">주문내역</h3>
|
|
|
+ <span>
|
|
|
+ <em class="c_primary bold" th:text="${delvTotCnt}"></em> 개의 상품
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="od_item_box">
|
|
|
+ <!-- 총알배송, 일반배송 -->
|
|
|
+ <div class="part_dlvr" id="wmsDelvArea" style="display:none;">
|
|
|
+ <h4 class="subH3 mb20" id="shotDelvTitle">STYLE24 총알배송<span>오늘 자정까지 도착</span></h4>
|
|
|
+ <h4 class="subH3 mb20" id="wmsDelvTitle">STYLE24 일반배송</h4>
|
|
|
+ <div class="gd_list">
|
|
|
+
|
|
|
+ <th:block th:each="goods, status : ${wmsCartList}">
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
+ <figcaption>
|
|
|
+ <div class="brand" th:text="${goods.brandEnm}"></div>
|
|
|
+ <div class="name" th:text="${goods.goodsNm}"></div>
|
|
|
+ <div class="option" th:each="opt, index : ${goods.itemNmArr}">
|
|
|
+ <span class="option">옵션:<em th:text="${goods.optCdArr[index.index]}"></em></span>
|
|
|
+ </div>
|
|
|
+ <br/>
|
|
|
+ <span>수량:<em th:text="${goods.goodsQty}"></em>개</span>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price" th:text="|${#numbers.formatInteger(goods.currPrice, 1, 'COMMA')} 원|"></span>
|
|
|
+ </div>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <!-- //총알배송, 일반배송 -->
|
|
|
+
|
|
|
+ <!-- 업체직배송 -->
|
|
|
+ <div class="part_dlvr" id="delvDelvArea" style="display:none;">
|
|
|
+ <h4 class="subH3 mb20">업체직배송</h4>
|
|
|
+ <div class="gd_list">
|
|
|
+ <div class="item_gd">
|
|
|
+ <th:block th:each="goods, status : ${delvCartList}">
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
+ <figcaption>
|
|
|
+ <div class="brand" th:text="${goods.brandEnm}"></div>
|
|
|
+ <div class="name" th:text="${goods.goodsNm}"></div>
|
|
|
+ <div class="option">
|
|
|
+ <span th:text="${goods.optCd}"></span>
|
|
|
+ <span>수량:<em th:text="${goods.goodsQty}"></em>개</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price" th:text="${goods.currPrice}"></span>
|
|
|
+ </div>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //업체직배송 -->
|
|
|
+
|
|
|
+ <!-- 예약배송 -->
|
|
|
+ <div class="part_dlvr" id="resDelvArea" style="display:none;">
|
|
|
+ <h4 class="subH3 mb20">예약배송</h4>
|
|
|
+ <div class="gd_list">
|
|
|
+ <div class="item_gd">
|
|
|
+ <th:block th:each="goods, status : ${resCartList}">
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
|
|
|
+ <figcaption>
|
|
|
+ <div class="brand" th:text="${goods.brandEnm}"></div>
|
|
|
+ <div class="name" th:text="${goods.goodsNm}"></div>
|
|
|
+ <div class="option">
|
|
|
+ <span th:text="${goods.optCd}"></span>
|
|
|
+ <span>수량:<em th:text="${goods.goodsQty}"></em>개</span>
|
|
|
+ </div>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price" th:text="${goods.currPrice}"></span>
|
|
|
+ </div>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //예약배송 -->
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="od_amount_box">
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>상품금액</dt>
|
|
|
+ <dd>1,590,000 원</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>배송비</dt>
|
|
|
+ <dd>0원</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>할인금액</dt>
|
|
|
+ <dd class="c_primary">-1,746,500원</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>다다익선할인금액</dt>
|
|
|
+ <dd class="c_primary">25,000원</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>쿠폰할인금액</dt>
|
|
|
+ <dd class="c_primary">3,000원</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>선포인트 사용</dt>
|
|
|
+ <dd class="c_primary">-1,500P</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>포인트 사용</dt>
|
|
|
+ <dd class="c_primary">-5,500P</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>상품권 사용</dt>
|
|
|
+ <dd class="c_primary">-50,000원</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="totalprice_box">
|
|
|
+ <dl>
|
|
|
+ <dt>총 결제 예정 금액</dt>
|
|
|
+ <dd data-weight="price" data-font="lato"><span>3,546,200</span>원</dd>
|
|
|
+ </dl>
|
|
|
+ <p class="info_point">
|
|
|
+ 스타일 포인트 <span class="c_primary">3,500 P</span> 적립예정
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <div class="clear"></div>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- // container -->
|
|
|
+ <!-- // container -->
|
|
|
+
|
|
|
+ <script th:inline="javascript">
|
|
|
+ // 변수선언
|
|
|
+ var wmsCnt = [[${wmsCnt}]];
|
|
|
+ var resCnt = [[${resCnt}]];
|
|
|
+ var delvCnt = [[${delvCnt}]];
|
|
|
+ var shotDelvYn = [[${shotDelvYn}]];
|
|
|
+
|
|
|
+ // 총알배송가능 지역, 총알배송 가능 시간 체크
|
|
|
+ var fnGetDailyDeliveryCheck = function () {
|
|
|
+ // TODO
|
|
|
+ var jsonObj = {"zipNo" : 12345};
|
|
|
+ var jsonData = JSON.stringify(jsonObj);
|
|
|
+
|
|
|
+ gagajf.ajaxJsonSubmit(
|
|
|
+ "/order/getDailyDeliveryCheck"
|
|
|
+ , jsonData
|
|
|
+ , function (result) {
|
|
|
+ // 자사몰 일반배송
|
|
|
+ $("#shotDelv").text(0);
|
|
|
+ $("#wmsDelv").text(wmsCnt);
|
|
|
+ $("#wmsDelvTitle").css("display", "block");
|
|
|
+ $("#shotDelvTitle").css("display", "none");
|
|
|
+
|
|
|
+ // 자사몰 총알배송
|
|
|
+ if (shotDelvYn == "Y") {
|
|
|
+ if (parseInt(result) > 0) {
|
|
|
+ $("#shotDelv").text(wmsCnt);
|
|
|
+ $("#wmsDelv").text(0);
|
|
|
+
|
|
|
+ $("#wmsDelvTitle").css("display", "none");
|
|
|
+ $("#shotDelvTitle").css("display", "block");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+
|
|
|
+ <script type="text/javascript">
|
|
|
+ // 컨텐츠 호출
|
|
|
+ $(document).ready( function() {
|
|
|
+ // 1. 총알배송가능 지역, 총알배송 가능 시간 체크
|
|
|
+ fnGetDailyDeliveryCheck();
|
|
|
+
|
|
|
+ // 2. 배송목록 화면 노출, 비노출 처리
|
|
|
+ // 2.1 자사일반배송노출
|
|
|
+ if (wmsCnt > 0) {
|
|
|
+ $("#wmsDelvArea").css("display", "block");
|
|
|
+ }
|
|
|
+
|
|
|
+ // 2.2 입점업체일반배송노출
|
|
|
+ if (delvCnt > 0) {
|
|
|
+ $("#delvDelvArea").css("display", "block");
|
|
|
+ }
|
|
|
+
|
|
|
+ // 2.3 자사예약배송노출
|
|
|
+ if (resCnt > 0) {
|
|
|
+ $("#resDelvArea").css("display", "block");
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $(function(){
|
|
|
+ $('.od .od_cont').on('click','.area_overseas input',function(e){
|
|
|
+ //해외배송 입력
|
|
|
+ e.preventDefault();
|
|
|
+ $(this).parent('div').find('.info_box').show();
|
|
|
+ $(this).parent('div').siblings('div').find('.info_box').hide();
|
|
|
+ }).on('click','.btn_coupon_toggle',function(e){
|
|
|
+ //할인쿠폰 확인
|
|
|
+ e.preventDefault();
|
|
|
+ $('.coupon_list').toggle();
|
|
|
+ $(this).toggleClass('on');
|
|
|
+ });
|
|
|
+ });
|
|
|
+ </script>
|
|
|
</th:block>
|
|
|
-
|
|
|
-<script type="text/javascript">
|
|
|
- // 컨텐츠 호출
|
|
|
- $(document).ready( function() {
|
|
|
-
|
|
|
- });
|
|
|
-
|
|
|
- $(function(){
|
|
|
- $('.od .od_cont').on('click','.area_overseas input',function(e){
|
|
|
- //해외배송 입력
|
|
|
- e.preventDefault();
|
|
|
- $(this).parent('div').find('.info_box').show();
|
|
|
- $(this).parent('div').siblings('div').find('.info_box').hide();
|
|
|
- }).on('click','.btn_coupon_toggle',function(e){
|
|
|
- //할인쿠폰 확인
|
|
|
- e.preventDefault();
|
|
|
- $('.coupon_list').toggle();
|
|
|
- $(this).toggleClass('on');
|
|
|
- });
|
|
|
- });
|
|
|
-</script>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
|
|
|
</body>
|
|
|
-</html>
|
|
|
+</html>
|