2606_UIUX_18 수정 내역
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
https://contents.k-village.co.kr/front/mobile/css/mypage.css
@@ -585,12 +585,14 @@ h5 + .order-bene{border-top:none;padding:0;margin: 5px 0 10px 0;} .txt-nv span{position:absolute;left:20px;top:12px;font-size:12px;color:#ff5b37;} .txt-nv a{font-size:12px;color:#333;} -.recommend-code-box {padding:30px 0 15px;} -.recommend-code-box .tit {margin-top:10px; font-size:22px; font-weight:500;} -.recommend-code-box .tit-desc {font-size:16px; font-weight:500;} -.recommend-code-box .copy-group {display:flex; align-items:flex-end;} -.recommend-code-box .copy-group input {flex:1; padding-top:15px; background-color:#fff;} -.recommend-code-box .copy-group button {flex-shrink:0; margin-left:10px;} +/* 2026-06-30 추천인 코드 페이지 개선 */ +.recommend-code-box {padding:30px 0 0;} +.recommend-code-box .tit {margin-top:10px; font-size:18px; line-height: 19px; font-weight:400;} +.recommend-code-box .tit-desc {font-size:16px; line-height: 19px; font-weight:400;} +.recommend-code-box .copy-group {display:flex; align-items:flex-end; gap: 10px;} +.recommend-code-box .copy-group input {flex:1; padding:10px 15px; background-color:#fff; font-size: 12px;} +.recommend-code-box .copy-group button {flex-shrink:0;} +.recommend-info__title {color: #000;font-size: 14px;line-height: 25px;font-weight: 500;} .sns_link_wrap {padding: 0 20px;} .sns_link_wrap .sns_link li{width: 100%;height: 90px;border-bottom:1px solid #dddddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: flex;align-items: center;justify-content: space-between;padding: 0 10px;}
html/MY-035_mypage_recommend.html
@@ -571,10 +571,9 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); <div class="wrap-holder"> <div class="recommend-code-box"> <div class="tit-group"> - <div class="tit-desc">친구에게 나의 추천인 코드를 알려주세요.</div> - <h2 class="tit">나의 추천인 코드</h2> + <h4 class="label">나의 추천인 코드</h4> </div> - <div class="copy-group"> + <div class="copy-group mt-5"> <div class="input-holder"> <input class="txt-type-normal" value="pP14xyLvqX" id="cpy-text" readonly> </div> @@ -586,14 +585,13 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); </div> </div> - <div class="box-holder nb"> - <div class="tit">확인해주세요</div> - <p>친구가 회원 가입할 때 나의 추천인코드를 입력합니다.</p> - <p>친구추천 이벤트 진행 시에 쿠폰이 지급됩니다.</p> - <p>쿠폰 지급 후 주문취소나 환불 시 쿠폰은 회수될 수 있습니다.</p> - <p>추천인과 피추천인의 주소지(배송지)가 동일할 경우 중복가입으로 판단되어 쿠폰이 지급되지 않습니다.</p> - <p>신규 가입 시, 받은 혜택은 1회에 한정되며, 중복 지급되는 경우 혜택은 회수될 수 있습니다.</p> - <p>쿠폰 발급 후 1개월 이내 사용이 가능합니다. (1개월 이후 쿠폰 사용불가)</p> + <div class="recommend-info mt-30"> + <div class="recommend-info__title">유의사항</div> + <div class="box-holder box-holder--bullet mt-5"> + <p class="box-bullet">친구가 회원 가입할 때 나의 추천인코드를 입력합니다.</p> + <p class="box-bullet">친구추천 이벤트 진행 시에 쿠폰이 지급됩니다.</p> + <p class="box-bullet">쿠폰 지급 후 주문취소나 환불 시 쿠폰은 회수될 수 있습니다.</p> + </div> </div> </div> </div>