2606_UIUX_28 수정 내역

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

@@ -365,11 +365,12 @@ color: rgba(0, 0, 0, 1);}
 .popup-wrap .popup .popup__title--fit {padding-left: 0;}
 .popup-wrap .cont-wrap--fit {padding-top: 0;}
 .popup-wrap.full .cont-wrap--fit {padding-top: 0;}
-.popup-wrap .popup .popup__content .popup__message {font-size:16px;line-height:25px;font-weight:400;}
+.popup-wrap .popup .popup__content .popup__message {font-size:16px;line-height:25px;}
 .popup-wrap .popup .popup__content .popup__message--primary {font-size:18px;line-height:26px;}
+.popup-wrap .popup .popup__content .popup__message--info {font-size:14px;line-height:normal;}
 .popup-wrap .popup .popup__content .popup__message ~ .popup__message {margin-top: 20px;}
 .popup-wrap .popup .popup__content .popup__message ~ .popup__message--desc {margin-top: 5px;}
-.popup-wrap .popup .popup__content .popup__message .lined-text {position:relative;display:inline-block;font-size:inherit}
+.popup-wrap .popup .popup__content .popup__message .lined-text {position:relative;display:inline-block;font-size:inherit;font-weight:inherit;}
 .popup-wrap .popup .popup__content .popup__message .lined-text::before {content:"";position: absolute;bottom:0;left:0;right:0;height: 1px;background-color: #000;}
 
 .quantity-control { font-size: 0; }
@@ -784,7 +785,7 @@ touch-action: pan-y;}
 	background-size:20px;}
 .quick-wrap.hide .quick-close{    transform: rotate(180deg);}
 
-.top-btn{position: fixed; right: 21px; bottom: 90px; cursor: pointer; z-index: 16;text-align: right; display:flex; flex-direction:column-reverse; align-items:flex-end; transition:transform .3s;}
+.top-btn{position: fixed; right: 21px; bottom: calc(90px + env(safe-area-inset-bottom, 0px)); cursor: pointer; z-index: 16;text-align: right; display:flex; flex-direction:column-reverse; align-items:flex-end; transition:transform .3s;}
 .top-btn.down{transform:translateY(60px)}
 .top-btn a{display:inline-block;width: 36px; height: 36px;margin:15px 0 0 0;}
 .top-btn [data-menuanchor="top"] {display:none; order:-1;}
@@ -2023,7 +2024,6 @@ p.essen {font-size: 12px;    margin: 8px 0}
     height: 1px;
     background: #000;
 }
-.popup-wrap.change-address .popup header {border-bottom: 1px solid #ccc;}
 .popup-wrap.change-address .div-header h1 {
     font-size: 18px;
     font-weight: 500;
@@ -2225,8 +2225,6 @@ p.essen {font-size: 12px;    margin: 8px 0}
 }
 
 .popup-wrap.mypage-dis header {border-bottom: 1px solid #ccc;}
-.popup-wrap.send-mail header {border-bottom: 1px solid #ccc;}
-.popup-wrap.pw-change .popup__message--primary {margin-block: 10px 30px;}
 
 /* UIUX4차 68 기획전, 이벤트 타임세일 */
 .event-bnr .bnr-txt.white strong

html/OD-004_order_detail.html

@@ -9306,10 +9306,8 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
 <div class="popup-wrap full order-coupon">
     <div class="popup">
         <div class="layer-container">
-            <header class="flex">
-                <div class="div-header mt-0">
-                    <h1>쿠폰적용</h1>
-                </div>
+            <header class="popup__header flex">
+                <h1 class="popup__title">쿠폰적용</h1>
                 <div class="flex end margin">
                     <button class="close">
                         <div class="box">

https://contents.k-village.co.kr/front/mobile/js/commonFx.js

@@ -343,6 +343,8 @@ function pushEmergencyEventPopupHistory() {
 
 let scrollPosition = 0;
 var isSearch = false;
+var isBodyScrollLocked = false;
+var beforeBodyStyle = "";
 
 var createMenu = function(){
 
@@ -873,13 +875,33 @@ function resizeFx(){
 }
 function overflowFx($isHidden){
 	if($isHidden){
-		$("body").css({"overflow":"hidden"});
+		if(isBodyScrollLocked) return;
+
+		var $body = $("body");
+		scrollPosition = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+		beforeBodyStyle = $body.attr("style") || "";
+		$body.css({
+			"height":"100%",
+			"overflow":"hidden",
+			"position":"fixed",
+			"top":"-" + scrollPosition + "px",
+			"left":"0",
+			"right":"0",
+			"width":"100%"
+		});
+		isBodyScrollLocked = true;
 	} else {
-		$("body").removeAttr("style");
+		if(beforeBodyStyle) {
+			$("body").attr("style", beforeBodyStyle);
+		} else {
+			$("body").removeAttr("style");
+		}
 		if(scrollPosition != 0 ) {
           window.scrollTo(0, scrollPosition);
           scrollPosition = 0;
         }
+				beforeBodyStyle = "";
+				isBodyScrollLocked = false;
         if(isSearch) {
             $('div.main-menu').show();
             isSearch = false;