Commit @a2c19dfb9055c26f7c77d7d39d82fca4cd7edd40

1a62e9b

a2c19df

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

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

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


 			</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">

1a62e9b

a2c19df

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

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

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


 .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 */

a2c19df

src/main/webapp/publish/images/content/address_img01.png (Binary) (added)

+++ src/main/webapp/publish/images/content/address_img01.png

Binary file is not shown

a2c19df

src/main/webapp/publish/images/content/address_img02.png (Binary) (added)

+++ src/main/webapp/publish/images/content/address_img02.png

Binary file is not shown

a2c19df

src/main/webapp/publish/images/content/address_img03.png (Binary) (added)

+++ src/main/webapp/publish/images/content/address_img03.png

Binary file is not shown

a2c19df

src/main/webapp/publish/images/content/address_img04.png (Binary) (added)

+++ src/main/webapp/publish/images/content/address_img04.png

Binary file is not shown

a2c19df

src/main/webapp/publish/images/content/address_img05.png (Binary) (added)

+++ src/main/webapp/publish/images/content/address_img05.png

Binary file is not shown

a2c19df

src/main/webapp/publish/images/content/address_img06.png (Binary) (added)

+++ src/main/webapp/publish/images/content/address_img06.png

Binary file is not shown

a2c19df

src/main/webapp/publish/images/content/address_img07.png (Binary) (added)

+++ src/main/webapp/publish/images/content/address_img07.png

Binary file is not shown

a2c19df

src/main/webapp/publish/images/content/address_img08.png (Binary) (added)

+++ src/main/webapp/publish/images/content/address_img08.png

Binary file is not shown

a2c19df

src/main/webapp/publish/images/content/address_img09.png (Binary) (added)

+++ src/main/webapp/publish/images/content/address_img09.png

Binary file is not shown

a2c19df

src/main/webapp/publish/images/content/address_img10.png (Binary) (added)

+++ src/main/webapp/publish/images/content/address_img10.png

Binary file is not shown

...	...	@@ -36,58 +36,64 @@
36	36	</div>
37	37	<!-- 네이버 주소록을 이용하여 등록 -->
38	38	<div class="enroll_cont current" id="tab6_1">
39		- <!-- tab button -->
40		- <ul class="adr_depth3">
	39	+ <!-- tab button 주석처리_240423 -->
	40	+ <!-- <ul class="adr_depth3">
41	41	<li class="tab active"><button type="button" onclick="listTab(this,'1');">안드로이드</button></li>
42	42	<li class="tab"><button type="button" onclick="listTab(this,'2');">아이폰</button></li>
43		- </ul><!--// tab button -->
	43	+ </ul> -->
	44	+ <!--// tab button -->
44	45	<!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
45		- <div class="addWrap android eleType_cont current" id="listTab_1">
	46	+ <div class="addWrap android eleType_cont current address" id="listTab_1">
46	47	<ul class="add_and">
47	48	<li>
48	49	<p class="number">01</p>
49		- <p>구글 플레이 스토어에서<br/><strong>네이버 주소록</strong> 앱 다운</p>
50		- <img src="/publish/images/content/add_android_img01.png"/>
	50	+ <p>구글 플레이 스토어 · 애플 앱스토어에서<strong> 네이버</strong> 앱 다운</p>
	51	+ <img src="/publish/images/content/address_img01.png"/>
51	52	</li>
52	53	<li>
53	54	<p class="number">02</p>
54		- <p>오른쪽 하단<br/><strong>SETTINGS</strong> 선택</p>
55		- <img src="/publish/images/content/add_android_img02.png"/>
	55	+ <p>왼쪽 상단 <strong>메뉴</strong> 선택</p>
	56	+ <img src="/publish/images/content/address_img02.png"/>
56	57	</li>
57	58	<li>
58	59	<p class="number">03</p>
59		- <p>주소록 <strong>접근 권한</strong> 모두 허용</p>
60		- <img src="/publish/images/content/add_android_img03.png"/>
	60	+ <p>하단 스크롤 후 <br/><strong>[내도구] → 주소록</strong> 선택</p>
	61	+ <img src="/publish/images/content/address_img03.png"/>
61	62	</li>
62	63	<li>
63	64	<p class="number">04</p>
64		- <p>네이버 주소록 앱<br/>재실행 후 <strong>시작하기</strong> 선택</p>
65		- <img src="/publish/images/content/add_android_img04.png"/>
	65	+ <p>오른쪽 상단 <strong>메뉴</strong> 선택</p>
	66	+ <img src="/publish/images/content/address_img04.png"/>
66	67	</li>
67	68	<li>
68	69	<p class="number">05</p>
69		- <p>기본계정을<br/><strong>휴대폰</strong> 선택</p>
70		- <img src="/publish/images/content/add_android_img05.png"/>
	70	+ <p>폰 연락처 <strong>업로드</strong> 선택</p>
	71	+ <img src="/publish/images/content/address_img05.png"/>
71	72	</li>
72	73	<li>
73	74	<p class="number">06</p>
74		- <p class="txt"><strong>내보내기</strong> 선택</p>
75		- <img src="/publish/images/content/add_android_img06.png"/>
	75	+ <p class="txt"><strong>새로고침</strong> 선택</p>
	76	+ <img src="/publish/images/content/address_img06.png"/>
76	77	</li>
77	78	<li>
78	79	<p class="number">07</p>
79		- <p>내보내기 완료 후<br/>반드시 <strong>확인</strong> 버튼 선택</p>
80		- <img src="/publish/images/content/add_android_img07.png"/>
	80	+ <p>연락처 접근 <strong>허용</strong> 선택</p>
	81	+ <img src="/publish/images/content/address_img07.png"/>
81	82	</li>
82	83	<li>
83	84	<p class="number">08</p>
84		- <p>PC에서 네이버 주소록 접속 후<br/><strong>연락처 저장·내보내기</strong> 선택</p>
85		- <img src="/publish/images/content/add_android_img08.png"/>
	85	+ <p><strong>폰 연락처 업로드</strong> 완료</p>
	86	+ <img src="/publish/images/content/address_img08.png"/>
	87	+ </li>
	88	+ <li class="nine">
	89	+ <p class="number">09</p>
	90	+ <p>PC에서 네이버 메일 접속 후 <strong>상단 주소록 아이콘</strong> 선택</p>
	91	+ <img src="/publish/images/content/address_img09.png"/>
86	92	</li>
87	93	<li>
88		- <p class="number">09</p>
89		- <p>파일 형식(<strong>CSV 또는 XLSX</strong>), 항목, 대상선택 후 <strong>파일로 저장</strong>하기 선택</p>
90		- <img src="/publish/images/content/add_android_img09.png"/>
	94	+ <p class="number">10</p>
	95	+ <p>연락처 저장 · 내보내기 선택 후 파일 형식(<strong>CSV 또는 XLSX</strong>), 항목, 대상 선택 후 <strong>파일로 저장하기</strong> 클릭</p>
	96	+ <img src="/publish/images/content/address_img10.png"/>
91	97	</li>
92	98	</ul>
93	99	<div class="btnWrap">

...	...	@@ -178,6 +178,11 @@
178	178	.addWrap .btnWrap button:nth-child(1) {background-color:#002c9a;color:#fff;margin-right:5px;}
179	179	.addWrap .btnWrap button:nth-child(2) {background-color:#fff;color:#002c9a;border:1px solid #002c9a;}
180	180
	181	+/* 주소록 등록_수정 */
	182	+.eleType_cont.current.address{margin:40px 0 0 0;}
	183	+.addWrap.android .add_and .nine {width:calc(100%);}
	184	+.addWrap.android .add_and .nine::after {content:'';background:none;}
	185	+
181	186	/* // 주소록 등록 */
182	187
183	188	/* media queries */

Delete comment