Commit @dc441de56976dc18ab63b3a8d9f2d56d57e438c0

정수빈 2025-11-11

(사용자) 폰주소록 등록 > 핸드폰 > 아이폰 추가

@dc441de56976dc18ab63b3a8d9f2d56d57e438c0

7663b6f

dc441de

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


 				<!-- tab button -->
 				<ul class="tabType1">
 					<li class="tab active"><button type="button" onclick="TabType6(this,'1');">네이버 주소록을 이용하여 폰주소록 등록</button></li>
-					<li class="tab"><button type="button" onclick="TabType6(this,'2');">핸드폰 VCF파일로 변환하여 등록</button></li>
+					<li class="tab"><button type="button" onclick="TabType6(this,'2');listTab(this,'2');">핸드폰 VCF파일로 변환하여 등록</button></li>
 				</ul><!--// tab button -->
 			</div>
 			<!-- 네이버 주소록을 이용하여 등록 -->

 				</div><!--// 네이버 주소록을 이용하여 등록 - 안드로이드 -->
 				  
 				<!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
-				<div class="addWrap iphone eleType_cont" id="listTab_2">
+				<!-- <div class="addWrap iphone eleType_cont" id="listTab_2"> -->
+				<div class="addWrap iphone eleType_cont">
 					<ul class="add_and">
 						<li>
 							<p class="number">01</p>

 			</div> <!-- // 네이버 주소록을 이용하여 등록-->
 			<!-- 핸드폰 VCF파일로 변환하여 등록 -->
 			<div class="enroll_cont" id="tab6_2">
-				<div class="addWrap vcf">
-					<ul class="add_and">
-						<li>
-							<p class="number">01</p>
-							<p class="txt">휴대폰 <strong>연락처 앱</strong> 선택</p>
-							<img src="/publish/images/content/add_vcf_img01.png"/>
-						</li>
-						<li>
-							<p class="number">02</p>
-							<p>왼쪽 메뉴 클릭 후<br/><strong>연락처 관리 선택</strong></p>
-							<img src="/publish/images/content/add_vcf_img02.png"/>
-						</li>
-						<li>
-							<p class="number">03</p>
-							<p>연락처 관리에서 <strong>연락처</strong><br/><strong>가져오기/내보내기</strong> 선택</p>
-							<img src="/publish/images/content/add_vcf_img03.png"/>
-						</li>
-						<li>
-							<p class="number">04</p>
-							<p class="txt"><strong>연락처 내보내기</strong> 선택</p>
-							<img src="/publish/images/content/add_vcf_img04.png"/>
-						</li>
-						<li>
-							<p class="number">05</p>
-							<p><strong>내장메모리</strong> 선택 후<br/><strong>핸드폰과 PC 연결</strong></p>
-							<img src="/publish/images/content/add_vcf_img05.png"/>
-						</li>
-						<li>
-							<p class="number">06</p>
-							<p><strong>내 PC</strong>에서<br/><strong>본인 핸드폰 기종</strong> 선택</p>
-							<img src="/publish/images/content/add_vcf_img06.png"/>
-						</li>
-						<li>
-							<p class="number">07</p>
-							<p><strong>연락처(VCF) 파일</strong> 선택 후<br/>PC 복사(Ctrl+C/Ctrl+V),<br>드래그앤드롭)</p>
-							<img src="/publish/images/content/add_vcf_img07.png"/>
-						</li>
-					</ul>
-					<div class="btnWrap">
-						<button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
-						<button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
-					</div>
-				</div>
+						<ul class="adr_depth3">
+                            <li class="tab active"><button type="button" onclick="listTab(this,'2');">안드로이드</button></li>
+                            <li class="tab"><button type="button" onclick="listTab(this,'3');">아이폰</button></li>
+                        </ul>
+                        <div class="addWrap list_cont current galexy" id="listTab_2">
+                            <ul class="add_and">
+                                <li>
+                                    <p class="number">01</p>
+                                    <p class="txt">휴대폰 <strong>연락처 앱</strong> 선택</p>
+                                    <img src="/publish/images/content/add_vcf_img01.png" />
+                                </li>
+                                <li>
+                                    <p class="number">02</p>
+                                    <p>왼쪽 메뉴 클릭 후<br /><strong>연락처 관리 선택</strong></p>
+                                    <img src="/publish/images/content/add_vcf_img02.png" />
+                                </li>
+                                <li>
+                                    <p class="number">03</p>
+                                    <p>연락처 관리에서 <strong>연락처</strong><br /><strong>가져오기/내보내기</strong> 선택</p>
+                                    <img src="/publish/images/content/add_vcf_img03.png" />
+                                </li>
+                                <li>
+                                    <p class="number">04</p>
+                                    <p class="txt"><strong>연락처 내보내기</strong> 선택</p>
+                                    <img src="/publish/images/content/add_vcf_img04.png" />
+                                </li>
+                                <li>
+                                    <p class="number">05</p>
+                                    <p><strong>내장메모리</strong> 선택 후<br /><strong>핸드폰과 PC 연결</strong></p>
+                                    <img src="/publish/images/content/add_vcf_img05.png" />
+                                </li>
+                                <li>
+                                    <p class="number">06</p>
+                                    <p><strong>내 PC</strong>에서<br /><strong>본인 핸드폰 기종</strong> 선택</p>
+                                    <img src="/publish/images/content/add_vcf_img06.png" />
+                                </li>
+                                <li>
+                                    <p class="number">07</p>
+                                    <p><strong>연락처(VCF) 파일</strong> 선택 후<br />PC 복사(Ctrl+C/Ctrl+V),<br>드래그앤드롭)</p>
+                                    <img src="/publish/images/content/add_vcf_img07.png" />
+                                </li>
+                            </ul>
+                            <div class="btnWrap">
+                                <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
+                                <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
+                            </div>
+                        </div>
+                        <div class="addWrap list_cont iphone vCard" id="listTab_3">
+                            <ul class="add_and">
+                                <li>
+                                    <p class="number">01</p>
+                                    <p class="txt">
+                                        <strong>iCloud.com</strong> 접속 후<br> <strong>Apple 계정</strong>으로 로그인
+                                    </p>
+                                    <img src="/publish/images/content/add_vCard_iphone_img01.png" />
+                                </li>
+                                <li>
+                                    <p class="number">02</p>
+                                    <p><strong>‘연락처’</strong> 앱 선택 및 실행 </p>
+                                    <img src="/publish/images/content/add_vCard_iphone_img02.png" />
+                                </li>
+                                <li>
+                                    <p class="number">03</p>
+                                    <p><strong>모든 연락처</strong> 선택</p>
+                                    <img src="/publish/images/content/add_vCard_iphone_img03.png" />
+                                </li>
+                                <li>
+                                    <p class="number">04</p>
+                                    <p class="txt"><strong>vCard</strong> 내보내기</p>
+                                    <img src="/publish/images/content/add_vCard_iphone_img04.png" />
+                                </li>
+                                <li>
+                                    <p class="number">05</p>
+                                    <p><strong>다운로드 폴더</strong>에<br><strong>iCloud vCards</strong> 파일로 저장</p>
+                                    <img src="/publish/images/content/add_vCard_iphone_img05.png" />
+                                </li>
+                                <li>
+                                    <p class="number">06</p>
+                                    <p><strong>연락처(vCards)</strong>파일 선택 후<br>
+                                        <strong>PC 바탕화면</strong>에 <br>
+                                        <strong>복사/붙여넣기</strong>(Ctrl+C/Ctrl+V)</p>
+                                    <img src="/publish/images/content/add_vCard_iphone_img06.png" />
+                                </li>
+                            </ul>
+                            <div class="btnWrap">
+                                <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
+                                <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
+                            </div>
+                        </div>
 			</div><!--// 핸드폰 VCF파일로 변환하여 등록 -->
 		</div><!--// 주소록 관리 - 폰주소록 등록 -->
 	</div><!--// send top -->

7663b6f

dc441de

src/main/webapp/publish/adrbook4.html

--- src/main/webapp/publish/adrbook4.html

+++ src/main/webapp/publish/adrbook4.html


     <link rel="stylesheet" href="/publish/css/reset.css">
     <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
     <link rel="stylesheet" href="/publish/css/common.css">
+    <link rel="stylesheet" href="/publish/css/style.css">
     <link rel="stylesheet" href="/publish/css/button.css">
     <link rel="stylesheet" href="/publish/css/content.css">
     <link rel="stylesheet" href="/publish/css/adrbook.css">
     <link rel="stylesheet" href="/publish/css/font.css">
     <link rel="stylesheet" href="/publish/css/popupLayer.css">
-    
-    
+
+
     <script src="/publish/js/jquery-3.5.0.js"></script>
     <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
     <script src="/publish/js/common.js"></script>
     <script src="/publish/js/content.js"></script>
     <script src="/publish/js/calendar.js"></script>
-	<script src="/publish/js/popupLayer.js"></script>
+    <script src="/publish/js/popupLayer.js"></script>
 
 
 </head>
+
 <body>
     <div class="mask"></div>
     <div data-include-path="/publish/layout/_header.html"></div>

             <!-- send top -->
             <div class="send_top">
                 <!-- tab button -->
-                <ul class="tabType4">
-                    <li class="tab"><button type="button" onclick="location.href='/publish/adrbook1.html'">주소록관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/adrbook_fax.html'">팩스 주소록관리</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/adrbook2.html'">수신거부</button></li>
-                    <li class="tab active"><button type="button" onclick="TabType5(this,'4');">폰주소록 등록</button></li>
-                    <li class="tab"><button type="button" onclick="location.href='/publish/adrbook3.html'">주소록 입력 대행(무료)</button></li>
-                </ul><!--// tab button -->
-				<!-- 주소록 관리 - 폰주소록 등록 -->
+                <!-- <%@include file="/WEB-INF/jsp/web/addr/include/topMenu.jsp" %> -->
+                <!--// tab button -->
+                <!-- 주소록 관리 - 폰주소록 등록 -->
                 <div class="adr_cont current" id="tab5_3">
                     <div class="heading">
                         <h2>폰주소록 등록</h2>

                         <ul class="tabType1">
                             <li class="tab active"><button type="button" onclick="TabType6(this,'1');">네이버 주소록을 이용하여 폰주소록 등록</button></li>
                             <li class="tab"><button type="button" onclick="TabType6(this,'2');">핸드폰 VCF파일로 변환하여 등록</button></li>
-                        </ul><!--// tab button -->
+                        </ul>
+                        <!--// tab button -->
                     </div>
                     <!-- 네이버 주소록을 이용하여 등록 -->
                     <div class="enroll_cont current" id="tab6_1">
+                        <!-- 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 -->
                         <!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
-                        <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>구글 플레이 스토어 · 애플 앱스토어에서<strong> 네이버</strong> 앱 다운</p>
-                                    <img src="/publish/images/content/address_img01.png">
+                                    <img src="/publish/images/content/address_img01.png" />
                                 </li>
                                 <li>
                                     <p class="number">02</p>
                                     <p>왼쪽 상단 <strong>메뉴</strong> 선택</p>
-                                    <img src="/publish/images/content/address_img02.png">
+                                    <img src="/publish/images/content/address_img02.png" />
                                 </li>
                                 <li>
                                     <p class="number">03</p>
-                                    <p>하단 스크롤 후 <br><strong>[내도구] → 주소록</strong> 선택</p>
-                                    <img src="/publish/images/content/address_img03.png">
+                                    <p>하단 스크롤 후 <br /><strong>[내도구] → 주소록</strong> 선택</p>
+                                    <img src="/publish/images/content/address_img03.png" />
                                 </li>
                                 <li>
                                     <p class="number">04</p>
                                     <p>오른쪽 상단 <strong>메뉴</strong> 선택</p>
-                                    <img src="/publish/images/content/address_img04.png">
+                                    <img src="/publish/images/content/address_img04.png" />
                                 </li>
                                 <li>
                                     <p class="number">05</p>
                                     <p>폰 연락처 <strong>업로드</strong> 선택</p>
-                                    <img src="/publish/images/content/address_img05.png">
+                                    <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/address_img06.png">
+                                    <img src="/publish/images/content/address_img06.png" />
                                 </li>
                                 <li>
                                     <p class="number">07</p>
                                     <p>연락처 접근 <strong>허용</strong> 선택</p>
-                                    <img src="/publish/images/content/address_img07.png">
+                                    <img src="/publish/images/content/address_img07.png" />
                                 </li>
                                 <li>
                                     <p class="number">08</p>
                                     <p><strong>폰 연락처 업로드</strong> 완료</p>
-                                    <img src="/publish/images/content/address_img08.png">
+                                    <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">
+                                    <img src="/publish/images/content/address_img09.png" />
                                 </li>
                                 <li>
                                     <p class="number">10</p>
                                     <p>연락처 저장 · 내보내기 선택 후 파일 형식(<strong>CSV 또는 XLSX</strong>), 항목, 대상 선택 후 <strong>파일로 저장하기</strong> 클릭</p>
-                                    <img src="/publish/images/content/address_img10.png">
+                                    <img src="/publish/images/content/address_img10.png" />
                                 </li>
                             </ul>
                             <div class="btnWrap">
-                                <button type="button">주소록 입력 무료대행</button>
-                                <button type="button">주소록 관리 바로가기</button>
+                                <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
+                                <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
                             </div>
-                        </div><!--// 네이버 주소록을 이용하여 등록 - 안드로이드 -->
-                          
+                        </div>
+                        <!--// 네이버 주소록을 이용하여 등록 - 안드로이드 -->
+
                         <!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
-                        <div class="addWrap iphone eleType_cont" id="listTab_2">
+                        <!-- <div class="addWrap iphone eleType_cont" id="listTab_2"> -->
+                        <div class="addWrap iphone eleType_cont">
                             <ul class="add_and">
                                 <li>
                                     <p class="number">01</p>
-                                    <p>애플 앱스토어에서<br/><strong>네이버 주소록</strong> 앱 다운</p>
-                                    <img src="/publish/images/content/add_iphone_img01.png"/>
+                                    <p>애플 앱스토어에서<br /><strong>네이버 주소록</strong> 앱 다운</p>
+                                    <img src="/publish/images/content/add_iphone_img01.png" />
                                 </li>
                                 <li>
                                     <p class="number">02</p>
-                                    <p>네이버 주소록 앱 실행 후<br/><strong>주소록 접근 권한 승인 선택</strong></p>
-                                    <img src="/publish/images/content/add_iphone_img02.png"/>
+                                    <p>네이버 주소록 앱 실행 후<br /><strong>주소록 접근 권한 승인 선택</strong></p>
+                                    <img src="/publish/images/content/add_iphone_img02.png" />
                                 </li>
                                 <li>
                                     <p class="number">03</p>
-                                    <p><strong>원하는 모드를 선택</strong> 후<br/>
+                                    <p><strong>원하는 모드를 선택</strong> 후<br />
                                         주소록 앱 시작하기 선택</p>
-                                    <img src="/publish/images/content/add_iphone_img03.png"/>
+                                    <img src="/publish/images/content/add_iphone_img03.png" />
                                 </li>
                                 <li>
                                     <p class="number">04</p>
-                                    <p><strong>내보내기</strong> 완료 후<br/>반드시 확인 버튼 선택</p>
-                                    <img src="/publish/images/content/add_iphone_img04.png"/>
+                                    <p><strong>내보내기</strong> 완료 후<br />반드시 확인 버튼 선택</p>
+                                    <img src="/publish/images/content/add_iphone_img04.png" />
                                 </li>
                                 <li>
                                     <p class="number">05</p>
-                                    <p>PC에서 네이버 주소록 접속 후<br/><strong>연락처 저장·내보내기</strong> 선택</p>
-                                    <img src="/publish/images/content/add_iphone_img05.png"/>
+                                    <p>PC에서 네이버 주소록 접속 후<br /><strong>연락처 저장·내보내기</strong> 선택</p>
+                                    <img src="/publish/images/content/add_iphone_img05.png" />
                                 </li>
                                 <li>
                                     <p class="number">06</p>
                                     <p class="txt">파일 형식(<strong>CSV 또는 XLSX</strong>), 항목, 대상선택 후<strong>파일로 저장</strong>하기 선택</p>
-                                    <img src="/publish/images/content/add_iphone_img06.png"/>
+                                    <img src="/publish/images/content/add_iphone_img06.png" />
                                 </li>
                             </ul>
                             <div class="btnWrap">
-                                <button type="button">주소록 입력 무료대행</button>
-                                <button type="button">주소록 관리 바로가기</button>
+                                <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
+                                <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
                             </div>
                         </div>
-
-
                     </div> <!-- // 네이버 주소록을 이용하여 등록-->
-
                     <!-- 핸드폰 VCF파일로 변환하여 등록 -->
                     <div class="enroll_cont" id="tab6_2">
-                        <div class="addWrap vcf">
+                        <ul class="adr_depth3">
+                            <li class="tab active"><button type="button" onclick="listTab(this,'2');">안드로이드</button></li>
+                            <li class="tab"><button type="button" onclick="listTab(this,'3');">아이폰</button></li>
+                        </ul>
+                        <div class="addWrap list_cont current galexy" id="listTab_2">
                             <ul class="add_and">
                                 <li>
                                     <p class="number">01</p>
                                     <p class="txt">휴대폰 <strong>연락처 앱</strong> 선택</p>
-                                    <img src="/publish/images/content/add_vcf_img01.png"/>
+                                    <img src="/publish/images/content/add_vcf_img01.png" />
                                 </li>
                                 <li>
                                     <p class="number">02</p>
-                                    <p>왼쪽 메뉴 클릭 후<br/><strong>연락처 관리 선택</strong></p>
-                                    <img src="/publish/images/content/add_vcf_img02.png"/>
+                                    <p>왼쪽 메뉴 클릭 후<br /><strong>연락처 관리 선택</strong></p>
+                                    <img src="/publish/images/content/add_vcf_img02.png" />
                                 </li>
                                 <li>
                                     <p class="number">03</p>
-                                    <p>연락처 관리에서 <strong>연락처</strong><br/><strong>가져오기/내보내기</strong> 선택</p>
-                                    <img src="/publish/images/content/add_vcf_img03.png"/>
+                                    <p>연락처 관리에서 <strong>연락처</strong><br /><strong>가져오기/내보내기</strong> 선택</p>
+                                    <img src="/publish/images/content/add_vcf_img03.png" />
                                 </li>
                                 <li>
                                     <p class="number">04</p>
                                     <p class="txt"><strong>연락처 내보내기</strong> 선택</p>
-                                    <img src="/publish/images/content/add_vcf_img04.png"/>
+                                    <img src="/publish/images/content/add_vcf_img04.png" />
                                 </li>
                                 <li>
                                     <p class="number">05</p>
-                                    <p><strong>내장메모리</strong> 선택 후<br/><strong>핸드폰과 PC 연결</strong></p>
-                                    <img src="/publish/images/content/add_vcf_img05.png"/>
+                                    <p><strong>내장메모리</strong> 선택 후<br /><strong>핸드폰과 PC 연결</strong></p>
+                                    <img src="/publish/images/content/add_vcf_img05.png" />
                                 </li>
                                 <li>
                                     <p class="number">06</p>
-                                    <p><strong>내 PC</strong>에서<br/><strong>본인 핸드폰 기종</strong> 선택</p>
-                                    <img src="/publish/images/content/add_vcf_img06.png"/>
+                                    <p><strong>내 PC</strong>에서<br /><strong>본인 핸드폰 기종</strong> 선택</p>
+                                    <img src="/publish/images/content/add_vcf_img06.png" />
                                 </li>
                                 <li>
                                     <p class="number">07</p>
-                                    <p><strong>연락처(VCF) 파일</strong> 선택 후<br/>PC 복사(Ctrl+C/Ctrl+V),<br>드래그앤드롭)</p>
-                                    <img src="/publish/images/content/add_vcf_img07.png"/>
+                                    <p><strong>연락처(VCF) 파일</strong> 선택 후<br />PC 복사(Ctrl+C/Ctrl+V),<br>드래그앤드롭)</p>
+                                    <img src="/publish/images/content/add_vcf_img07.png" />
                                 </li>
                             </ul>
                             <div class="btnWrap">
-                                <button type="button">주소록 입력 무료대행</button>
-                                <button type="button">주소록 관리 바로가기</button>
+                                <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
+                                <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
                             </div>
                         </div>
-                    </div><!--// 핸드폰 VCF파일로 변환하여 등록 -->
-                    
-                    
-				</div><!--// 주소록 관리 - 폰주소록 등록 -->
-            </div><!--// send top -->
+                        <div class="addWrap list_cont iphone vCard" id="listTab_3">
+                            <ul class="add_and">
+                                <li>
+                                    <p class="number">01</p>
+                                    <p class="txt">
+                                        <strong>iCloud.com</strong> 접속 후<br> <strong>Apple 계정</strong>으로 로그인
+                                    </p>
+                                    <img src="/publish/images/content/add_vCard_iphone_img01.png" />
+                                </li>
+                                <li>
+                                    <p class="number">02</p>
+                                    <p><strong>‘연락처’</strong> 앱 선택 및 실행 </p>
+                                    <img src="/publish/images/content/add_vCard_iphone_img02.png" />
+                                </li>
+                                <li>
+                                    <p class="number">03</p>
+                                    <p><strong>모든 연락처</strong> 선택</p>
+                                    <img src="/publish/images/content/add_vCard_iphone_img03.png" />
+                                </li>
+                                <li>
+                                    <p class="number">04</p>
+                                    <p class="txt"><strong>vCard</strong> 내보내기</p>
+                                    <img src="/publish/images/content/add_vCard_iphone_img04.png" />
+                                </li>
+                                <li>
+                                    <p class="number">05</p>
+                                    <p><strong>다운로드 폴더</strong>에<br><strong>iCloud vCards</strong> 파일로 저장</p>
+                                    <img src="/publish/images/content/add_vCard_iphone_img05.png" />
+                                </li>
+                                <li>
+                                    <p class="number">06</p>
+                                    <p><strong>연락처(vCards)</strong>파일 선택 후<br>
+                                        <strong>PC 바탕화면</strong>에 <br>
+                                        <strong>복사/붙여넣기</strong>(Ctrl+C/Ctrl+V)</p>
+                                    <img src="/publish/images/content/add_vCard_iphone_img06.png" />
+                                </li>
+                            </ul>
+                            <div class="btnWrap">
+                                <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
+                                <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
+                            </div>
+                        </div>
+                    </div>
+                    <!--// 핸드폰 VCF파일로 변환하여 등록 -->
+                </div>
+                <!--// 주소록 관리 - 폰주소록 등록 -->
+            </div>
+            <!--// send top -->
         </div>
-    </div><!--// content 영역 -->
+    </div>
+    <!--// content 영역 -->
     <!-- footer -->
-	<div data-include-path="/publish/layout/_footer.html"></div>
-	<!--// footer 영역 -->
-</body></html>
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>

7663b6f

dc441de

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

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

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


 .add_and .number {position:absolute;top:-25px;left:50%;transform:translate(-50%, 0);background:url('/publish/images/content/btn_addBg.png') no-repeat 0 0;width:61px;height:61px;background-size: 100%;color:#fff;font-size:16px;text-align: center;line-height:60px;letter-spacing: 0;}
 .addWrap.iphone .add_and li:last-child {width: calc(72.5%);margin-right: 0 !important;padding-bottom: 20px;}
 .addWrap.vcf {margin-top:40px;}
+.addWrap.galaxy {margin-top:40px;}
+.addWrap.iphone.vCard{display:none;}
 .addWrap .btnWrap {text-align:center;margin: 20px 0;}
 .addWrap .btnWrap button {width:220px;height:60px;font-size:20px;border-radius: 5px;transition: 0.3s ease;}
 .addWrap .btnWrap button:hover {box-shadow:0px 0px 5px 4px rgb(0 44 154 / 15%);transition: 0.3s ease;}
 .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;}
+
+
+.addWrap.iphone.vCard li{position:relative;width:calc((100%/4) - 32px);height:480px;}
+.addWrap.iphone.vCard li:nth-child(n+4){height:440px;}
+.addWrap.iphone.vCard img{position:absolute;width:100%;bottom:0;left:0;}
+.addWrap.iphone.vCard li:nth-child(2){width:47%;}
+.addWrap.iphone.vCard li:nth-child(3)::after{display:none;}
+.addWrap.iphone.vCard li:nth-child(4){margin:25px 32px 25px 0;}
+.addWrap.iphone.vCard .add_and li:nth-child(4)::after{display:block;background: url(/publish/images/content/icon_arrR.png) no-repeat 0 0;}
+.addWrap.iphone.vCard .add_and li:last-child{width:calc((100%/4) - 32px);}
 
 /* 주소록 등록_수정 */
 .eleType_cont.current.address{margin:40px 0 0 0;}

     .search_group_bottom2 .btnWrap2::after {display:none;}
     .search_group_bottom2 .btnWrap2::before {display:none;}
     .search_group_bottom2 .btnWrap2 .selType2 {width:125px;}
+    
+    /* 폰주소록 등록 */
+    .addWrap.iphone.vCard li{width:calc((100%/3) - 32px);height:550px}
+    .addWrap.iphone.vCard li:nth-child(n+4){height:550px;}
+    .addWrap.iphone.vCard li:nth-child(2){width:63%;}
+    .addWrap.iphone.vCard li:nth-child(2)::after,.addWrap.iphone.vCard li:nth-child(5)::after{display:none;}
+    .addWrap.iphone.vCard li:nth-child(3)::after{display:block;}
+    .addWrap.iphone.vCard li:nth-child(4){margin:25px 32px 25px 0;}
+    .addWrap.iphone.vCard .add_and li:nth-child(4)::after{display:block;background: url(/publish/images/content/icon_arrR.png) no-repeat 0 0;}
+    .addWrap.iphone.vCard .add_and li:last-child{width:calc((100%/3) - 32px);}
 
 }
 

dc441de

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

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

Binary file is not shown

dc441de

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

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

Binary file is not shown

dc441de

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

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

Binary file is not shown

dc441de

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

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

Binary file is not shown

dc441de

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

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

Binary file is not shown

dc441de

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

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

Binary file is not shown

7663b6f

dc441de

src/main/webapp/publish/js/content.js

--- src/main/webapp/publish/js/content.js

+++ src/main/webapp/publish/js/content.js


 function TabType6(obj, tabId) {
 	var $tab = $(obj).closest("li");
 	var $tabPrev = $(obj).closest("li").prev("li");
-	$tab.addClass("active");
+	$tab.addClass("active").find("button").removeAttr("style");
 	$tab.find("button").attr("title", "선택됨");
 	$tab.siblings("li.tab").removeClass("active");
 	$tab.siblings("li.tab").find("button").removeAttr("title");

Add a comment

Open 0
Closed 0

List

...	...	@@ -26,7 +26,7 @@
26	26	<!-- tab button -->
27	27	<ul class="tabType1">
28	28	<li class="tab active"><button type="button" onclick="TabType6(this,'1');">네이버 주소록을 이용하여 폰주소록 등록</button></li>
29		- <li class="tab"><button type="button" onclick="TabType6(this,'2');">핸드폰 VCF파일로 변환하여 등록</button></li>
	29	+ <li class="tab"><button type="button" onclick="TabType6(this,'2');listTab(this,'2');">핸드폰 VCF파일로 변환하여 등록</button></li>
30	30	</ul><!--// tab button -->
31	31	</div>
32	32	<!-- 네이버 주소록을 이용하여 등록 -->
...	...	@@ -98,7 +98,8 @@
98	98	</div><!--// 네이버 주소록을 이용하여 등록 - 안드로이드 -->
99	99
100	100	<!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
101		- <div class="addWrap iphone eleType_cont" id="listTab_2">
	101	+ <!-- <div class="addWrap iphone eleType_cont" id="listTab_2"> -->
	102	+ <div class="addWrap iphone eleType_cont">
102	103	<ul class="add_and">
103	104	<li>
104	105	<p class="number">01</p>
...	...	@@ -140,49 +141,95 @@
140	141	</div> <!-- // 네이버 주소록을 이용하여 등록-->
141	142	<!-- 핸드폰 VCF파일로 변환하여 등록 -->
142	143	<div class="enroll_cont" id="tab6_2">
143		- <div class="addWrap vcf">
144		- <ul class="add_and">
145		- <li>
146		- <p class="number">01</p>
147		- <p class="txt">휴대폰 <strong>연락처 앱</strong> 선택</p>
148		- <img src="/publish/images/content/add_vcf_img01.png"/>
149		- </li>
150		- <li>
151		- <p class="number">02</p>
152		- <p>왼쪽 메뉴 클릭 후<br/><strong>연락처 관리 선택</strong></p>
153		- <img src="/publish/images/content/add_vcf_img02.png"/>
154		- </li>
155		- <li>
156		- <p class="number">03</p>
157		- <p>연락처 관리에서 <strong>연락처</strong><br/><strong>가져오기/내보내기</strong> 선택</p>
158		- <img src="/publish/images/content/add_vcf_img03.png"/>
159		- </li>
160		- <li>
161		- <p class="number">04</p>
162		- <p class="txt"><strong>연락처 내보내기</strong> 선택</p>
163		- <img src="/publish/images/content/add_vcf_img04.png"/>
164		- </li>
165		- <li>
166		- <p class="number">05</p>
167		- <p><strong>내장메모리</strong> 선택 후<br/><strong>핸드폰과 PC 연결</strong></p>
168		- <img src="/publish/images/content/add_vcf_img05.png"/>
169		- </li>
170		- <li>
171		- <p class="number">06</p>
172		- <p><strong>내 PC</strong>에서<br/><strong>본인 핸드폰 기종</strong> 선택</p>
173		- <img src="/publish/images/content/add_vcf_img06.png"/>
174		- </li>
175		- <li>
176		- <p class="number">07</p>
177		- <p><strong>연락처(VCF) 파일</strong> 선택 후<br/>PC 복사(Ctrl+C/Ctrl+V),<br>드래그앤드롭)</p>
178		- <img src="/publish/images/content/add_vcf_img07.png"/>
179		- </li>
180		- </ul>
181		- <div class="btnWrap">
182		- <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
183		- <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
184		- </div>
185		- </div>
	144	+ <ul class="adr_depth3">
	145	+ <li class="tab active"><button type="button" onclick="listTab(this,'2');">안드로이드</button></li>
	146	+ <li class="tab"><button type="button" onclick="listTab(this,'3');">아이폰</button></li>
	147	+ </ul>
	148	+ <div class="addWrap list_cont current galexy" id="listTab_2">
	149	+ <ul class="add_and">
	150	+ <li>
	151	+ <p class="number">01</p>
	152	+ <p class="txt">휴대폰 <strong>연락처 앱</strong> 선택</p>
	153	+ <img src="/publish/images/content/add_vcf_img01.png" />
	154	+ </li>
	155	+ <li>
	156	+ <p class="number">02</p>
	157	+ <p>왼쪽 메뉴 클릭 후<br /><strong>연락처 관리 선택</strong></p>
	158	+ <img src="/publish/images/content/add_vcf_img02.png" />
	159	+ </li>
	160	+ <li>
	161	+ <p class="number">03</p>
	162	+ <p>연락처 관리에서 <strong>연락처</strong><br /><strong>가져오기/내보내기</strong> 선택</p>
	163	+ <img src="/publish/images/content/add_vcf_img03.png" />
	164	+ </li>
	165	+ <li>
	166	+ <p class="number">04</p>
	167	+ <p class="txt"><strong>연락처 내보내기</strong> 선택</p>
	168	+ <img src="/publish/images/content/add_vcf_img04.png" />
	169	+ </li>
	170	+ <li>
	171	+ <p class="number">05</p>
	172	+ <p><strong>내장메모리</strong> 선택 후<br /><strong>핸드폰과 PC 연결</strong></p>
	173	+ <img src="/publish/images/content/add_vcf_img05.png" />
	174	+ </li>
	175	+ <li>
	176	+ <p class="number">06</p>
	177	+ <p><strong>내 PC</strong>에서<br /><strong>본인 핸드폰 기종</strong> 선택</p>
	178	+ <img src="/publish/images/content/add_vcf_img06.png" />
	179	+ </li>
	180	+ <li>
	181	+ <p class="number">07</p>
	182	+ <p><strong>연락처(VCF) 파일</strong> 선택 후<br />PC 복사(Ctrl+C/Ctrl+V),<br>드래그앤드롭)</p>
	183	+ <img src="/publish/images/content/add_vcf_img07.png" />
	184	+ </li>
	185	+ </ul>
	186	+ <div class="btnWrap">
	187	+ <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
	188	+ <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
	189	+ </div>
	190	+ </div>
	191	+ <div class="addWrap list_cont iphone vCard" id="listTab_3">
	192	+ <ul class="add_and">
	193	+ <li>
	194	+ <p class="number">01</p>
	195	+ <p class="txt">
	196	+ <strong>iCloud.com</strong> 접속 후<br> <strong>Apple 계정</strong>으로 로그인
	197	+ </p>
	198	+ <img src="/publish/images/content/add_vCard_iphone_img01.png" />
	199	+ </li>
	200	+ <li>
	201	+ <p class="number">02</p>
	202	+ <p><strong>‘연락처’</strong> 앱 선택 및 실행 </p>
	203	+ <img src="/publish/images/content/add_vCard_iphone_img02.png" />
	204	+ </li>
	205	+ <li>
	206	+ <p class="number">03</p>
	207	+ <p><strong>모든 연락처</strong> 선택</p>
	208	+ <img src="/publish/images/content/add_vCard_iphone_img03.png" />
	209	+ </li>
	210	+ <li>
	211	+ <p class="number">04</p>
	212	+ <p class="txt"><strong>vCard</strong> 내보내기</p>
	213	+ <img src="/publish/images/content/add_vCard_iphone_img04.png" />
	214	+ </li>
	215	+ <li>
	216	+ <p class="number">05</p>
	217	+ <p><strong>다운로드 폴더</strong>에<br><strong>iCloud vCards</strong> 파일로 저장</p>
	218	+ <img src="/publish/images/content/add_vCard_iphone_img05.png" />
	219	+ </li>
	220	+ <li>
	221	+ <p class="number">06</p>
	222	+ <p><strong>연락처(vCards)</strong>파일 선택 후<br>
	223	+ <strong>PC 바탕화면</strong>에 <br>
	224	+ <strong>복사/붙여넣기</strong>(Ctrl+C/Ctrl+V)</p>
	225	+ <img src="/publish/images/content/add_vCard_iphone_img06.png" />
	226	+ </li>
	227	+ </ul>
	228	+ <div class="btnWrap">
	229	+ <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
	230	+ <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
	231	+ </div>
	232	+ </div>
186	233	</div><!--// 핸드폰 VCF파일로 변환하여 등록 -->
187	234	</div><!--// 주소록 관리 - 폰주소록 등록 -->
188	235	</div><!--// send top -->

...	...	@@ -180,11 +180,23 @@
180	180	.add_and .number {position:absolute;top:-25px;left:50%;transform:translate(-50%, 0);background:url('/publish/images/content/btn_addBg.png') no-repeat 0 0;width:61px;height:61px;background-size: 100%;color:#fff;font-size:16px;text-align: center;line-height:60px;letter-spacing: 0;}
181	181	.addWrap.iphone .add_and li:last-child {width: calc(72.5%);margin-right: 0 !important;padding-bottom: 20px;}
182	182	.addWrap.vcf {margin-top:40px;}
	183	+.addWrap.galaxy {margin-top:40px;}
	184	+.addWrap.iphone.vCard{display:none;}
183	185	.addWrap .btnWrap {text-align:center;margin: 20px 0;}
184	186	.addWrap .btnWrap button {width:220px;height:60px;font-size:20px;border-radius: 5px;transition: 0.3s ease;}
185	187	.addWrap .btnWrap button:hover {box-shadow:0px 0px 5px 4px rgb(0 44 154 / 15%);transition: 0.3s ease;}
186	188	.addWrap .btnWrap button:nth-child(1) {background-color:#002c9a;color:#fff;margin-right:5px;}
187	189	.addWrap .btnWrap button:nth-child(2) {background-color:#fff;color:#002c9a;border:1px solid #002c9a;}
	190	+
	191	+
	192	+.addWrap.iphone.vCard li{position:relative;width:calc((100%/4) - 32px);height:480px;}
	193	+.addWrap.iphone.vCard li:nth-child(n+4){height:440px;}
	194	+.addWrap.iphone.vCard img{position:absolute;width:100%;bottom:0;left:0;}
	195	+.addWrap.iphone.vCard li:nth-child(2){width:47%;}
	196	+.addWrap.iphone.vCard li:nth-child(3)::after{display:none;}
	197	+.addWrap.iphone.vCard li:nth-child(4){margin:25px 32px 25px 0;}
	198	+.addWrap.iphone.vCard .add_and li:nth-child(4)::after{display:block;background: url(/publish/images/content/icon_arrR.png) no-repeat 0 0;}
	199	+.addWrap.iphone.vCard .add_and li:last-child{width:calc((100%/4) - 32px);}
188	200
189	201	/* 주소록 등록_수정 */
190	202	.eleType_cont.current.address{margin:40px 0 0 0;}
...	...	@@ -226,6 +238,16 @@
226	238	.search_group_bottom2 .btnWrap2::after {display:none;}
227	239	.search_group_bottom2 .btnWrap2::before {display:none;}
228	240	.search_group_bottom2 .btnWrap2 .selType2 {width:125px;}
	241	+
	242	+ /* 폰주소록 등록 */
	243	+ .addWrap.iphone.vCard li{width:calc((100%/3) - 32px);height:550px}
	244	+ .addWrap.iphone.vCard li:nth-child(n+4){height:550px;}
	245	+ .addWrap.iphone.vCard li:nth-child(2){width:63%;}
	246	+ .addWrap.iphone.vCard li:nth-child(2)::after,.addWrap.iphone.vCard li:nth-child(5)::after{display:none;}
	247	+ .addWrap.iphone.vCard li:nth-child(3)::after{display:block;}
	248	+ .addWrap.iphone.vCard li:nth-child(4){margin:25px 32px 25px 0;}
	249	+ .addWrap.iphone.vCard .add_and li:nth-child(4)::after{display:block;background: url(/publish/images/content/icon_arrR.png) no-repeat 0 0;}
	250	+ .addWrap.iphone.vCard .add_and li:last-child{width:calc((100%/3) - 32px);}
229	251
230	252	}
231	253

...	...	@@ -822,7 +822,7 @@
822	822	function TabType6(obj, tabId) {
823	823	var $tab = $(obj).closest("li");
824	824	var $tabPrev = $(obj).closest("li").prev("li");
825		- $tab.addClass("active");
	825	+ $tab.addClass("active").find("button").removeAttr("style");
826	826	$tab.find("button").attr("title", "선택됨");
827	827	$tab.siblings("li.tab").removeClass("active");
828	828	$tab.siblings("li.tab").find("button").removeAttr("title");

...	...	@@ -10,22 +10,24 @@
10	10	<link rel="stylesheet" href="/publish/css/reset.css">
11	11	<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
12	12	<link rel="stylesheet" href="/publish/css/common.css">
	13	+ <link rel="stylesheet" href="/publish/css/style.css">
13	14	<link rel="stylesheet" href="/publish/css/button.css">
14	15	<link rel="stylesheet" href="/publish/css/content.css">
15	16	<link rel="stylesheet" href="/publish/css/adrbook.css">
16	17	<link rel="stylesheet" href="/publish/css/font.css">
17	18	<link rel="stylesheet" href="/publish/css/popupLayer.css">
18		-
19		-
	19	+
	20	+
20	21	<script src="/publish/js/jquery-3.5.0.js"></script>
21	22	<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
22	23	<script src="/publish/js/common.js"></script>
23	24	<script src="/publish/js/content.js"></script>
24	25	<script src="/publish/js/calendar.js"></script>
25		- <script src="/publish/js/popupLayer.js"></script>
	26	+ <script src="/publish/js/popupLayer.js"></script>
26	27
27	28
28	29	</head>
	30	+
29	31	<body>
30	32	<div class="mask"></div>
31	33	<div data-include-path="/publish/layout/_header.html"></div>
...	...	@@ -36,14 +38,9 @@
36	38	<!-- send top -->
37	39	<div class="send_top">
38	40	<!-- tab button -->
39		- <ul class="tabType4">
40		- <li class="tab"><button type="button" onclick="location.href='/publish/adrbook1.html'">주소록관리</button></li>
41		- <li class="tab"><button type="button" onclick="location.href='/publish/adrbook_fax.html'">팩스 주소록관리</button></li>
42		- <li class="tab"><button type="button" onclick="location.href='/publish/adrbook2.html'">수신거부</button></li>
43		- <li class="tab active"><button type="button" onclick="TabType5(this,'4');">폰주소록 등록</button></li>
44		- <li class="tab"><button type="button" onclick="location.href='/publish/adrbook3.html'">주소록 입력 대행(무료)</button></li>
45		- </ul><!--// tab button -->
46		- <!-- 주소록 관리 - 폰주소록 등록 -->
	41	+ <!-- <%@include file="/WEB-INF/jsp/web/addr/include/topMenu.jsp" %> -->
	42	+ <!--// tab button -->
	43	+ <!-- 주소록 관리 - 폰주소록 등록 -->
47	44	<div class="adr_cont current" id="tab5_3">
48	45	<div class="heading">
49	46	<h2>폰주소록 등록</h2>
...	...	@@ -53,167 +50,223 @@
53	50	<ul class="tabType1">
54	51	<li class="tab active"><button type="button" onclick="TabType6(this,'1');">네이버 주소록을 이용하여 폰주소록 등록</button></li>
55	52	<li class="tab"><button type="button" onclick="TabType6(this,'2');">핸드폰 VCF파일로 변환하여 등록</button></li>
56		- </ul><!--// tab button -->
	53	+ </ul>
	54	+ <!--// tab button -->
57	55	</div>
58	56	<!-- 네이버 주소록을 이용하여 등록 -->
59	57	<div class="enroll_cont current" id="tab6_1">
	58	+ <!-- tab button 주석처리_240423 -->
	59	+ <!-- <ul class="adr_depth3">
	60	+ <li class="tab active"><button type="button" onclick="listTab(this,'1');">안드로이드</button></li>
	61	+ <li class="tab"><button type="button" onclick="listTab(this,'2');">아이폰</button></li>
	62	+ </ul> -->
	63	+ <!--// tab button -->
60	64	<!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
61		- <div class="addWrap android eleType_cont current" id="listTab_1">
	65	+ <div class="addWrap android eleType_cont current address" id="listTab_1">
62	66	<ul class="add_and">
63	67	<li>
64	68	<p class="number">01</p>
65	69	<p>구글 플레이 스토어 · 애플 앱스토어에서<strong> 네이버</strong> 앱 다운</p>
66		- <img src="/publish/images/content/address_img01.png">
	70	+ <img src="/publish/images/content/address_img01.png" />
67	71	</li>
68	72	<li>
69	73	<p class="number">02</p>
70	74	<p>왼쪽 상단 <strong>메뉴</strong> 선택</p>
71		- <img src="/publish/images/content/address_img02.png">
	75	+ <img src="/publish/images/content/address_img02.png" />
72	76	</li>
73	77	<li>
74	78	<p class="number">03</p>
75		- <p>하단 스크롤 후 <br><strong>[내도구] → 주소록</strong> 선택</p>
76		- <img src="/publish/images/content/address_img03.png">
	79	+ <p>하단 스크롤 후 <br /><strong>[내도구] → 주소록</strong> 선택</p>
	80	+ <img src="/publish/images/content/address_img03.png" />
77	81	</li>
78	82	<li>
79	83	<p class="number">04</p>
80	84	<p>오른쪽 상단 <strong>메뉴</strong> 선택</p>
81		- <img src="/publish/images/content/address_img04.png">
	85	+ <img src="/publish/images/content/address_img04.png" />
82	86	</li>
83	87	<li>
84	88	<p class="number">05</p>
85	89	<p>폰 연락처 <strong>업로드</strong> 선택</p>
86		- <img src="/publish/images/content/address_img05.png">
	90	+ <img src="/publish/images/content/address_img05.png" />
87	91	</li>
88	92	<li>
89	93	<p class="number">06</p>
90	94	<p class="txt"><strong>새로고침</strong> 선택</p>
91		- <img src="/publish/images/content/address_img06.png">
	95	+ <img src="/publish/images/content/address_img06.png" />
92	96	</li>
93	97	<li>
94	98	<p class="number">07</p>
95	99	<p>연락처 접근 <strong>허용</strong> 선택</p>
96		- <img src="/publish/images/content/address_img07.png">
	100	+ <img src="/publish/images/content/address_img07.png" />
97	101	</li>
98	102	<li>
99	103	<p class="number">08</p>
100	104	<p><strong>폰 연락처 업로드</strong> 완료</p>
101		- <img src="/publish/images/content/address_img08.png">
	105	+ <img src="/publish/images/content/address_img08.png" />
102	106	</li>
103	107	<li class="nine">
104	108	<p class="number">09</p>
105	109	<p>PC에서 네이버 메일 접속 후 <strong>상단 주소록 아이콘</strong> 선택</p>
106		- <img src="/publish/images/content/address_img09.png">
	110	+ <img src="/publish/images/content/address_img09.png" />
107	111	</li>
108	112	<li>
109	113	<p class="number">10</p>
110	114	<p>연락처 저장 · 내보내기 선택 후 파일 형식(<strong>CSV 또는 XLSX</strong>), 항목, 대상 선택 후 <strong>파일로 저장하기</strong> 클릭</p>
111		- <img src="/publish/images/content/address_img10.png">
	115	+ <img src="/publish/images/content/address_img10.png" />
112	116	</li>
113	117	</ul>
114	118	<div class="btnWrap">
115		- <button type="button">주소록 입력 무료대행</button>
116		- <button type="button">주소록 관리 바로가기</button>
	119	+ <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
	120	+ <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
117	121	</div>
118		- </div><!--// 네이버 주소록을 이용하여 등록 - 안드로이드 -->
119		-
	122	+ </div>
	123	+ <!--// 네이버 주소록을 이용하여 등록 - 안드로이드 -->
	124	+
120	125	<!-- 네이버 주소록을 이용하여 등록 - 안드로이드 -->
121		- <div class="addWrap iphone eleType_cont" id="listTab_2">
	126	+ <!-- <div class="addWrap iphone eleType_cont" id="listTab_2"> -->
	127	+ <div class="addWrap iphone eleType_cont">
122	128	<ul class="add_and">
123	129	<li>
124	130	<p class="number">01</p>
125		- <p>애플 앱스토어에서<br/><strong>네이버 주소록</strong> 앱 다운</p>
126		- <img src="/publish/images/content/add_iphone_img01.png"/>
	131	+ <p>애플 앱스토어에서<br /><strong>네이버 주소록</strong> 앱 다운</p>
	132	+ <img src="/publish/images/content/add_iphone_img01.png" />
127	133	</li>
128	134	<li>
129	135	<p class="number">02</p>
130		- <p>네이버 주소록 앱 실행 후<br/><strong>주소록 접근 권한 승인 선택</strong></p>
131		- <img src="/publish/images/content/add_iphone_img02.png"/>
	136	+ <p>네이버 주소록 앱 실행 후<br /><strong>주소록 접근 권한 승인 선택</strong></p>
	137	+ <img src="/publish/images/content/add_iphone_img02.png" />
132	138	</li>
133	139	<li>
134	140	<p class="number">03</p>
135		- <p><strong>원하는 모드를 선택</strong> 후<br/>
	141	+ <p><strong>원하는 모드를 선택</strong> 후<br />
136	142	주소록 앱 시작하기 선택</p>
137		- <img src="/publish/images/content/add_iphone_img03.png"/>
	143	+ <img src="/publish/images/content/add_iphone_img03.png" />
138	144	</li>
139	145	<li>
140	146	<p class="number">04</p>
141		- <p><strong>내보내기</strong> 완료 후<br/>반드시 확인 버튼 선택</p>
142		- <img src="/publish/images/content/add_iphone_img04.png"/>
	147	+ <p><strong>내보내기</strong> 완료 후<br />반드시 확인 버튼 선택</p>
	148	+ <img src="/publish/images/content/add_iphone_img04.png" />
143	149	</li>
144	150	<li>
145	151	<p class="number">05</p>
146		- <p>PC에서 네이버 주소록 접속 후<br/><strong>연락처 저장·내보내기</strong> 선택</p>
147		- <img src="/publish/images/content/add_iphone_img05.png"/>
	152	+ <p>PC에서 네이버 주소록 접속 후<br /><strong>연락처 저장·내보내기</strong> 선택</p>
	153	+ <img src="/publish/images/content/add_iphone_img05.png" />
148	154	</li>
149	155	<li>
150	156	<p class="number">06</p>
151	157	<p class="txt">파일 형식(<strong>CSV 또는 XLSX</strong>), 항목, 대상선택 후<strong>파일로 저장</strong>하기 선택</p>
152		- <img src="/publish/images/content/add_iphone_img06.png"/>
	158	+ <img src="/publish/images/content/add_iphone_img06.png" />
153	159	</li>
154	160	</ul>
155	161	<div class="btnWrap">
156		- <button type="button">주소록 입력 무료대행</button>
157		- <button type="button">주소록 관리 바로가기</button>
	162	+ <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
	163	+ <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
158	164	</div>
159	165	</div>
160		-
161		-
162	166	</div> <!-- // 네이버 주소록을 이용하여 등록-->
163		-
164	167	<!-- 핸드폰 VCF파일로 변환하여 등록 -->
165	168	<div class="enroll_cont" id="tab6_2">
166		- <div class="addWrap vcf">
	169	+ <ul class="adr_depth3">
	170	+ <li class="tab active"><button type="button" onclick="listTab(this,'2');">안드로이드</button></li>
	171	+ <li class="tab"><button type="button" onclick="listTab(this,'3');">아이폰</button></li>
	172	+ </ul>
	173	+ <div class="addWrap list_cont current galexy" id="listTab_2">
167	174	<ul class="add_and">
168	175	<li>
169	176	<p class="number">01</p>
170	177	<p class="txt">휴대폰 <strong>연락처 앱</strong> 선택</p>
171		- <img src="/publish/images/content/add_vcf_img01.png"/>
	178	+ <img src="/publish/images/content/add_vcf_img01.png" />
172	179	</li>
173	180	<li>
174	181	<p class="number">02</p>
175		- <p>왼쪽 메뉴 클릭 후<br/><strong>연락처 관리 선택</strong></p>
176		- <img src="/publish/images/content/add_vcf_img02.png"/>
	182	+ <p>왼쪽 메뉴 클릭 후<br /><strong>연락처 관리 선택</strong></p>
	183	+ <img src="/publish/images/content/add_vcf_img02.png" />
177	184	</li>
178	185	<li>
179	186	<p class="number">03</p>
180		- <p>연락처 관리에서 <strong>연락처</strong><br/><strong>가져오기/내보내기</strong> 선택</p>
181		- <img src="/publish/images/content/add_vcf_img03.png"/>
	187	+ <p>연락처 관리에서 <strong>연락처</strong><br /><strong>가져오기/내보내기</strong> 선택</p>
	188	+ <img src="/publish/images/content/add_vcf_img03.png" />
182	189	</li>
183	190	<li>
184	191	<p class="number">04</p>
185	192	<p class="txt"><strong>연락처 내보내기</strong> 선택</p>
186		- <img src="/publish/images/content/add_vcf_img04.png"/>
	193	+ <img src="/publish/images/content/add_vcf_img04.png" />
187	194	</li>
188	195	<li>
189	196	<p class="number">05</p>
190		- <p><strong>내장메모리</strong> 선택 후<br/><strong>핸드폰과 PC 연결</strong></p>
191		- <img src="/publish/images/content/add_vcf_img05.png"/>
	197	+ <p><strong>내장메모리</strong> 선택 후<br /><strong>핸드폰과 PC 연결</strong></p>
	198	+ <img src="/publish/images/content/add_vcf_img05.png" />
192	199	</li>
193	200	<li>
194	201	<p class="number">06</p>
195		- <p><strong>내 PC</strong>에서<br/><strong>본인 핸드폰 기종</strong> 선택</p>
196		- <img src="/publish/images/content/add_vcf_img06.png"/>
	202	+ <p><strong>내 PC</strong>에서<br /><strong>본인 핸드폰 기종</strong> 선택</p>
	203	+ <img src="/publish/images/content/add_vcf_img06.png" />
197	204	</li>
198	205	<li>
199	206	<p class="number">07</p>
200		- <p><strong>연락처(VCF) 파일</strong> 선택 후<br/>PC 복사(Ctrl+C/Ctrl+V),<br>드래그앤드롭)</p>
201		- <img src="/publish/images/content/add_vcf_img07.png"/>
	207	+ <p><strong>연락처(VCF) 파일</strong> 선택 후<br />PC 복사(Ctrl+C/Ctrl+V),<br>드래그앤드롭)</p>
	208	+ <img src="/publish/images/content/add_vcf_img07.png" />
202	209	</li>
203	210	</ul>
204	211	<div class="btnWrap">
205		- <button type="button">주소록 입력 무료대행</button>
206		- <button type="button">주소록 관리 바로가기</button>
	212	+ <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
	213	+ <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
207	214	</div>
208	215	</div>
209		- </div><!--// 핸드폰 VCF파일로 변환하여 등록 -->
210		-
211		-
212		- </div><!--// 주소록 관리 - 폰주소록 등록 -->
213		- </div><!--// send top -->
	216	+ <div class="addWrap list_cont iphone vCard" id="listTab_3">
	217	+ <ul class="add_and">
	218	+ <li>
	219	+ <p class="number">01</p>
	220	+ <p class="txt">
	221	+ <strong>iCloud.com</strong> 접속 후<br> <strong>Apple 계정</strong>으로 로그인
	222	+ </p>
	223	+ <img src="/publish/images/content/add_vCard_iphone_img01.png" />
	224	+ </li>
	225	+ <li>
	226	+ <p class="number">02</p>
	227	+ <p><strong>‘연락처’</strong> 앱 선택 및 실행 </p>
	228	+ <img src="/publish/images/content/add_vCard_iphone_img02.png" />
	229	+ </li>
	230	+ <li>
	231	+ <p class="number">03</p>
	232	+ <p><strong>모든 연락처</strong> 선택</p>
	233	+ <img src="/publish/images/content/add_vCard_iphone_img03.png" />
	234	+ </li>
	235	+ <li>
	236	+ <p class="number">04</p>
	237	+ <p class="txt"><strong>vCard</strong> 내보내기</p>
	238	+ <img src="/publish/images/content/add_vCard_iphone_img04.png" />
	239	+ </li>
	240	+ <li>
	241	+ <p class="number">05</p>
	242	+ <p><strong>다운로드 폴더</strong>에<br><strong>iCloud vCards</strong> 파일로 저장</p>
	243	+ <img src="/publish/images/content/add_vCard_iphone_img05.png" />
	244	+ </li>
	245	+ <li>
	246	+ <p class="number">06</p>
	247	+ <p><strong>연락처(vCards)</strong>파일 선택 후<br>
	248	+ <strong>PC 바탕화면</strong>에 <br>
	249	+ <strong>복사/붙여넣기</strong>(Ctrl+C/Ctrl+V)</p>
	250	+ <img src="/publish/images/content/add_vCard_iphone_img06.png" />
	251	+ </li>
	252	+ </ul>
	253	+ <div class="btnWrap">
	254	+ <button type="button" onclick="moveTab('addrApply'); return false;">주소록 입력 무료대행</button>
	255	+ <button type="button" onclick="moveTab('addr'); return false;">주소록 관리 바로가기</button>
	256	+ </div>
	257	+ </div>
	258	+ </div>
	259	+ <!--// 핸드폰 VCF파일로 변환하여 등록 -->
	260	+ </div>
	261	+ <!--// 주소록 관리 - 폰주소록 등록 -->
	262	+ </div>
	263	+ <!--// send top -->
214	264	</div>
215		- </div><!--// content 영역 -->
	265	+ </div>
	266	+ <!--// content 영역 -->
216	267	<!-- footer -->
217		- <div data-include-path="/publish/layout/_footer.html"></div>
218		- <!--// footer 영역 -->
219		-</body></html>
	268	+ <div data-include-path="/publish/layout/_footer.html"></div>
	269	+ <!--// footer 영역 -->
	270	+</body>
	271	+
	272	+</html> (No newline at end of file)

Delete comment