2606_UIUX_8 수정 내역

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/MB-024_login.html

@@ -849,7 +849,8 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
 <div class="popup-wrap full" id="M_MB_19_P">
     <div class="popup">
         <div class="layer-container">
-            <header class="flex">
+            <header class="popup__header flex">
+                <h1 class="popup__title">임시 비밀번호 로그인</h1>
                 <div class="flex end margin">
                     <button class="close">
                         <div class="box">
@@ -858,29 +859,27 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
                     </button>
                 </div>
             </header>
-            <div class="scroll">
-                <div class="div-header mt-60">
-                    <h1>임시 비밀번호로 로그인 하셨습니다.<br>
-                        고객님의 정보 보호를 위해 <br>
-                        비밀번호를 변경 해주세요.</h1>
-                </div>
-
-                <div class="div-header">
-                    <h4>비밀번호 변경 화면으로 이동 하시겠습니까?</h4>
-                </div>
-
-                <div class="flex margin full div-header">
-                    <button class="btn-type-line" id="goChangePwClose">
-                        <div class="box">
-                            <span>취소</span>
-                        </div>
-                    </button>
-
-                    <button class="btn-type-normal" id="goChangePw">
-                        <div class="box">
-                            <span>확인</span>
+            <div class="cont-wrap">
+                <div class="scroll">
+                    <div class="popup__content">
+                        <h4 class="popup__message">
+                            임시 비밀번호로 로그인 하셨습니다.<br>
+                                고객님의 정보 보호를 위해 <br>
+                                비밀번호를 변경 해주세요.
+                        </h4>
+
+                        <p class="popup__message popup__message--info">
+                            비밀번호 변경 화면으로 이동 하시겠습니까?
+                        </p>
+
+                        <div class="flex margin full div-header">
+                            <button class="btn-type-normal" id="goChangePw">
+                                <div class="box">
+                                    <span>확인</span>
+                                </div>
+                            </button>
                         </div>
-                    </button>
+                    </div>
                 </div>
             </div>
         </div>