2606_UIUX_13 수정 내역

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

@@ -355,6 +355,7 @@ color: rgba(0, 0, 0, 1);}
 .popup-wrap .scroll { overflow-y: auto; min-height: auto; height: calc(100% - 55px); padding: 0 20px 40px 20px; }
 .popup-wrap .cont-wrap { padding: 20px; }
 .popup-wrap.full .cont-wrap { overflow-y: auto; overflow-x: hidden; height: 100%; padding: 20px 20px 75px 20px; }
+.popup-wrap .cont-wrap__inner {padding-inline: 20px;}
 .popup-wrap .popup .layer-container { width: 100%; text-align: left; height: 100%; }
 .popup-wrap .popup .head-wrap { padding: 0 20px 20px 20px; }
 .popup-wrap .popup .head-wrap p { font-size: 14px; color: #333; line-height: 22px; margin: 20px 0 0 0; }
@@ -365,11 +366,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 +786,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 +2025,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 +2226,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/MY-019_gift_address.html

@@ -755,10 +755,11 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
 				<label for="infoAgreeYn" class="_img">개인정보 수집 및 이용 동의 <span>(필수)</span></label>
 				<!-- <a href="javascript:;" class="end" id="MB_05_P">내용보기</a> -->
 			</div>
-			<div class="basic-popup popup-wrap search full" id="M_MB_05_P">
+			<div class="basic-popup popup-wrap policies-popup full" id="M_MB_05_P">
 				<div class="popup">
 					<div class="layer-container">
-						<header class="flex">
+						<header class="popup__header flex">
+              <h1 class="popup__title popup__title--fit">개인정보 수집 및 이용 동의</h1>
 							<div class="flex end margin">
 								<button class="close">
 									<div class="box">
@@ -768,138 +769,138 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f");
 							</div>
 						</header>
 						<div class="scroll">
-							<div class="div-header mt-60">
-								<h1>개인정보 수집 및 이용 동의</h1>
-							</div>
-							<div class="terms-contents">
-				<div class="terms-contents">
-					<div class="t-section">
-						<h2>개인정보의 수집항목 및 이용목적</h2>
-						<ol>
-							<li>1.(주)더케이커넥트는“회원”에게 본인확인, 포인트 적립 및 결제 서비스, 다양하고 편리한 인터넷 서비스를 제공하기 위하여 개인정보를 수집하고 있습니다.
-								<ol>
-									<li>(1) (주)더케이커넥트는 다음과 같은 방법으로 개인정보를 수집합니다.
-									<ul>
-										<li>가. 홈페이지, 서면양식을 통한 회원가입</li>
-										<li>나. 경품행사 응모 및 이벤트 참여, 주문배송/교환/반품/취소/고객상담(상담게시판) 운영</li>
-										<li>다. 로그분석 프로그램을 통한 개인정보 수집</li>
-									</ul>
-									</li>
-									<li>(2) (주)더케이커넥트에서 진행하는 각종 이벤트 및 설문 참여시 이벤트 효과 분석 및 이벤트 사후 관리(당첨자 확인 및 상품 발송) 또는 설문 결과에 대한 통계 분석 등을 위해 필요한 정보를 제공 받거나 직접 묻게 되는 경우가 있습니다.</li>
-									<li>(3) (주)더케이커넥트는 쿠키(cookie)를 통하여 “회원”의 정보를 얻는 경우가 있습니다. 쿠키에 대하여서는 별도의 설명을 참조하시기 바랍니다.</li>
-								</ol>
-							</li>
-							<li>2. 수집하는 개인정보 항목에 따른 구체적인 수집 이용 목적은 다음과 같습니다.
-								<ol>
-									<li>(1) 필수입력사항
-<br>※ 연계정보(CI) 포함 본인 인증 미진행 시 K.VILLAGE 서비스 이용에 제한이 있을 수 있습니다.<br>
-									<table class="terms-table col-line">
-										<colgroup>
-											<col width="*">
-											<col width="33%">
-											<col width="33%">
-											<col width="*">
-										</colgroup>
-										<thead>
-											<tr>
-												<th class="ac">구분</th>
-												<th class="ac">수집 항목</th>
-												<th class="ac">수집 이용 목적</th>
-												<th class="ac">이용ㆍ보유기간</th>
-											</tr>
-										</thead>
-										<tbody>
-											<tr>
-												<th class="ac">일반회원</th>
-												<td class="ac">연계정보(CI), 성명, 생년월일, 핸드폰번호,<br> 성별,
-												ID(이메일주소)/PW, 이메일 및<br>SMS수신동의(카카오알림톡 포함)</td>
-												<td class="al" rowspan="2">-본인 확인<br>
-												-안내 고지, 불만처리 등 원활한 의사소통경로확보<br>-마케팅 및 광고 활용<br>
-												-상품정보, 할인혜택, 행사, 이벤트, 카탈로그 등<br>안내 및 서비스 제공</td>
-												<td class="ac" rowspan="2">회원 탈퇴 시 까지</td>
-											</tr>
-											<tr>
-												<th class="ac">간편회원</th>
-												<td class="ac" 카카오:="" 이름,="" 이메일<br="">
-												애플: 이름, 이메일<br>
-												페이스북: 이름, 이메일<br>
-												네이버간편회원 : 이름, 이메일<br>
-												</td>
-											</tr>
-										</tbody>
-									</table>
-									</li>
-									<li>(2) 선택(추가)입력사항
-									<table class="terms-table col-line">
-										<colgroup>
-										<col width="33%">
-										<col width="33%">
-										<col width="*">
-										</colgroup>
-										<thead>
-											<tr>
-												<th class="ac">수집 항목</th>
-												<th class="ac">수집 이용 목적</th>
-												<th class="ac">이용ㆍ보유기간</th>
-											</tr>
-										</thead>
-										<tbody>
-											<tr>
-												<td class="ac">전화번호, 배송지 주소, 환불계좌(은행)정보,<br>추천인ID, 추천인 성명, <br>내 사이즈 정보(키, 체중, 발, 상의/하의 사이즈)</td>
-												<td class="al">-배송서비스 제공<br>
-												-서비스 환불제공<br>
-												-개인별 특화 서비스 제공</td>
-												<td class="ac">회원 탈퇴 시 까지</td>
-											</tr>
-										</tbody>
-									</table>
-									<p>※ 비회원 구매/선물하기/문의 시 주문서비스 제공 및 고객 응대를 위하여수령자 정보(수령자명, 연락처), 배송지 정보(우편번호, 주소), 주문자 정보(ID, 주문자명, 연락처)를 수집하고 있습니다.</p>
-									</li>
-								</ol>
-							</li>
-							<li>3. (주)더케이커넥트는 회원이 개인정보처리방침 또는 서비스 이용약관 등에 대하여 ‘동의’ 또는 ‘동의하지 않는다’ 버튼을 클릭할 수 있는 절차를 마련하여, ‘동의’버튼을 클릭한 경우 개인정보 수집에 대해 동의한 것으로 봅니다.</li>
-						</ol>
-					</div>
-					<div class="t-section">
-						<h2>개인정보의 보유/이용기간 및 파기</h2>
-						<ol>
-							<li>1. “회원”님의 개인정보는 다음과 같이 개인정보의 수집목적 또는 제공받은 목적이 달성되면 파기됩니다. 단, '상법' 및 ‘전자상거래등에서의 소비자보호에 관한 법률’ 등 관련 법령의 규정에 의하여 다음 각 호와 같이 거래 관련 정보의 확인 등을 이유로 일정기간 보유하여야 할 필요가 있을 경우에는 일정기간 보유합니다.
-							<ol>
-								<li>(1) 계약 또는 청약철회 등에 관한 기록 : 5년</li>
-								<li>(2) 대금결제 및 재화 등의 공급에 관한 기록 : 5년</li>
-								<li>(3) 소비자의 불만 또는 분쟁처리에 관한 기록 : 3년</li>
-								<li>(4) 컴퓨터통신, 인터넷 로그기록자료, 접속지 추적자료 : 3개월</li>
-								<li>(5) 표시 및 광고에 관한 계약 및 이행거래 기록 : 6개월</li>
-							</ol>
-							</li>
-							<li>2. “회원”의 정보는 “회원”의 탈회 요청 및 자격 상실 시에는 즉시 삭제되며, 어떤 이유나 방법으로도 재생되거나, 이용할 수 없도록 처리됩니다.</li>
-							<li>3. “회원”에게 보유기간을 미리 고지하고 동의를 받은 특정 정보는 그 동의 받은 보유기간 동안 보관합니다.</li>
-							<li>4. 각 정보의 종류 별 파기시점은 다음 각 호와 같습니다.
-							<ol>
-								<li>(1) 회원가입정보의 경우 - 회원 탈퇴하거나 회원에서 제명된 때</li>
-								<li>(2) 대금지급정보의 경우 - 대금의 완제일 또는 채권소멸시효기간이 만료된 때</li>
-								<li>(3) 배송정보의 경우 - 물품 또는 서비스가 인도되거나 제공된 때</li>
-								<li>(4) 설문조사, 이벤트 등 일시 목적을 위해 수집한 경우 - 당해 설문조사, 이벤트 등 종료한 때</li>
-								<li>(5) DM 및 SMS/LMS/MMS 발송을 위해 제공된 정보의 경우 - 발송이 완료된 때</li>
-							</ol>
-							</li>
-							<li>5. 개인의 정보를 파기하는 때에는 다음과 같은 방법에 의하고 있습니다.
-							<ol>
-								<li>(1) 파기절차<br>
-								회사는 파기 사유가 발생한 개인정보를 선정하고, 회사의 개인정보 보호책임자의 승인을 받아 개인정보를 파기합니다</li>
-								<li>(2) 파기방법
-								<ol>
-									<li>① 종이에 출력된 개인정보 : 분쇄기로 분쇄하거나 소각</li>
-									<li>② 전자적 파일 형태로 저장된 개인정보 : 기록을 재생할 수 없는 기술적 방법을 사용하여 삭제</li>
-								</ol>
-								</li>
-							</ol>
-							</li>
-							<li>6. “회원”의 동의를 받아 보유하고 있는 거래정보 등을 “회원”이 열람을 요구하는 경우 (주)더케이커넥트는 그 열람, 확인할 수 있도록 조치합니다.</li>
-
-						</ol>
-					</div>
-				</div></div>
+							<div class="cont-wrap">
+                <div class="cont-wrap__inner">
+                  <div class="terms-contents">
+                    <div class="t-section">
+                      <h2>개인정보의 수집항목 및 이용목적</h2>
+                      <ol>
+                        <li>1.(주)더케이커넥트는“회원”에게 본인확인, 포인트 적립 및 결제 서비스, 다양하고 편리한 인터넷 서비스를 제공하기 위하여 개인정보를 수집하고 있습니다.
+                          <ol>
+                            <li>(1) (주)더케이커넥트는 다음과 같은 방법으로 개인정보를 수집합니다.
+                            <ul>
+                              <li>가. 홈페이지, 서면양식을 통한 회원가입</li>
+                              <li>나. 경품행사 응모 및 이벤트 참여, 주문배송/교환/반품/취소/고객상담(상담게시판) 운영</li>
+                              <li>다. 로그분석 프로그램을 통한 개인정보 수집</li>
+                            </ul>
+                            </li>
+                            <li>(2) (주)더케이커넥트에서 진행하는 각종 이벤트 및 설문 참여시 이벤트 효과 분석 및 이벤트 사후 관리(당첨자 확인 및 상품 발송) 또는 설문 결과에 대한 통계 분석 등을 위해 필요한 정보를 제공 받거나 직접 묻게 되는 경우가 있습니다.</li>
+                            <li>(3) (주)더케이커넥트는 쿠키(cookie)를 통하여 “회원”의 정보를 얻는 경우가 있습니다. 쿠키에 대하여서는 별도의 설명을 참조하시기 바랍니다.</li>
+                          </ol>
+                        </li>
+                        <li>2. 수집하는 개인정보 항목에 따른 구체적인 수집 이용 목적은 다음과 같습니다.
+                          <ol>
+                            <li>(1) 필수입력사항
+          <br>※ 연계정보(CI) 포함 본인 인증 미진행 시 K.VILLAGE 서비스 이용에 제한이 있을 수 있습니다.<br>
+                            <table class="terms-table col-line">
+                              <colgroup>
+                                <col width="*">
+                                <col width="33%">
+                                <col width="33%">
+                                <col width="*">
+                              </colgroup>
+                              <thead>
+                                <tr>
+                                  <th class="ac">구분</th>
+                                  <th class="ac">수집 항목</th>
+                                  <th class="ac">수집 이용 목적</th>
+                                  <th class="ac">이용ㆍ보유기간</th>
+                                </tr>
+                              </thead>
+                              <tbody>
+                                <tr>
+                                  <th class="ac">일반회원</th>
+                                  <td class="ac">연계정보(CI), 성명, 생년월일, 핸드폰번호,<br> 성별,
+                                  ID(이메일주소)/PW, 이메일 및<br>SMS수신동의(카카오알림톡 포함)</td>
+                                  <td class="al" rowspan="2">-본인 확인<br>
+                                  -안내 고지, 불만처리 등 원활한 의사소통경로확보<br>-마케팅 및 광고 활용<br>
+                                  -상품정보, 할인혜택, 행사, 이벤트, 카탈로그 등<br>안내 및 서비스 제공</td>
+                                  <td class="ac" rowspan="2">회원 탈퇴 시 까지</td>
+                                </tr>
+                                <tr>
+                                  <th class="ac">간편회원</th>
+                                  <td class="ac" 카카오:="" 이름,="" 이메일<br="">
+                                  애플: 이름, 이메일<br>
+                                  페이스북: 이름, 이메일<br>
+                                  네이버간편회원 : 이름, 이메일<br>
+                                  </td>
+                                </tr>
+                              </tbody>
+                            </table>
+                            </li>
+                            <li>(2) 선택(추가)입력사항
+                            <table class="terms-table col-line">
+                              <colgroup>
+                              <col width="33%">
+                              <col width="33%">
+                              <col width="*">
+                              </colgroup>
+                              <thead>
+                                <tr>
+                                  <th class="ac">수집 항목</th>
+                                  <th class="ac">수집 이용 목적</th>
+                                  <th class="ac">이용ㆍ보유기간</th>
+                                </tr>
+                              </thead>
+                              <tbody>
+                                <tr>
+                                  <td class="ac">전화번호, 배송지 주소, 환불계좌(은행)정보,<br>추천인ID, 추천인 성명, <br>내 사이즈 정보(키, 체중, 발, 상의/하의 사이즈)</td>
+                                  <td class="al">-배송서비스 제공<br>
+                                  -서비스 환불제공<br>
+                                  -개인별 특화 서비스 제공</td>
+                                  <td class="ac">회원 탈퇴 시 까지</td>
+                                </tr>
+                              </tbody>
+                            </table>
+                            <p>※ 비회원 구매/선물하기/문의 시 주문서비스 제공 및 고객 응대를 위하여수령자 정보(수령자명, 연락처), 배송지 정보(우편번호, 주소), 주문자 정보(ID, 주문자명, 연락처)를 수집하고 있습니다.</p>
+                            </li>
+                          </ol>
+                        </li>
+                        <li>3. (주)더케이커넥트는 회원이 개인정보처리방침 또는 서비스 이용약관 등에 대하여 ‘동의’ 또는 ‘동의하지 않는다’ 버튼을 클릭할 수 있는 절차를 마련하여, ‘동의’버튼을 클릭한 경우 개인정보 수집에 대해 동의한 것으로 봅니다.</li>
+                      </ol>
+                    </div>
+                    <div class="t-section">
+                      <h2>개인정보의 보유/이용기간 및 파기</h2>
+                      <ol>
+                        <li>1. “회원”님의 개인정보는 다음과 같이 개인정보의 수집목적 또는 제공받은 목적이 달성되면 파기됩니다. 단, '상법' 및 ‘전자상거래등에서의 소비자보호에 관한 법률’ 등 관련 법령의 규정에 의하여 다음 각 호와 같이 거래 관련 정보의 확인 등을 이유로 일정기간 보유하여야 할 필요가 있을 경우에는 일정기간 보유합니다.
+                        <ol>
+                          <li>(1) 계약 또는 청약철회 등에 관한 기록 : 5년</li>
+                          <li>(2) 대금결제 및 재화 등의 공급에 관한 기록 : 5년</li>
+                          <li>(3) 소비자의 불만 또는 분쟁처리에 관한 기록 : 3년</li>
+                          <li>(4) 컴퓨터통신, 인터넷 로그기록자료, 접속지 추적자료 : 3개월</li>
+                          <li>(5) 표시 및 광고에 관한 계약 및 이행거래 기록 : 6개월</li>
+                        </ol>
+                        </li>
+                        <li>2. “회원”의 정보는 “회원”의 탈회 요청 및 자격 상실 시에는 즉시 삭제되며, 어떤 이유나 방법으로도 재생되거나, 이용할 수 없도록 처리됩니다.</li>
+                        <li>3. “회원”에게 보유기간을 미리 고지하고 동의를 받은 특정 정보는 그 동의 받은 보유기간 동안 보관합니다.</li>
+                        <li>4. 각 정보의 종류 별 파기시점은 다음 각 호와 같습니다.
+                        <ol>
+                          <li>(1) 회원가입정보의 경우 - 회원 탈퇴하거나 회원에서 제명된 때</li>
+                          <li>(2) 대금지급정보의 경우 - 대금의 완제일 또는 채권소멸시효기간이 만료된 때</li>
+                          <li>(3) 배송정보의 경우 - 물품 또는 서비스가 인도되거나 제공된 때</li>
+                          <li>(4) 설문조사, 이벤트 등 일시 목적을 위해 수집한 경우 - 당해 설문조사, 이벤트 등 종료한 때</li>
+                          <li>(5) DM 및 SMS/LMS/MMS 발송을 위해 제공된 정보의 경우 - 발송이 완료된 때</li>
+                        </ol>
+                        </li>
+                        <li>5. 개인의 정보를 파기하는 때에는 다음과 같은 방법에 의하고 있습니다.
+                        <ol>
+                          <li>(1) 파기절차<br>
+                          회사는 파기 사유가 발생한 개인정보를 선정하고, 회사의 개인정보 보호책임자의 승인을 받아 개인정보를 파기합니다</li>
+                          <li>(2) 파기방법
+                          <ol>
+                            <li>① 종이에 출력된 개인정보 : 분쇄기로 분쇄하거나 소각</li>
+                            <li>② 전자적 파일 형태로 저장된 개인정보 : 기록을 재생할 수 없는 기술적 방법을 사용하여 삭제</li>
+                          </ol>
+                          </li>
+                        </ol>
+                        </li>
+                        <li>6. “회원”의 동의를 받아 보유하고 있는 거래정보 등을 “회원”이 열람을 요구하는 경우 (주)더케이커넥트는 그 열람, 확인할 수 있도록 조치합니다.</li>
+
+                      </ol>
+                    </div>
+                  </div>
+                </div>
+              </div>
 						</div>
 					</div>
 				</div>