2606_UIUX_10 수정 내역

https://contents.k-village.co.kr/front/mobile/css/mypage.css

@@ -971,6 +971,10 @@ h5 + .order-bene{border-top:none;padding:0;margin: 5px 0 10px 0;}
 .mypage .invoce-list li .sum-detail--reward span,
 .mypage .invoce-list li .sum-detail--reward div {color: #888;font-size: 13px;font-weight: 500;}
 
+/* 2026-06-30 주문상세 */
+.btn-arrow {height:32px; padding:0 30px 0 20px; border:1px solid #ddd; background:#fff url(../images/svg/icons-16-px-arrow-outline-right.svg) no-repeat right 10px center; color:#000; font-size:13px;}
+.mypage .my-cart .date-order-view .info-actions {display: flex;align-items: center;gap: 8px;}
+
 /* 2026-06-29 최근 본 상품 */
 .latelyItemList .list-del {top: 6px;right: 20px;}
 .type-06 .latelyItemList .txt .num {display: flex;align-items: center;gap: 5px;}

html/MY-007_orders_detail.html

@@ -78,18 +78,18 @@ function noReturn2() {
     <link rel="icon" href="https://devcontents.thekconnect.com/front/mobile/images/png/favicon-128_v2.png" sizes="128x128"/>
     <link rel="apple-touch-icon-precomposed" href="https://devcontents.thekconnect.com/front/mobile/images/png/favicon-152_v2.png"/>
     <!--favicon 추가-->
-
+
     <script>window.isAppClient = false;</script>
     <script>window.isIosClient = false;</script>
     <script>window.isAndroidClient = true;</script>
@@ -128,7 +128,7 @@ function noReturn2() {
        gtag('js', new Date());
 
        var isApp = navigator.userAgent.indexOf('TKC_APP') > -1;
-       var currentPlatform = isApp ? 'app' : 'mobile_web';
+       var currentPlatform = isApp ? 'app' : 'web';
        gtag('set', {
            'custom_platform': currentPlatform
        });
@@ -609,38 +609,38 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
             <div class="cart-wrap my-cart m30-0">
                     <p class="gb-txt">
                         <span>주문일 <em>2026-07-01</em></span>
-                        <span>주문번호 <em>20260701170729930675</em></span>
+                        <span>주문번호 <em>20260701170348930673</em></span>
                     </p>
                     <div class="order-top total bigger">
                         <p>주문상품 <strong>(1)</strong></p>
                     </div>
                     <div class="area-line"></div>
                     <!-- 상품 상세 -->
-                    <div class="wrap-holder" id="order-box-20260701170729930675"
-                        data-orderno="20260701170729930675"
+                    <div class="wrap-holder" id="order-box-20260701170348930673"
+                        data-orderno="20260701170348930673"
                         >
                         <div id="order-information" style="display: none"
-                                data-orderStCd="30"
-                                data-bankNm="-"
-                                data-payMeanCdNm="카카오PAY"
-                                data-payMeanCd="50"
-                                data-pgCdNm="KCP"
-                                data-cardnm="BC카드"
-                                data-depstBankNm="-"
-                                data-bnacNo="-"
-                                data-dpstrNm="-"
-                                data-instm="00"
+                                data-orderStCd="10"
+                                data-bankNm="우리은행"
+                                data-payMeanCdNm="가상계좌"
+                                data-payMeanCd="20"
+                                data-pgCdNm="TOSS"
+                                data-cardnm="-"
+                                data-depstBankNm="우리"
+                                data-bnacNo="X6516695518819"
+                                data-dpstrNm="한희주"
+                                data-instm="-"
                         >
                         </div>
                         <div class="wrap-in">
                             <ul class="type-06 review-type">
-                                        <li id="list-detl-20260701170729930675-5309075"
-                                            data-order="20260701170729930675"
-                                            data-detl="5309075"
-                                            data-goods="KMM26327JH"
-                                            data-size="04"
+                                        <li id="list-detl-20260701170348930673-5309073"
+                                            data-order="20260701170348930673"
+                                            data-detl="5309073"
+                                            data-goods="KMM26231GE"
+                                            data-size="05"
                                             data-date="2026-07-01"
-                                            data-ship="1"
+                                            data-ship="-"
                                             data-mycmgoodsyn="Y"
                                             data-quantity="1"
                                             data-o2oyn="N"
@@ -649,66 +649,67 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
                                             <div class="date-order-view sm">
 												<div>K2</div>
                                             </div>
- <!-- 출고지정 -->
+ <!-- 입금대기 -->
             <div class="order-status">
-                <p>상품준비중</p>
+                <p>입금대기</p>
+                <p class="date">입금기한 : 2026.07.02 </p>
             </div>
-                                            <div class="img" id="goods-img-20260701170729930675-5309075" onclick="location.href='/goods/KMM26327JH'">
-                                                <img src="https://devcontents.k-village.co.kr/Prod/2026/K/KMM26327JH/KMM26327JH_DG_01.JPG/k2dims/resize/77/extent/77x103/optimize" alt="" onerror="onErrorGoodsImage(this, 'mo')">
+                                            <div class="img" id="goods-img-20260701170348930673-5309073" onclick="location.href='/goods/KMM26231GE'">
+                                                <img src="https://devcontents.k-village.co.kr/Prod/2026/K/KMM26231GE/KMM26231GE_DM_01.jpg/k2dims/resize/77/extent/77x103/optimize" alt="" onerror="onErrorGoodsImage(this, 'mo')">
                                             </div>
-                                            <div class="txt" id="goods-detail-20260701170729930675-5309075">
+                                            <div class="txt" id="goods-detail-20260701170348930673-5309073">
                                                 <p class="brand">K2</p>
-                                                <p class="str" onclick="location.href='/goods/KMM26327JH'">NBLOCK 5부 팬츠 (M/BLUE)</p>
+                                                <p class="str" onclick="location.href='/goods/KMM26231GE'">CHILL360 반팔 집업 (Grayish BEIGE)</p>
                                                 <p class="etc">
-                                                    상품코드 : KMM26327JH
+                                                    상품코드 : KMM26231GE
                                                     <br>
-                                                    색상 : M/BLUE<br>
-                                                    사이즈 : L<br>
+                                                    색상 : Grayish BEIGE<br>
+                                                    사이즈 : 100<br>
                                                 </p>
                                                 <div class="order-wrap">
                                                     <p class="num b" id="price-and-quantity"
-                                                       data-realPayAmt="10150"
+                                                       data-realPayAmt="49400"
                                                        data-quantity="1"
-                                                       data-use-mlg-amt="10150"
-                                                       data-goods-cpn-dc-amt="10000"
-                                                       data-shcr-cpn-dc-amt="8700"
+                                                       data-use-mlg-amt="49400"
+                                                       data-goods-cpn-dc-amt="15000"
+                                                       data-shcr-cpn-dc-amt="5200"
                                                        data-pre-dscn-amt="0"
                                                        data-rfndmAmt="0"
                                                        data-chn-qnty="0"
                                                     >
-                                                        89,000 원
+                                                        119,000 원
                                                         / 1 개
                                                         <!--
                                                      -->
                                                     </p>
                                                     <button class="order-cart d" id="btn-add-cart"
-                                                            data-goodscd="KMM26327JH"
+                                                            data-goodscd="KMM26231GE"
                                                             data-quantity="1"
-                                                            data-sizecd="04"
+                                                            data-sizecd="05"
                                                             data-is-set="N"
-                                                            data-color="M/BLUE"
-                                                            data-goodsnm="NBLOCK 5부 팬츠 (M/BLUE)"
+                                                            data-color="Grayish BEIGE"
+                                                            data-goodsnm="CHILL360 반팔 집업 (Grayish BEIGE)"
                                                             data-brand="K2"
-                                                            data-payamt="10150"
+                                                            data-payamt="49400"
                                                     ></button>
                                                 </div>
                                             </div>
 
 
- <!-- 출고지정 -->
+ <!-- 입금대기 -->
 
                                             <div id="order-detail-status" style="display: none"
-                                                 data-stcd="30"
+                                                 data-stcd="10"
                                             >
                                             </div>
 
                                             <div id="pay-detail" style="display: none"
-                                                 data-bankNm="-"
-                                                 data-payMeanCdNm="카카오PAY"
-                                                 data-payMeanCd="50"
-                                                 data-pgCdNm="KCP"
-                                                 data-cardnm="KCP"
-                                                 data-depstBankNm="-"
+                                                 data-bankNm="우리은행"
+                                                 data-payMeanCdNm="가상계좌"
+                                                 data-payMeanCd="20"
+                                                 data-pgCdNm="TOSS"
+                                                 data-cardnm="TOSS"
+                                                 data-depstBankNm="우리"
                                             >
                                             </div>
                                             <div id="delivery-detail"  style="display: none"
@@ -721,7 +722,6 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
                         </div>
                     </div>
                     <div class="area-line"></div>
-                        <div class="area-line"></div>
 
                     <!-- 주문자 정보 -->
                     <div class="wrap-holder">
@@ -740,6 +740,9 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
                     <div class="wrap-holder">
                         <div class="date-order-view bigger">
                             <div>배송지정보</div>
+                                <div class="order-detail">
+                                  <button class="btn-arrow change-addr" id="btn-change-address">배송지변경</button>
+                                </div>
                         </div>
                         <ul class="invoce-list">
                             <li><span>받는 분 </span>
@@ -759,30 +762,29 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
                     <div class="wrap-holder">
                         <div class="date-order-view bigger">
                             <div>결제정보</div>
-                            <div class="right">
-                                <div class="order-detail popBtn">할인 상세</div>
-                                <div class="order-detail">
-                                </div>
+                            <div class="info-actions">
+                                <button type="button" class="btn-arrow order-detail popBtn">할인 상세</button>
+                                <button type="button" class="btn-arrow order-detail">영수증</button>
                             </div>
                         </div>
                         <ul class="invoce-list intype2">
                             <li><span>총 상품금액</span>
-                                <p>            89,000원
+                                <p>            119,000원
  </p></li>
                             <li><span>쿠폰 할인금액 </span>
-                                <p>            68,700원
+                                <p>            20,200원
  </p></li>
                             <li class="coupon-"><span>상품 쿠폰</span>
-                                <p>            10,000원
+                                <p>            15,000원
 </p></li>
                             <li class="coupon-"><span>브랜드 장바구니 쿠폰</span>
-                                <p>            50,000원
+                                <p>        0원
 </p></li>
                             <li class="coupon-"><span>장바구니 쿠폰</span>
-                                <p>            8,700원
+                                <p>            5,200원
 </p></li>
                             <li><span>보유 마일리지 사용금액</span>
-                                <p>            10,150원
+                                <p>            49,400원
  </p></li>
                             <li><span>즉시사용 마일리지 사용금액</span>
                                 <p>        0원
@@ -799,19 +801,23 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
                                 <span>총 결제금액</span>
                                 <div>
                                     <p>
-                                        10,150
+                                        49,400
                                      원</p>
                                 </div>
                             </li>
 
- <!-- 카카오PAY -->
+ <!-- 가상계좌 -->
             <li>
                 <span>결제수단</span>
                 <div>
-                    <p>KCP</p>
-                    <p>BC카드 구매</p>
-                    <p>2026.07.01 17:07:47</p>
+                    <p>가상계좌</p>
+                    <p>우리 : X6516695518819</p>
+                    <p>예금주 : 한희주</p>
+                    <p><strong>입금기한 : 2026.07.02 21:00:00</strong></p>
                 </div>
+            </li>
+            <li>
+                <p class="info">※ 입금기한 내 입금하지 않으시면 주문은 자동 취소 됩니다.</p>
             </li>
                         </ul>
                     </div>
@@ -836,7 +842,7 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
                             </li>
                         </ul>
                         <div class="m-info">
-                            <button type="button" class="mile-info">마일리지 적립안내</button>
+                          <button type="button" class="btn-arrow mile-info">마일리지 적립안내</button>
                         </div>
                     </div>
                     <div class="area-line"></div>
@@ -864,27 +870,22 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
                                     <ul>
                                                     <li class="line-under"><span>상품 쿠폰</span></li>
                                                     <li>
-                                                        <span>NBLOCK 5부 팬츠</span><span class="price">10,000원</span>
-                                                        <span class="detail">K2 26SS 7만원 이상 구매 혜택_</span>
-                                                    </li>
-                                                    <li class="line-under mt20"><span>장바구니 브랜드 쿠폰</span></li>
-                                                    <li>
-                                                        <span>K2</span><span class="price">50,000원</span>
-                                                        <span class="detail">APP 전용 K2 브랜드 장바구니 쿠폰</span>
+                                                        <span>CHILL360 반팔 집업</span><span class="price">15,000원</span>
+                                                        <span class="detail">K2 26SS 10만원 이상 구매 혜택_</span>
                                                     </li>
                                             <li class="line-under mt20"><span>장바구니 회원혜택 쿠폰</span></li>
                                             <li>
-                                                <span>앱전용쿠폰 테스트_new</span><span class="price">8,700원</span>
+                                                <span>[시즌권] 5% 할인 쿠폰 / 브론즈</span><span class="price">5,200원</span>
                                             </li>
 
-                                        <li class="line mt20"><span>총 할인 금액</span><span class="price">68,700원</span></li>
+                                        <li class="line mt20"><span>총 할인 금액</span><span class="price">20,200원</span></li>
                                     </ul>
                                 </div>
                                 <div class="bg-gray p-20 tab-cont" id="tab02">
                                     <ul>
-                                            <li><span>보유 마일리지</span><span>            10,150원
+                                            <li><span>보유 마일리지</span><span>            49,400원
 </span></li>
-                                        <li class="line"><span>총 마일리지 금액</span><span>            10,150원
+                                        <li class="line"><span>총 마일리지 금액</span><span>            49,400원
 </span></li>
                                     </ul>
                                 </div>
@@ -1993,7 +1994,7 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
                         <div class="div-middle">
                             <h4 class="label">받는 분<span class="essen">*</span></h4>
                             <div class="input-holder">
-                                <input class="txt-type-normal" placeholder="이름" id="rcpntNew" oninput="validateSpecialCharacter(this, true, event)" oncompositionend="validateSpecialCharacter(this, true)">
+                                <input class="txt-type-normal" placeholder="이름" id="rcpntNew" oninput="fn_HandleOnInput(this, 5,'text', event)" oncompositionend="fn_HandleOnInput(this, 5,'text')">
                             </div>
                         </div>
                         <div class="div-middle phone">
@@ -2195,7 +2196,7 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
 			<!-- <li class="history">
 				<a href="javascript:void(0)" onclick="goLink('/latelyViewItem')" id="latelyIcon">
 					<i class="_img">최근본상품</i>
-                    <em id="latelyIconEm">25</em>
+                    <em id="latelyIconEm">13</em>
 					<span>최근본상품</span>
 				</a>
 			</li> -->
@@ -2719,8 +2720,8 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
                                         <a id="cate_1054_1828_14899_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newoutdoor','1828','14899')">캡</a>
                                         <a id="cate_1054_1828_14898_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newoutdoor','1828','14898')">햇</a>
                                         <a id="cate_1054_1828_14906_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newoutdoor','1828','14906')">넥워머ㅣ바라클라바</a>
-                                        <a id="cate_1054_1828_15897_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newoutdoor','1828','15897')">토시</a>
                                         <a id="cate_1054_1828_14900_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newoutdoor','1828','14900')">장갑</a>
+                                        <a id="cate_1054_1828_15897_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newoutdoor','1828','15897')">토시</a>
                                         <a id="cate_1054_1828_14904_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newoutdoor','1828','14904')">양말</a>
                                         <a id="cate_1054_1828_14903_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newoutdoor','1828','14903')">스틱</a>
                                         <a id="cate_1054_1828_26486_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newoutdoor','1828','26486')">아이젠</a>
@@ -2803,22 +2804,22 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
                                 </div>
                                 </li>
                                 <li>
-                                <div id="cate_1055_2366_title" class="title flex second">
-                                    <p>해먹/해먹용품</p>
+                                <div id="cate_1055_2365_title" class="title flex second">
+                                    <p>침낭/매트리스</p>
                                 </div>
-                                <div id="cate_1055_2366_list" class="detail third flex">
+                                <div id="cate_1055_2365_list" class="detail third flex">
                                     <div class="third-wrap">
-                                        <a id="cate_1055_2366_all_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newcamping','2366')"  class="on">전체</a>
+                                        <a id="cate_1055_2365_all_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newcamping','2365')"  class="on">전체</a>
                                     </div>
                                 </div>
                                 </li>
                                 <li>
-                                <div id="cate_1055_2365_title" class="title flex second">
-                                    <p>침낭/매트리스</p>
+                                <div id="cate_1055_2366_title" class="title flex second">
+                                    <p>해먹/해먹용품</p>
                                 </div>
-                                <div id="cate_1055_2365_list" class="detail third flex">
+                                <div id="cate_1055_2366_list" class="detail third flex">
                                     <div class="third-wrap">
-                                        <a id="cate_1055_2365_all_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newcamping','2365')"  class="on">전체</a>
+                                        <a id="cate_1055_2366_all_title" href="javascript:void(0)" onclick="redirectMainUrl('category','/newcamping','2366')"  class="on">전체</a>
                                     </div>
                                 </div>
                                 </li>