2024/04/23 폰주소록 등록 최신화

src/main/webapp/WEB-INF/jsp/web/addr/AddrMobGuide.jsp

@@ -36,58 +36,64 @@ function moveTab(type){
 			</div>
 			<!-- 네이버 주소록을 이용하여 등록 -->
 			<div class="enroll_cont current" id="tab6_1">
-				<!-- tab button -->
-				<ul class="adr_depth3">
+				<!-- tab button 주석처리_240423 -->
+				<!-- 				<ul class="adr_depth3">
 					<li class="tab active"><button type="button" onclick="listTab(this,'1');">안드로이드</button></li>
 					<li class="tab"><button type="button" onclick="listTab(this,'2');">아이폰</button></li>
-				</ul><!--// tab button -->
+				</ul> -->
+				<!--// tab button -->
 				<!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
-				<div class="addWrap android eleType_cont current" id="listTab_1">
+				<div class="addWrap android eleType_cont current address" id="listTab_1">
 					<ul class="add_and">
 						<li>
 							<p class="number">01</p>
-							<p>구글 플레이 스토어에서<br/><strong>네이버 주소록</strong> 앱 다운</p>
-							<img src="/publish/images/content/add_android_img01.png"/>
+							<p>구글 플레이 스토어 · 애플 앱스토어에서<strong> 네이버</strong> 앱 다운</p>
+							<img src="/publish/images/content/address_img01.png"/>
 						</li>
 						<li>
 							<p class="number">02</p>
-							<p>오른쪽 하단<br/><strong>SETTINGS</strong> 선택</p>
-							<img src="/publish/images/content/add_android_img02.png"/>
+							<p>왼쪽 상단 <strong>메뉴</strong> 선택</p>
+							<img src="/publish/images/content/address_img02.png"/>
 						</li>
 						<li>
 							<p class="number">03</p>
-							<p>주소록 <strong>접근 권한</strong> 모두 허용</p>
-							<img src="/publish/images/content/add_android_img03.png"/>
+							<p>하단 스크롤 후 <br/><strong>[내도구] → 주소록</strong> 선택</p>
+							<img src="/publish/images/content/address_img03.png"/>
 						</li>
 						<li>
 							<p class="number">04</p>
-							<p>네이버 주소록 앱<br/>재실행 후 <strong>시작하기</strong> 선택</p>
-							<img src="/publish/images/content/add_android_img04.png"/>
+							<p>오른쪽 상단 <strong>메뉴</strong> 선택</p>
+							<img src="/publish/images/content/address_img04.png"/>
 						</li>
 						<li>
 							<p class="number">05</p>
-							<p>기본계정을<br/><strong>휴대폰</strong> 선택</p>
-							<img src="/publish/images/content/add_android_img05.png"/>
+							<p>폰 연락처 <strong>업로드</strong> 선택</p>
+							<img src="/publish/images/content/address_img05.png"/>
 						</li>
 						<li>
 							<p class="number">06</p>
-							<p class="txt"><strong>내보내기</strong> 선택</p>
-							<img src="/publish/images/content/add_android_img06.png"/>
+							<p class="txt"><strong>새로고침</strong> 선택</p>
+							<img src="/publish/images/content/address_img06.png"/>
 						</li>
 						<li>
 							<p class="number">07</p>
-							<p>내보내기 완료 후<br/>반드시 <strong>확인</strong> 버튼 선택</p>
-							<img src="/publish/images/content/add_android_img07.png"/>
+							<p>연락처 접근 <strong>허용</strong> 선택</p>
+							<img src="/publish/images/content/address_img07.png"/>
 						</li>
 						<li>
 							<p class="number">08</p>
-							<p>PC에서 네이버 주소록 접속 후<br/><strong>연락처 저장·내보내기</strong> 선택</p>
-							<img src="/publish/images/content/add_android_img08.png"/>
+							<p><strong>폰 연락처 업로드</strong> 완료</p>
+							<img src="/publish/images/content/address_img08.png"/>
+						</li>
+						<li class="nine">
+							<p class="number">09</p>
+							<p>PC에서 네이버 메일 접속 후 <strong>상단 주소록 아이콘</strong> 선택</p>
+							<img src="/publish/images/content/address_img09.png"/>
 						</li>
 						<li>
-							<p class="number">09</p>
-							<p>파일 형식(<strong>CSV 또는 XLSX</strong>), 항목, 대상선택 후 <strong>파일로 저장</strong>하기 선택</p>
-							<img src="/publish/images/content/add_android_img09.png"/>
+							<p class="number">10</p>
+							<p>연락처 저장 · 내보내기 선택 후 파일 형식(<strong>CSV 또는 XLSX</strong>), 항목, 대상 선택 후 <strong>파일로 저장하기</strong> 클릭</p>
+							<img src="/publish/images/content/address_img10.png"/>
 						</li>
 					</ul>
 					<div class="btnWrap">

src/main/webapp/publish/css/adrbook.css

@@ -178,6 +178,11 @@ button.group_move i {background-image: url(/publish/images/content/adress_inters
 .addWrap .btnWrap button:nth-child(1) {background-color:#002c9a;color:#fff;margin-right:5px;}
 .addWrap .btnWrap button:nth-child(2) {background-color:#fff;color:#002c9a;border:1px solid #002c9a;}
 
+/* 주소록 등록_수정 */
+.eleType_cont.current.address{margin:40px 0 0 0;}
+.addWrap.android .add_and .nine {width:calc(100%);}
+.addWrap.android .add_and .nine::after {content:'';background:none;}
+
 /* // 주소록 등록 */
 
 /* media queries */