쿠폰 작업 중

kr/order/order-display-theme.html

@@ -303,7 +303,7 @@
             <h2>쿠폰 적용</h2>
         </div>
         <ul class="counponList">
-            <li>
+            <!-- <li>
                 <div class="infoWrap">
                     <div class="info">
                         <label class="radioItem none">
@@ -331,6 +331,9 @@
                 <div class="benefit">
                     ₩-9,999,999
                 </div>
+            </li> -->
+            <li>
+                <button type="button" onclick="open_layer_popup('coupon_popup')" class="coupon-active"><strong>사용 가능 쿠폰 1장 / 전체 3장</strong></button>
             </li>
             <li class="noList">
                 적용할 쿠폰이 없습니다.
@@ -340,11 +343,7 @@
             <ul>
                 <li>쿠폰은 각각 하나의 사양에만 적용 가능합니다.</li>
                 <li>쿠폰은 중복 사용하실 수 없습니다.</li>
-                <li>일시불 사양 쿠폰은 평생 이용권 사양에 사용하실 수 있습니다.</li>
-                <li>구독 사양 쿠폰은 연 구독, 월 구독 사양에 사용하실 수 있습니다.</li>
-                <li>프로모션 구독 사양에는 사용하실 수 없습니다.</li>
                 <li>사용가능한 쿠폰은 [마이페이지]>[내 쿠폰] 에서 확인하실 수 있습니다.</li>
-                <li>구독 방식으로 구매 시 지불수단은 Kia Pay만 이용 가능합니다.</li>
             </ul>
         </div>
       </div>
@@ -465,12 +464,59 @@
     <!--//content-warp-->
 
     <!--알럿팝업-->
-    <!-- [S] 문의 등록 레이어 팝업 -->
-    <div id="coupon_popup" class="couponPopup" style="display: none; opacity: 0">
+    <!-- [S] 쿠폰 선택 레이어 팝업 -->
+    <div id="coupon_popup" class="popupWarp couponPopup" style="display: none; opacity: 0">
+      <div class="popInner">
+        <div class="popContents">
+          <h1>쿠폰 선택</h1>
+          <ul class="coupon-list">
+            <li>
+              <input type="radio" id="couponNone" name="coupon" value="none" checked />
+              <label class="coupon-item" for="couponNone">
+                <span class="coupon-label"><strong>쿠폰 적용 하지 않음</strong></span>
+                <span class="icon icon-check"></span>
+              </label>
+            </li>
+            <li>
+              <input type="radio" id="coupon1" name="coupon" value="event-nba" />
+              <label class="coupon-item" for="coupon1">
+                <span class="coupon-label">
+                  <strong>NBA클리어런스 이벤트 쿠폰 <span>(20% 할인)</span></strong>
+                  <small>당일 만료 (2025-07-05)</small>
+                </span>
+                <span class="icon icon-check"></span>
+              </label>
+            </li>
+            <li>
+              <input type="radio" name="coupon" value="vip" disabled />
+              <label class="coupon-item" aria-disabled="true">
+                <span class="coupon-label">
+                  <strong>VIP생일쿠폰<span>(10,000원 할인)</span></strong>
+                  <small>적용 상품 : NBA 디스플레이 테마, 아케이드 게임</small>
+                  <span class="error-text">※ 본 상품에 사용 가능한 쿠폰이 아닙니다.</span>
+                </span>
+                <span class="icon icon-check"></span>
+              </label>
+            </li>
+          </ul>
+
+          <div class="carswBtn">
+            <div class="towButton">
+              <a href="javascript:;" class="cartBtn leftBtn" onClick="close_layer_popup('coupon_popup')"><p>취소</p></a>
+              <a href="javascript:;" onClick="btnActive('.coupon-active');close_layer_popup('coupon_popup')" class="PurchaseBtn rightBtn"><p>확인</p></a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- [E] 쿠폰 선택 레이어 팝업 -->
+
+    
+    <!-- <div id="coupon_popup" class="couponPopup" style="display: none; opacity: 0">
       <div class="popInner">
         <div class="content">
           <p class="title">
-            <strong>사용가능 쿠폰 목록</strong>
+            <strong>쿠폰 선택</strong>
           </p>
 
           <div class="cartItemWrap">
@@ -595,8 +641,7 @@
           </div>
         </div>
       </div>
-    </div>
-    <!-- [E] 문의 등록 레이어 팝업 -->
+    </div> -->
     <!--알럿팝업-->
 
     <!--//footer-->
@@ -665,7 +710,7 @@
     </div>
 
     <div class="popupWarp" id="popupWarp" style="display: none; opacity: 1">
-      <div class="popInner termsPop" style="display: block">
+      <div class="popInner termsPop" style="display: none">
         <div class="popContents">
           <h1>개인정보 제3자 제공 동의</h1>
           <div class="termsCon">
@@ -742,10 +787,11 @@
           </div>
         </div>
       </div>
+
     </div>
     <!--//footer-->
     <script>
-    //   open_layer_popup("popupWarp");
+    //open_layer_popup("coupon_popup");
     </script>
   <!-- </body> -->
 </html>