|
@@ -13,254 +13,6 @@
|
|
|
* 1.0 2021.02.01 jsh77b 최초 작성
|
|
* 1.0 2021.02.01 jsh77b 최초 작성
|
|
|
*******************************************************************************
|
|
*******************************************************************************
|
|
|
-->
|
|
-->
|
|
|
-
|
|
|
|
|
-<!-- 할인/혜택 사용 -->
|
|
|
|
|
-<div class="fold_head on">
|
|
|
|
|
- <a href="javascript:void(0)">
|
|
|
|
|
- <div>
|
|
|
|
|
- <div class="fold_tit">
|
|
|
|
|
- <span>할인/혜택 사용</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="data maxdisc">
|
|
|
|
|
- <div class="form_field">
|
|
|
|
|
- <input id="chk-maxdisc" type="checkbox" checked="">
|
|
|
|
|
- <label for="chk-maxdisc">
|
|
|
|
|
- <span onclick="serialCpnApply()">최대 할인혜택을 바로 적용하세요!</span>
|
|
|
|
|
- <span class="maxdisc_amount">(<em class="cpnDcAmt">-3,000</em>원 할인)</span>
|
|
|
|
|
- </label>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </a>
|
|
|
|
|
-</div>
|
|
|
|
|
-<div class="fold_cont" style="display: block;">
|
|
|
|
|
- <div class="area_seldiscount">
|
|
|
|
|
- <dl>
|
|
|
|
|
- <div>
|
|
|
|
|
- <dt>할인쿠폰</dt>
|
|
|
|
|
- <dd>
|
|
|
|
|
- <div class="sale_coupon_box">
|
|
|
|
|
- <div>
|
|
|
|
|
- <span class="maxdisc_amount">총 <em class="cpnDcAmt">-3,000</em>원 할인
|
|
|
|
|
- </span>
|
|
|
|
|
- <button id="btn_couponModify_pop" class="btn btn_default btn_sm">
|
|
|
|
|
- <span>쿠폰변경</span>
|
|
|
|
|
- </button>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="form_field">
|
|
|
|
|
- <div class="input_wrap">
|
|
|
|
|
- <input type="text" class="form_control" maxlength="13" placeholder="할인코드를 입력해주세요.">
|
|
|
|
|
- <button type="button" class="btn btn_dark btn_sm">
|
|
|
|
|
- <span>적용</span>
|
|
|
|
|
- </button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </dd>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div>
|
|
|
|
|
- <dt>배송비 쿠폰</dt>
|
|
|
|
|
- <dd>
|
|
|
|
|
- <div class="dlvr_fee_box">
|
|
|
|
|
-
|
|
|
|
|
- <div class="form_field">
|
|
|
|
|
- <div class="select_custom coupon_list">
|
|
|
|
|
- <div class="combo">
|
|
|
|
|
- <div class="select">
|
|
|
|
|
- <div class="dlvr_coupon">
|
|
|
|
|
- <p class="empty">선택</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <ul class="list" style="display: none;">
|
|
|
|
|
- <!-- 선택처리 class="selected" / 선택불가 aria-disabled="true"추가 -->
|
|
|
|
|
- <li class="selected">
|
|
|
|
|
- <div class="dlvr_coupon">
|
|
|
|
|
- <p class="name">TBJ 배송비 무료쿠폰</p>
|
|
|
|
|
- <p class="txt">
|
|
|
|
|
- <span>30,000</span>원 이상 구매시 최대 <span>3,000</span>원
|
|
|
|
|
- 할인
|
|
|
|
|
- </p>
|
|
|
|
|
- <p class="discount">
|
|
|
|
|
- <span>15,000</span>원 할인
|
|
|
|
|
- </p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <div class="dlvr_coupon">
|
|
|
|
|
- <p class="name">TBJ 배송비 무료쿠폰</p>
|
|
|
|
|
- <p class="txt">
|
|
|
|
|
- <span>30,000</span>원 이상 구매시 최대 <span>3,000</span>원
|
|
|
|
|
- 할인
|
|
|
|
|
- </p>
|
|
|
|
|
- <p class="discount">
|
|
|
|
|
- <span>15,000</span>원 할인
|
|
|
|
|
- </p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <div class="dlvr_coupon">
|
|
|
|
|
- <p class="name">TBJ 배송비 무료쿠폰</p>
|
|
|
|
|
- <p class="txt">
|
|
|
|
|
- <span>30,000</span>원 이상 구매시 최대 <span>3,000</span>원
|
|
|
|
|
- 할인
|
|
|
|
|
- </p>
|
|
|
|
|
- <p class="discount">
|
|
|
|
|
- <span>15,000</span>원 할인
|
|
|
|
|
- </p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li aria-disabled="true">
|
|
|
|
|
- <div class="dlvr_coupon">
|
|
|
|
|
- <p class="name">TBJ 배송비 무료쿠폰</p>
|
|
|
|
|
- <p class="txt">
|
|
|
|
|
- <span>30,000</span>원 이상 구매시 최대 <span>3,000</span>원
|
|
|
|
|
- 할인
|
|
|
|
|
- </p>
|
|
|
|
|
- <p class="discount">
|
|
|
|
|
- <span>15,000</span>원 할인
|
|
|
|
|
- </p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <div class="dlvr_coupon">
|
|
|
|
|
- <p class="empty">적용 안함</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- </dd>
|
|
|
|
|
- </div>
|
|
|
|
|
- </dl>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="area_selpoint">
|
|
|
|
|
- <dl>
|
|
|
|
|
- <div>
|
|
|
|
|
- <dt>선 포인트 사용</dt>
|
|
|
|
|
- <dd>
|
|
|
|
|
- <div class="form_field">
|
|
|
|
|
- <div>
|
|
|
|
|
- <input type="radio" name="rdi-beforpoint"
|
|
|
|
|
- id="rdi-beforpoint1" value="" checked=""> <label
|
|
|
|
|
- for="rdi-beforpoint1"><span>사용 안함</span></label>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div>
|
|
|
|
|
- <input type="radio" name="rdi-beforpoint"
|
|
|
|
|
- id="rdi-beforpoint2" value=""> <label
|
|
|
|
|
- for="rdi-beforpoint2"><span>사용함</span></label> <span
|
|
|
|
|
- class="useable_point">(<em>1,500P</em> 사용
|
|
|
|
|
- 가능)
|
|
|
|
|
- </span>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </dd>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div>
|
|
|
|
|
- <dt>스타일 포인트</dt>
|
|
|
|
|
- <dd>
|
|
|
|
|
- <div class="form_field">
|
|
|
|
|
- <!-- 스타일 포인트 3만원 이상 결제시 노출 -->
|
|
|
|
|
- <div class="input_wrap">
|
|
|
|
|
- <input type="text" class="form_control" maxlength=""
|
|
|
|
|
- placeholder="사용할 포인트를 입력해주세요.">
|
|
|
|
|
- <button type="button" class="btn btn_dark btn_sm">
|
|
|
|
|
- <span>적용</span>
|
|
|
|
|
- </button>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- 스타일 포인트 3만원 이상 결제시 노출 -->
|
|
|
|
|
- <!-- 스타일 포인트 3만원 미만 결제시 노출 -->
|
|
|
|
|
- <div class="input_wrap">
|
|
|
|
|
- <input type="text" class="form_control" maxlength=""
|
|
|
|
|
- placeholder="3만원 이상 결제시에만 포인트 사용이 가능합니다."
|
|
|
|
|
- disabled="">
|
|
|
|
|
- <button type="button" class="btn btn_dark btn_sm">
|
|
|
|
|
- <span>적용</span>
|
|
|
|
|
- </button>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- //스타일 포인트 3만원 미만 결제시 노출 -->
|
|
|
|
|
- <p>
|
|
|
|
|
- <span class="remain_point">보유: <em>25,500</em>P
|
|
|
|
|
- </span>(결제금액의 최대 40%까지 사용가능)
|
|
|
|
|
- </p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </dd>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div>
|
|
|
|
|
- <dt>상품권</dt>
|
|
|
|
|
- <dd>
|
|
|
|
|
- <div class="form_field">
|
|
|
|
|
- <div class="input_wrap">
|
|
|
|
|
- <input type="text" class="form_control" maxlength=""
|
|
|
|
|
- placeholder="사용할 금액을 입력해주세요.">
|
|
|
|
|
- <button type="button" class="btn btn_dark btn_sm">
|
|
|
|
|
- <span>적용</span>
|
|
|
|
|
- </button>
|
|
|
|
|
- </div>
|
|
|
|
|
- <p>
|
|
|
|
|
- <span class="remain_point">보유: <em>25,500</em>원
|
|
|
|
|
- </span>
|
|
|
|
|
- </p>
|
|
|
|
|
- <div class="agree_receipt">
|
|
|
|
|
- <input id="chk-receipt" type="checkbox"> <label
|
|
|
|
|
- for="chk-receipt"><span>상품권 현금영수증 신청</span></label>
|
|
|
|
|
- <div class="info_box">
|
|
|
|
|
- <div class="input_wrap">
|
|
|
|
|
- <input type="text" class="form_control"
|
|
|
|
|
- maxlength="11" placeholder="">
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </dd>
|
|
|
|
|
- </div>
|
|
|
|
|
- </dl>
|
|
|
|
|
- </div>
|
|
|
|
|
-</div> <!-- //할인/혜택 사용 -->
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
<div class="fold_head">
|
|
<div class="fold_head">
|
|
|
<a href="javascript:void(0)">
|
|
<a href="javascript:void(0)">
|
|
|
<div>
|
|
<div>
|