정수빈 정수빈 2025-05-07
2025/05/07 HTML 업데이트
@dc9cf2cd3d43137123ee1b2e5c89d3db060fba0d
src/main/webapp/publish/adrEnroll.html
--- src/main/webapp/publish/adrEnroll.html
+++ src/main/webapp/publish/adrEnroll.html
@@ -631,37 +631,7 @@
             </div><!--// send top -->
         </div>
     </div><!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터     1차)</p>
-                        <p>사업자번호 : 653-87-00858  |  대표 : 유인식  |  통신판매등록번호 : 제  다산-12345호  |  문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer><!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body></html>
src/main/webapp/publish/adrbook1.html
--- src/main/webapp/publish/adrbook1.html
+++ src/main/webapp/publish/adrbook1.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>문자온</title>
+    <title>문자온_주소록관리_팩스 주소록 관리</title>
 
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="/publish/css/reset.css">
@@ -15,49 +15,149 @@
     <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/popup.js"></script>
+    <script src="/publish/js/popupLayer.js"></script>
 
+    <script>
+        function popMore(e) {
+            $(e).closest(".pop_more_cont").toggleClass("pop_more_click");
+
+            if ($(e).closest(".pop_more_cont").is(".pop_more_click")) {
+                $(e).html('숨기기');
+                $(e).append('<i></i>');
+            } else {
+                $(e).html('더보기');
+                $(e).append('<i></i>');
+            }
+        }
+    </script>
 
 </head>
+
 <body>
     <div class="mask"></div>
+
+    <!-- 주소록 상세결과 팝업 : data-tooltip:adr_popup14 -->
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup14" tabindex="0" data-tooltip-con="adr_popup14" data-focus="adr_popup14" data-focus-prev="adr_popu14-close">
+            <div class="popup_heading">
+                <p>주소록 상세 결과</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup14-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in" style="padding:30px 20px;">
+                <div class="table_top">
+                    <p>
+                        총 <span class="c_e40000" id="errorPopTotCnt">0</span>건
+                        / 중복 <span class="c_002c9a" id="errorPopDupCnt">0</span>건
+                        / 오류 <span class="c_002c9a" id="errorPopErrorCnt">0</span>건</p>
+                    <button type="button" class="excel_btn btnType" id="errorExcelBtn"><i class="downroad"></i>엑셀 다운로드</button>
+                </div>
+                <div class="tb_wrap adr_list tabulator" id="tabulator_error" role="grid" tabulator-layout="fitColumns" style="height: 255px;"></div>
+                <ul class="cf_text_ul">
+                    <li>*중복번호는 하나의 번호만 등록됩니다.</li>
+                    <li>*휴대폰 형식에 맞지 않는 데이터는 삭제 후 업로드 됩니다.</li>
+                    <li>ex) 발송불가 특수문자, 자릿수 오류 등</li>
+                </ul>
+                <div class="popup_btn_wrap2">
+                    <button type="button" class="tooltip-close" data-focus="adr_popup14-close" data-focus-next="adr_popup14">닫기</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- // 주소록 상세결과 팝업 -->
+
+    <!-- 주소록 중복검사 팝업 : data-tooltip:duplication_layer -->
+    <div class="tooltip-wrap">
+        <div class="popup-com duplication_layer" tabindex="0" data-tooltip-con="duplication_layer" data-focus="duplication_layer" data-focus-prev="duplication_layer-close" style="width:680px;">
+            <div class="popup_heading">
+                <p>중복전화번호</p>
+                <button type="button" class="tooltip-close" data-focus="duplication_layer-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in" style="padding:30px 20px;">
+                <div class="list_info">
+                    <p>총 <span class="c_e40000" id="totalRecordCount2">150,350</span>명 <em>(같은 전화번호가 2개 이상)</em></p>
+                </div>
+                <div class="tb_wrap">
+                    <table class="tType4">
+                        <colgroup>
+                            <col style="width:40px;">
+                            <col style="width:190px;">
+                            <col style="width:190px;">
+                            <col style="width:auto">
+                        </colgroup>
+                        <thead>
+                            <tr>
+                                <th><input type="checkbox" name="duplicationAll" id="duplicationChkAll"></th>
+                                <th>성명</th>
+                                <th>전화번호</th>
+                                <th>주소록</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td><input name="addrCheck" type="checkbox" ></td>
+                                <td></td>
+                                <td>01000000001</td>
+                                <td>201건</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+                <div class="search_group_bottom2">
+                    <button type="button" class="btnType" onclick="deleteAddrDupli('listDel');"><i class="remove_img"></i>선택삭제</button>
+                    <div class="btnWrap3">
+                        <button type="button" class="btnType" onclick="dupliCheckAddrByAllDelete();">전체 중복삭제</button>
+                        <button type="button" class="btnType" onclick="addrGrpdupliCheck();">그룹별 중복삭제</button>
+                    </div>
+                </div>
+                <ul class="pagination">
+                    <li class="page_first"><a href="#" title="첫페이지" onclick="linkPage2(1);return false;"><button type="button"><img src="/publish/images/content/page_first.png" alt="첫페이지"></button></a></li><li class="page_prev"><a href="#" title="이전10페이지" onclick="linkPage2(1);return false;"><button type="button"><img src="/publish/images/content/page_prev.png" alt="이전10페이지"></button></a></li><li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li><li><button type="button" onclick="linkPage2(2);return false;"><a href="#" title="2페이지">2</a></button></li><li><button type="button" onclick="linkPage2(3);return false;"><a href="#" title="3페이지">3</a></button></li><li><button type="button" onclick="linkPage2(4);return false;"><a href="#" title="4페이지">4</a></button></li><li><button type="button" onclick="linkPage2(5);return false;"><a href="#" title="5페이지">5</a></button></li><li><button type="button" onclick="linkPage2(6);return false;"><a href="#" title="6페이지">6</a></button></li><li><button type="button" onclick="linkPage2(7);return false;"><a href="#" title="7페이지">7</a></button></li><li><button type="button" onclick="linkPage2(8);return false;"><a href="#" title="8페이지">8</a></button></li><li><button type="button" onclick="linkPage2(9);return false;"><a href="#" title="9페이지">9</a></button></li><li><button type="button" onclick="linkPage2(10);return false;"><a href="#" title="10페이지">10</a></button></li><li class="page_next"><a href="#" title="다음10페이지" onclick="linkPage2(11);return false;"><button type="button"><img src="/publish/images/content/page_next.png" alt="다음10페이지"></button></a></li><li class="page_last"><a href="#" title="마지막페이지" onclick="linkPage2(15035);return false;"><button type="button"><img src="/publish/images/content/page_last.png" alt="마지막페이지"></button></a></li>
+    
+                </ul>
+                <div class="popup_btn_wrap2">
+                    <button type="button" class="tooltip-close" data-focus="duplication_layer-close" data-focus-next="duplication_layer">닫기</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- // 주소록 중복검사 팝업 -->
+
     <!-- 주소록 대량등록 팝업 data-tooltip:adr_popup01 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup01" tabindex="0" data-tooltip-con="adr_popup01" data-focus="adr_popup01" data-focus-prev="adr_popup01-close" style="width: 1000px;">
-			<div class="popup_heading">
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup01" tabindex="0" data-tooltip-con="adr_popup01" data-focus="adr_popup01" data-focus-prev="adr_popup01-close" style="width: 1000px;">
+            <div class="popup_heading">
                 <p>주소록 대량등록</p>
                 <button type="button" class="tooltip-close" data-focus="adr_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
             </div>
-            <div class="layer_in" style="height: 650px; padding: 25px 30px;">
+            <div class="layer_in" style="min-height: 700px; padding: 25px 30px;">
                 <div class="list_tab_wrap2">
                     <!-- tab button -->
-                    <ul class="list_tab"> 
+                    <ul class="list_tab">
                         <li class="tab active"><button type="button" onclick="popupTab(this,'1');">엑셀입력</button></li>
                         <li class="tab"><button type="button" onclick="popupTab(this,'2');">붙여넣기</button></li>
-                    </ul><!--// tab button -->
+                        <li class="tab"><button type="button" onclick="popupTab(this,'3');">직접입력</button></li>
+                    </ul>
+                    <!--// tab button -->
                 </div>
                 <!-- 엑셀입력 -->
-                <div class="popCont current" id="popCont_1">
+                <div class="popCont current pop_more_cont" id="popCont_1">
                     <div class="titBox">
-                        <p>- 엑셀파일로 주소록을 최대 1만건까지 등록하여 간편하게 발송 및 관리하실 수 있습니다.</p>
-                        <p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 작성하셔야 합니다.</p>
-                        <p>- 쉼표(,), 구분선(|), 역슬래시(\, ₩), 작은따옴표('), 큰따옴표(") 등 발송불가 특수문자는 저장되지 않습니다.</p>
-                        <p>- 휴대폰 번호는 필수입력 항목입니다.</p>
-                        <p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
+                        <p>- 주소록은 한 번에 최대 30만건까지 등록(EXCEL파일, 최대용량 20MB) 가능합니다. </p>
                         <p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
-                        <p>- 이름 50byte, [*1*]~[*4*] 100byte, 메모 250byte까지 입력 가능합니다.
-                        </p>
-                        <p>- 첨부가능 파일 : xlsx, xls, csv, xlt(최대용량 10MB)</p>
-                        <p>- ‘오류 검사’를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.</p>
-                        <p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
-                        <button type="button" class="excel_btn"><i class="downroad"></i>샘플파일 다운로드</button>
+                        <p>- 구분선(|), 역슬래시(\, ₩), 큰따옴표("), 이모지(이모티콘) 등 발송불가 특수문자는 저장되지 않습니다.</p>
+                        <p>- 이름 200byte, [*1*]~[*4*] 200byte, 메모 250byte까지 입력 가능합니다.</p>
+                        <p>- 주소록 등록이 어려우신 경우에는 <a href="/web/mjon/addragency/selectAddrAgencyList.do" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
+                        <!-- 	                       <button type="button" class="excel_btn" onclick="location.href='/download/addr/주소록_대량등록.xlsx'"><i class="downroad"></i>샘플파일 다운로드</button> -->
+                    </div>
+                    <div class="pop_more_wrap">
+                        <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
                     </div>
                     <table class="layer_tType1">
                         <caption>엑셀입력 표</caption>
@@ -76,8 +176,8 @@
                                         <option>그룹b</option>
                                     </select>
                                     <label for="" class="label">성명 입력</label>
-                                    <input type="text" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'"class="inputLight" style="width: 300px;">
-                                    <button type="button" class="excel_btn2 btnType"><i class="uproad"></i>엑셀파일 업로드</button>
+                                    <input type="text" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight" style="width: 300px;">
+                                    <button type="button" class="excel_btn2 btnType"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
                                 </td>
                             </tr>
                         </tbody>
@@ -85,165 +185,166 @@
                     <div class="file_add">
                         <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">엑셀 파일을 여기에 끌어다 놓으세요</p>
                     </div>
-                    <div class="list_info">
-                        <p>총 <span class="c_e40000">171</span>건 / 중복 <span class="c_002c9a">9</span>건 / 오류 <span class="c_002c9a">9</span>건 <button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button></p>
-                        <div>
-                            <label for="" class="label">카테고리 선택</label>
-                            <label for="" class="label">줄보기 선택</label>
-                            <select id="" class="selType2">
-                                <option>10개보기</option>
-                                <option>20개보기</option>
-                            </select>
-                        </div>
+                    <div class="excel_middle2">
+                        <p>
+                            총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건 / 오류 <span class="c_002c9a fwBold" id="rowErrorCnt">0</span>건
+                            <button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button>
+                        </p>
                     </div>
                     <!-- table -->
-                    <div class="adr_excel">
-                        <!-- thead -->
-                        <div class="adr_hd select_adr_hd">
-                            <div></div>
-                            <div>
-                            	<label for="" class="label"></label>
-								<select name="" id="">
-									<option value="">선택하기</option>
-									<option value="">이름</option>
-									<option value="">휴대폰</option>
-									<option value="">[*1*]</option>
-									<option value="">[*2*]</option>
-									<option value="">[*3*]</option>
-									<option value="">[*4*]</option>
-									<option value="">메모</option>
-								</select>
-                            </div>
-                            <div>
+                    <div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
+
+                        <div class="adr_hd select_adr_hd" data-group="tableExcel" style="width:100%;">
+                            <div style="width: 80px;"></div>
+                            <div style="width: calc((100% - 80px) / 7);">
                                 <label for="" class="label"></label>
-								<select name="" id="">
-									<option value="">선택하기</option>
-									<option value="">이름</option>
-									<option value="">휴대폰</option>
-									<option value="">[*1*]</option>
-									<option value="">[*2*]</option>
-									<option value="">[*3*]</option>
-									<option value="">[*4*]</option>
-									<option value="">메모</option>
-								</select>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
                             </div>
-                            <div>
+                            <div style="width: calc((100% - 80px) / 7);">
                                 <label for="" class="label"></label>
-								<select name="" id="">
-									<option value="">이름</option>
-									<option value="">휴대폰</option>
-									<option value="">[*1*]</option>
-									<option value="">[*2*]</option>
-									<option value="">[*3*]</option>
-									<option value="">[*4*]</option>
-									<option value="">메모</option>
-								</select>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
                             </div>
-                            <div>
+                            <div style="width: calc((100% - 80px) / 7);">
                                 <label for="" class="label"></label>
-								<select name="" id="">
-									<option value="">선택하기</option>
-									<option value="">이름</option>
-									<option value="">휴대폰</option>
-									<option value="">[*1*]</option>
-									<option value="">[*2*]</option>
-									<option value="">[*3*]</option>
-									<option value="">[*4*]</option>
-									<option value="">메모</option>
-								</select>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
                             </div>
-                            <div>
+                            <div style="width: calc((100% - 80px) / 7);">
                                 <label for="" class="label"></label>
-								<select name="" id="">
-									<option value="">선택하기</option>
-									<option value="">이름</option>
-									<option value="">휴대폰</option>
-									<option value="">[*1*]</option>
-									<option value="">[*2*]</option>
-									<option value="">[*3*]</option>
-									<option value="">[*4*]</option>
-									<option value="">메모</option>
-								</select>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
                             </div>
-                            <div>
+                            <div style="width: calc((100% - 80px) / 7);">
                                 <label for="" class="label"></label>
-								<select name="" id="">
-									<option value="">선택하기</option>
-									<option value="">이름</option>
-									<option value="">휴대폰</option>
-									<option value="">[*1*]</option>
-									<option value="">[*2*]</option>
-									<option value="">[*3*]</option>
-									<option value="">[*4*]</option>
-									<option value="">메모</option>
-								</select>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
                             </div>
-                            <div>
+                            <div style="width: calc((100% - 80px) / 7);">
                                 <label for="" class="label"></label>
-								<select name="" id="">
-									<option value="">선택하기</option>
-									<option value="">이름</option>
-									<option value="">휴대폰</option>
-									<option value="">[*1*]</option>
-									<option value="">[*2*]</option>
-									<option value="">[*3*]</option>
-									<option value="">[*4*]</option>
-									<option value="">메모</option>
-								</select>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                            <div style="width: calc((100% - 80px) / 7);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
                             </div>
                         </div>
-                        <div class="adr_hd">
-                            <div>
+                    </div>
+                    <!--// table -->
+
+                    <div class="adr_excel drag_drop_wrap callList_box tabulator">
+                        <!-- thead -->
+                        <div class="adr_hd" style="width: 100%;">
+                            <div style="width:70px;">
                                 <label for="" class="label">전체 선택</label>
                                 <input type="checkbox">
                             </div>
                             <div>
-								A
+                                A
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
                                 B
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
                                 C
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
                                 D
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
                                 E
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
                                 F
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
                                 G
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                         </div>
@@ -252,167 +353,87 @@
                             <div class="adr_bd">
                                 <div>
                                     <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
+                                    <input type="checkbox">
                                 </div>
                                 <div>1</div>
                                 <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                            </div>
-                            <div class="adr_bd error">
-                                <div>
-                                    <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
-                                </div>
-                                <div>2</div>
+                                <div>1</div>
                                 <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                
+                                <div>010-1234-5678</div>
                             </div>
                             <div class="adr_bd">
                                 <div>
                                     <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
+                                    <input type="checkbox">
                                 </div>
-                                <div>3</div>
+                                <div>1</div>
                                 <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
                             </div>
                             <div class="adr_bd">
                                 <div>
                                     <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
+                                    <input type="checkbox">
                                 </div>
-                                <div>4</div>
+                                <div>1</div>
                                 <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
                             </div>
                             <div class="adr_bd">
                                 <div>
                                     <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
+                                    <input type="checkbox">
                                 </div>
-                                <div>5</div>
+                                <div>1</div>
                                 <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
                             </div>
                             <div class="adr_bd">
                                 <div>
                                     <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
+                                    <input type="checkbox">
                                 </div>
-                                <div>5</div>
+                                <div>1</div>
                                 <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                
-                            </div>
-                            <div class="adr_bd">
-                                <div>
-                                    <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
-                                </div>
-                                <div>5</div>
+                                <div>1</div>
                                 <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                
-                            </div>
-                            <div class="adr_bd">
-                                <div>
-                                    <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
-                                </div>
-                                <div>5</div>
-                                <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                
-                            </div>
-                            <div class="adr_bd">
-                                <div>
-                                    <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
-                                </div>
-                                <div>5</div>
-                                <div>홍길동</div>
-                                <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                            </div>
-                            <div class="adr_bd">
-                                <div>
-                                    <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
-                                </div>
-                                <div>5</div>
-                                <div>홍길동</div>
-                                <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                
-                            </div>
-                            <div class="adr_bd">
-                                <div>
-                                    <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
-                                </div>
-                                <div>5</div>
-                                <div>홍길동</div>
-                                <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                
                             </div>
                         </div>
                     </div>
-                    <!--// table -->
-                    <div class="adr_excel_btn">
-                        <button type="button" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
-                        <button type="button" class="btnType btnType15"><i class="remove_img"></i>중복삭제</button>
-                        <button type="button" class="btnType btnType3">오류검사</button>
+                    <div class="excel_middle">
+                        <div class="select_btnWrap clearfix">
+                            <div>
+                                <button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
+                                <button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
+                                <div class="error_hover_cont send_hover_cont addr_hover_cont">
+                                    <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
+                                    <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
+                                </div>
+                            </div>
+                        </div>
                     </div>
+
                     <!-- pagination -->
                     <ul class="pagination">
-                        <li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li>
-                        <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li>
+                        <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+                        <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
                         <li class="on"><button>1</button></li>
                         <li><button>2</button></li>
                         <li><button>3</button></li>
@@ -423,29 +444,29 @@
                         <li><button>8</button></li>
                         <li><button>9</button></li>
                         <li><button>10</button></li>
-                        <li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li>
-                        <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
+                        <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+                        <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
                     </ul><!-- pagination -->
-                </div><!--// 엑셀입력 -->
+                </div>
+                <!--// 엑셀입력 -->
                 <!-- 붙여넣기 -->
-                <div class="popCont" id="popCont_2">
+                <div class="popCont pop_more_cont" id="popCont_2">
                     <div class="titBox">
-                        <p>- 텍스트(txt) 파일로 작성된 주소록을 등록하실 수 있습니다.</p>
-                        <p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 붙여 넣으셔야 합니다.</p>
-                        <p>- 입력 내용은 (Tab) 또는 (,) 구분하여 입력하여야 합니다.</p>
-                        <p>- 한 줄(열)에 주소 한 건만 입력 가능합니다.</p>
-                        <p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
-                        <p>&nbsp;&nbsp;(예) 홍길동,010-1234-5678 또는 홍길동,01012345678</p>
-                        <p>- 한번에 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+c) + 붙여넣기(Ctrl+v)’ 또는 ‘엑셀입력’을 이용하세요.</p>
-                        <p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
-                        <button type="button" class="txt_btn"><i></i>TXT샘플 다운로드</button>
+                        <p>- 엑셀(EXCEL), 텍스트(TXT) 파일로 작성된 주소록 내용을 복사하여 등록 가능합니다.</p>
+                        <p>- 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+C) + 붙여넣기(Ctrl+V)’를 이용해주세요.</p>
+                        <p>- 입력 내용은 (Tab) 또는 (,) 기호로 구분하여 입력하여야 합니다.</p>
+                        <p>- 이름 200byte, [*1*]~[*4*] 200byte, 메모 250byte까지 입력 가능합니다.</p>
+                        <p>- 주소록 등록이 어려우신 경우에는 <a href="/web/mjon/addragency/selectAddrAgencyList.do" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
+                    </div>
+                    <div class="pop_more_wrap">
+                        <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
                     </div>
                     <!-- table -->
                     <table class="layer_tType1">
                         <caption>붙여넣기 표</caption>
                         <colgroup>
-                            <col style="width: 95px">
-                            <col style="width: auto">
+                            <col style="width: 95px;">
+                            <col style="width: auto;">
                         </colgroup>
                         <tbody>
                             <tr>
@@ -453,219 +474,269 @@
                                 <td>
                                     <label for="" class="label">그룹 선택</label>
                                     <select id="">
-                                        <option>그룹미지정</option>
+                                        <option>그룹추가</option>
                                         <option>그룹a</option>
                                         <option>그룹b</option>
                                     </select>
+                                    <label for="" class="label">성명 입력</label>
+                                    <input type="text" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight" style="width: 300px;">
                                 </td>
                             </tr>
                         </tbody>
                     </table>
-                    <div class="req_area">
-                        <textarea placeholder=
-                        "- 휴대폰 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.
-- 휴대폰 번호는 필수입력 항목입니다.
-- 이름,휴대폰 번호,[*1*],[*2*],[*3*],[*4*],메모 순서대로 입력해주세요.(예 : 홍길동,010-1234-5678,변수1…메모)
-- 이름은 50byte, [*1*]~[*4*] 100byte, 메모는 250byte까지 입력 가능합니다.
-- '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다."></textarea>
+                    <!-- table -->
+                    <div class="excel_middle2" style="margin: 0 0 10px 0;">
+                        <p>
+                            총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건
+                            / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건
+                            / 오류 <span class="c_002c9a fwBold" id="rowErrorCnt">0</span>건
+                            <button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button>
+                        </p>
                     </div>
-                    <div class="adr_popup_btn">
-                        <button type="button" class="btnType btnType6">불러오기</button>
-                    </div>
-                    <div class="list_info">
-                        <p>총 <span class="c_e40000">171</span>건 / 중복 <span class="c_002c9a">9</span>건</p>
-                        <div>
-                            <label for="" class="label">카테고리 선택</label>
-                            <label for="" class="label">줄보기 선택</label>
-                            <select id="" class="selType2">
-                                <option>10개보기</option>
-                                <option>20개보기</option>
-                            </select>
+                    <!-- table -->
+                    <div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
+
+                        <div class="adr_hd select_adr_hd" data-group="tableExcel" style="width:100%;">
+                            <div style="width: 80px;"></div>
+                            <div style="width: calc((100% - 80px) / 7);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                            <div style="width: calc((100% - 80px) / 7);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                            <div style="width: calc((100% - 80px) / 7);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                            <div style="width: calc((100% - 80px) / 7);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                            <div style="width: calc((100% - 80px) / 7);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                            <div style="width: calc((100% - 80px) / 7);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                            <div style="width: calc((100% - 80px) / 7);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">휴대폰</option>
+                                    <option value="addrInfo1">[*1*]</option>
+                                    <option value="addrInfo2">[*2*]</option>
+                                    <option value="addrInfo3">[*3*]</option>
+                                    <option value="addrInfo4">[*4*]</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
                         </div>
                     </div>
-                    <div class="adr_excel excel_paste">
+                    <!--// table -->
+
+                    <div class="adr_excel drag_drop_wrap callList_box tabulator">
                         <!-- thead -->
-                        <div class="adr_hd">
-                            <div>
+                        <div class="adr_hd" style="width: 100%;">
+                            <div style="width:70px;">
                                 <label for="" class="label">전체 선택</label>
                                 <input type="checkbox">
                             </div>
                             <div>
-                                구분
+                                A
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
-                                이름
+                                B
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
-                                휴대폰
+                                C
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
-                                [*1*]
+                                D
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
-                                [*2*]
+                                E
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
-                                [*3*]
+                                F
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
-                                [*4*]
+                                G
                                 <div class="sort_wrap">
-                                    <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                    <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
-                            <div>메모</div>
-                            <div>그룹</div>
                         </div>
                         <!-- tbody -->
                         <div class="adr_bd_wrap">
                             <div class="adr_bd">
                                 <div>
                                     <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
+                                    <input type="checkbox">
                                 </div>
                                 <div>1</div>
                                 <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                <div>메모1</div>
-                                <div>
-                                    <label for="" class="label">그룹 선택</label>
-                                    <select id="">
-                                        <option>그룹미지정</option>
-                                        <option>그룹a</option>
-                                        <option>그룹b</option>
-                                    </select>
-                                </div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
                             </div>
                             <div class="adr_bd">
                                 <div>
                                     <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
+                                    <input type="checkbox">
                                 </div>
-                                <div>3</div>
+                                <div>1</div>
                                 <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                <div>메모1</div>
-                                <div>
-                                    <label for="" class="label">그룹 선택</label>
-                                    <select id="">
-                                        <option>그룹미지정</option>
-                                        <option>그룹a</option>
-                                        <option>그룹b</option>
-                                    </select>
-                                </div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
                             </div>
                             <div class="adr_bd">
                                 <div>
                                     <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
+                                    <input type="checkbox">
                                 </div>
-                                <div>4</div>
+                                <div>1</div>
                                 <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                <div>메모1</div>
-                                <div>
-                                    <label for="" class="label">그룹 선택</label>
-                                    <select id="">
-                                        <option>그룹미지정</option>
-                                        <option>그룹a</option>
-                                        <option>그룹b</option>
-                                    </select>
-                                </div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
                             </div>
                             <div class="adr_bd">
                                 <div>
                                     <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
+                                    <input type="checkbox">
                                 </div>
-                                <div>5</div>
+                                <div>1</div>
                                 <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                <div>메모1</div>
-                                <div>
-                                    <label for="" class="label">그룹 선택</label>
-                                    <select id="">
-                                        <option>그룹미지정</option>
-                                        <option>그룹a</option>
-                                        <option>그룹b</option>
-                                    </select>
-                                </div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
                             </div>
-                            <div class="adr_bd error">
+                            <div class="adr_bd">
                                 <div>
                                     <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox"> 
+                                    <input type="checkbox">
                                 </div>
-                                <div>6</div>
+                                <div>1</div>
                                 <div>홍길동</div>
                                 <div>010-1234-5678</div>
-                                <div>변수1</div>
-                                <div>변수2</div>
-                                <div>변수3</div>
-                                <div>변수4</div>
-                                <div>메모1</div>
-                                <div>
-                                    <label for="" class="label">그룹 선택</label>
-                                    <select id="">
-                                        <option>그룹미지정</option>
-                                        <option>그룹a</option>
-                                        <option>그룹b</option>
-                                    </select>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="excel_middle">
+                        <div class="select_btnWrap clearfix">
+                            <div>
+                                <button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
+                                <button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
+                                <div class="error_hover_cont send_hover_cont addr_hover_cont">
+                                    <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
+                                    <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
                                 </div>
                             </div>
                         </div>
                     </div>
                     <!--// table -->
-                    <div class="adr_excel_btn">
-                        <button type="button" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
-                        <button type="button" class="btnType btnType15"><i class="remove_img"></i>중복삭제</button>
-                        <button type="button" class="btnType btnType3">오류검사</button>
-                    </div>
+
                     <!-- pagination -->
-                    <ul class="pagination">
-                        <li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li>
-                        <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li>
+                    <ul class="pagination" style="margin: 30px auto 0 auto;">
+                        <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+                        <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
                         <li class="on"><button>1</button></li>
                         <li><button>2</button></li>
                         <li><button>3</button></li>
@@ -676,121 +747,228 @@
                         <li><button>8</button></li>
                         <li><button>9</button></li>
                         <li><button>10</button></li>
-                        <li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li>
-                        <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
+                        <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+                        <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
                     </ul><!-- pagination -->
-                </div><!--// 붙여넣기 -->
-                <div class="popup_btn_wrap2" style="margin:30px auto 30px auto;padding:0 0 30px 0;">
-	                <button type="button">등록</button>
-	                <button type="button" class="tooltip-close" data-focus="adr_popup01-close"  data-focus-next="popup02">닫기</button>                      
-	            </div>
-            </div>
-		</div>
-	</div><!--// 주소록 대량등록 팝업 -->
-
-
-
-<!-- 주소록 상세 결과 팝업 data-tooltip:adr_popup14 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup14" tabindex="0" data-tooltip-con="adr_popup14" data-focus="adr_popup14" data-focus-prev="adr_popu14-close" style="width: 450px;">
-			<div class="popup_heading">
-				<p>주소록 상세 결과</p>
-				<button type="button" class="tooltip-close" data-focus="adr_popup14-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in" style="padding:30px 20px;">
-                <div class="table_top">
-                    <p>총 <span class="c_e40000">171</span>건 / 중복 <span class="c_002c9a">9</span>건 / 오류 <span class="c_002c9a">9</span>건</p><button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
                 </div>
-                <div class="tb_wrap adr_list">
-                    <table class="tType4">
+                <!--// 붙여넣기 -->
+
+                <!-- 직접입력 -->
+                <div class="popCont pop_more_cont" id="popCont_3">
+                    <div class="titBox">
+                        <p>- 셀간 이동은 Tab으로 가능합니다.</p>
+                        <p>- 핸드폰 번호를 입력하지 않은 행은 저장되지 않습니다.</p>
+                        <p>- 이름 200byte, [*1*]~[*4*] 200byte, 메모 250byte까지 입력 가능합니다.</p>
+                        <p>- 주소록 등록이 어려우신 경우에는 <a href="/web/mjon/addragency/selectAddrAgencyList.do" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
+                    </div>
+                    <div class="pop_more_wrap">
+                        <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
+                    </div>
+                    <!-- table -->
+                    <table class="layer_tType1">
+                        <caption>붙여넣기 표</caption>
                         <colgroup>
-                            <col style="width:32%;">
-                            <col style="width:auto;">
-                            <col style="width:90px;">
+                            <col style="width: 95px;">
+                            <col style="width: auto;">
                         </colgroup>
-                        <thead>
-                            <tr>
-                                <th>이름</th>
-                                <th>휴대폰</th>
-                                <th>미등록 결과</th>
-                            </tr>
-                        </thead>
                         <tbody>
                             <tr>
-                                <td>오재일</td>
-                                <td>010-4407-7031*</td>
-                                <td><p class="fwMd c_222">오류</p></td>
-                            </tr>
-                            <tr>
-                                <td>오재일</td>
-                                <td>010-4407-7031*</td>
-                                <td><p class="fwMd c_002c9a">보류</p></td>
-                            </tr>
-                            <tr>
-                                <td>오재일</td>
-                                <td>010-4407-7031*</td>
-                                <td><p class="fwMd c_222">오류</p></td>
-                            </tr>
-                            <tr>
-                                <td>오재일</td>
-                                <td>010-4407-7031*</td>
-                                <td><p class="fwMd c_002c9a">보류</p></td>
-                            </tr>
-                            <tr>
-                                <td>오재일</td>
-                                <td>010-4407-7031*</td>
-                                <td><p class="fwMd c_222">오류</p></td>
-                            </tr>
-                            <tr>
-                                <td>오재일</td>
-                                <td>010-4407-7031*</td>
-                                <td><p class="fwMd c_002c9a">보류</p></td>
-                            </tr>
-                            <tr>
-                                <td>오재일</td>
-                                <td>010-4407-7031*</td>
-                                <td><p class="fwMd c_222">오류</p></td>
-                            </tr>
-                            <tr>
-                                <td>오재일</td>
-                                <td>010-4407-7031*</td>
-                                <td><p class="fwMd c_002c9a">보류</p></td>
-                            </tr>
-                            <tr>
-                                <td>오재일</td>
-                                <td>010-4407-7031*</td>
-                                <td><p class="fwMd c_222">오류</p></td>
-                            </tr>
-                            <tr>
-                                <td>오재일</td>
-                                <td>010-4407-7031*</td>
-                                <td><p class="fwMd c_002c9a">보류</p></td>
+                                <th>그룹 선택</th>
+                                <td>
+                                    <label for="" class="label">그룹 선택</label>
+                                    <select id="">
+                                        <option>그룹추가</option>
+                                        <option>그룹a</option>
+                                        <option>그룹b</option>
+                                    </select>
+                                    <label for="" class="label">성명 입력</label>
+                                    <input type="text" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight" style="width: 300px;">
+                                </td>
                             </tr>
                         </tbody>
                     </table>
+                    <!-- table -->
+                    <div class="excel_middle2" style="margin: 0 0 10px 0;">
+                        <p>총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건</p>
+                    </div>
+
+                    <div class="adr_excel drag_drop_wrap callList_box tabulator">
+                        <!-- thead -->
+                        <div class="adr_hd" style="width: 100%;">
+                            <div style="width:70px;">
+                                <label for="" class="label">전체 선택</label>
+                                <input type="checkbox">
+                            </div>
+                            <div>
+                                A
+                                <div class="sort_wrap">
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                </div>
+                            </div>
+                            <div>
+                                B
+                                <div class="sort_wrap">
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                </div>
+                            </div>
+                            <div>
+                                C
+                                <div class="sort_wrap">
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                </div>
+                            </div>
+                            <div>
+                                D
+                                <div class="sort_wrap">
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                </div>
+                            </div>
+                            <div>
+                                E
+                                <div class="sort_wrap">
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                </div>
+                            </div>
+                            <div>
+                                F
+                                <div class="sort_wrap">
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                </div>
+                            </div>
+                            <div>
+                                G
+                                <div class="sort_wrap">
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- tbody -->
+                        <div class="adr_bd_wrap">
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>1</div>
+                                <div>홍길동</div>
+                                <div>010-1234-5678</div>
+                                <div>010-1234-5678</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="excel_middle">
+                        <div class="select_btnWrap clearfix">
+                            <div>
+                                <button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
+                                <button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
+                                <div class="error_hover_cont send_hover_cont addr_hover_cont">
+                                    <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
+                                    <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!--// table -->
+
+                    <!-- pagination -->
+                    <ul class="pagination" style="margin: 30px auto 0 auto;">
+                        <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+                        <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
+                        <li class="on"><button>1</button></li>
+                        <li><button>2</button></li>
+                        <li><button>3</button></li>
+                        <li><button>4</button></li>
+                        <li><button>5</button></li>
+                        <li><button>6</button></li>
+                        <li><button>7</button></li>
+                        <li><button>8</button></li>
+                        <li><button>9</button></li>
+                        <li><button>10</button></li>
+                        <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+                        <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
+                    </ul><!-- pagination -->
                 </div>
-                <ul class="cf_text_ul">
-                    <li>*중복번호는 하나의 번호만 등록됩니다.</li>
-                    <li>*휴대폰 형식에 맞지 않는 데이터는 삭제 후 업로드 됩니다.</li>
-                    <li>ex) 발송불가 특수문자, 자릿수 오류 등</li>
-                </ul>
-                <div class="popup_btn_wrap2">
-                    <button type="button">저장</button>
-                    <button type="button" class="tooltip-close" data-focus="adr_popup14-close" data-focus-next="adr_popup14">닫기</button>                      
-                </div>
-			</div>
-		</div>
-	</div>
-    <!-- //주소록 상세 결과 팝업 data-tooltip:adr_popup14 -->
+                <!-- //직접입력 -->
+            </div>
+            <div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
+                <button type="button">등록</button>
+                <button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
+            </div>
+        </div>
+    </div>
+    <!--// 주소록 대량등록 팝업 -->
+
     <!-- 그룹 합치기 팝업 data-tooltip:adr_popup02 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup02" tabindex="0" data-tooltip-con="adr_popup02" data-focus="adr_popup02" data-focus-prev="adr_popup02-close" style="width: 510px;">
-			<div class="popup_heading">
-				<p>그룹 합치기</p>
-				<button type="button" class="tooltip-close" data-focus="adr_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in">
-				<div class="gorup_join_cont">
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup02" tabindex="0" data-tooltip-con="adr_popup02" data-focus="adr_popup02" data-focus-prev="adr_popup02-close" style="width: 510px;">
+            <div class="popup_heading">
+                <p>그룹 합치기</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
+                <div class="gorup_join_cont">
                     <div class="select_group">
                         <p>선택그룹</p>
                         <ul>
@@ -806,25 +984,26 @@
                             <input type="text" placeholder="새 그룹명 입력" onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명 입력'" class="inputLight">
                         </div>
                     </div>
-                </div>	
+                </div>
                 <div class="popup_btn_wrap2">
                     <button type="button">저장</button>
-                    <button type="button" class="tooltip-close" data-focus="adr_popup02-close" data-focus-next="adr_popup02">취소</button>                      
+                    <button type="button" class="tooltip-close" data-focus="adr_popup02-close" data-focus-next="adr_popup02">취소</button>
                 </div>
-			</div>
-		</div>
-	</div><!--// 그룹 합치기 팝업 -->
-    
+            </div>
+        </div>
+    </div>
+    <!--// 그룹 합치기 팝업 -->
+
     <!-- 주소록 내보내기 팝업 data-tooltip:adr_popup03 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup03" tabindex="0" data-tooltip-con="adr_popup03" data-focus="adr_popup03" data-focus-prev="adr_popup03-close" style="width: 510px;">
-			<div class="popup_heading">
-				<p>주소록 내보내기</p>
-				<button type="button" class="tooltip-close" data-focus="adr_popup03-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in">
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup03" tabindex="0" data-tooltip-con="adr_popup03" data-focus="adr_popup03" data-focus-prev="adr_popup03-close" style="width: 510px;">
+            <div class="popup_heading">
+                <p>주소록 내보내기</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup03-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
                 <p class="adr_pop_title"><span class="c_222">hong1234</span>님께 <span class="c_e40000">총 5개의 주소록</span>을 전송하겠습니까?</p>
-				<div class="gorup_join_cont">
+                <div class="gorup_join_cont">
                     <div class="select_group">
                         <p>선택그룹</p>
                         <ul>
@@ -835,25 +1014,26 @@
                             <li>연구소[<span>20</span>명]<button type="button"><img src="/publish/images/content/close_btn.png" alt="선택 그룹 취소"></button></li>
                         </ul>
                     </div>
-                </div>	
+                </div>
                 <div class="popup_btn_wrap2">
                     <button type="button">확인</button>
-                    <button type="button" class="tooltip-close" data-focus="adr_popup03-close" data-focus-next="adr_popup03">취소</button>                      
+                    <button type="button" class="tooltip-close" data-focus="adr_popup03-close" data-focus-next="adr_popup03">취소</button>
                 </div>
-			</div>
-		</div>
-	</div><!--// 주소록 내보내기 팝업 -->
-    
+            </div>
+        </div>
+    </div>
+    <!--// 주소록 내보내기 팝업 -->
+
     <!-- 주소록 내보내기(결과) 팝업 data-tooltip:adr_popup04 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup04" tabindex="0" data-tooltip-con="adr_popup04" data-focus="adr_popup04" data-focus-prev="adr_popup04-close" style="width: 510px;">
-			<div class="popup_heading">
-				<p>주소록 내보내기</p>
-				<button type="button" class="tooltip-close" data-focus="adr_popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in">
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup04" tabindex="0" data-tooltip-con="adr_popup04" data-focus="adr_popup04" data-focus-prev="adr_popup04-close" style="width: 510px;">
+            <div class="popup_heading">
+                <p>주소록 내보내기</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
                 <p class="adr_pop_title"><span class="c_222">hong1234</span>님께 <span class="c_e40000">총 5개의 주소록</span>을 전송하였습니다</p>
-				<div class="gorup_join_cont">
+                <div class="gorup_join_cont">
                     <div class="select_group2">
                         <ul>
                             <li>
@@ -879,26 +1059,27 @@
                         </ul>
                     </div>
                     <p class="select_group_info">※ 발신된 주소록은 10일 이내 수신해야 합니다.</p>
-                </div>	
+                </div>
                 <div class="popup_btn_wrap2">
                     <button type="button">확인</button>
-                    <button type="button" class="tooltip-close" data-focus="adr_popup04-close" data-focus-next="adr_popup04">취소</button>                      
+                    <button type="button" class="tooltip-close" data-focus="adr_popup04-close" data-focus-next="adr_popup04">취소</button>
                 </div>
-			</div>
-		</div>
-	</div><!--// 주소록 내보내기(결과) 팝업 -->
+            </div>
+        </div>
+    </div>
+    <!--// 주소록 내보내기(결과) 팝업 -->
 
     <!-- 주소록 수신 팝업 data-tooltip:adr_popup05 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup05" tabindex="0" data-tooltip-con="adr_popup05" data-focus="adr_popup05" data-focus-prev="adr_popup05-close" style="width: 600px; height: 575px;">
-			<div class="popup_heading">
-				<p>주소록 수신</p>
-				<button type="button" class="tooltip-close" data-focus="adr_popup05-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in">
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup05" tabindex="0" data-tooltip-con="adr_popup05" data-focus="adr_popup05" data-focus-prev="adr_popup05-close" style="width: 600px; height: 575px;">
+            <div class="popup_heading">
+                <p>주소록 수신</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup05-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
                 <p class="adr_pop_title"><span class="c_002c9a">rowin</span>님께 다음과 같이 주소록을 전송하였습니다.<br>
                     주소 등록을 원하시는 <span class="c_002c9a">그룹 선택 후 수신 버튼</span>을 눌러주시기 바랍니다.</p>
-				<div>
+                <div>
                     <div class="list_info">
                         <p>총 <span class="c_e40000">135</span>건</p>
                     </div>
@@ -935,190 +1116,197 @@
                                 <tr>
                                     <td>
                                         <label for="" class="label">한 줄 전체 선택</label>
-                                        <input type="checkbox"> 
+                                        <input type="checkbox">
                                     </td>
-                                    <td><p>2021-04-16, 15:00:20</p></td>
-                                    <td><p>거래처3[<span class="c_002c9a">10</span>명]</p></td>
+                                    <td>
+                                        <p>2021-04-16, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>거래처3[<span class="c_002c9a">10</span>명]</p>
+                                    </td>
                                 </tr>
                                 <tr>
                                     <td>
                                         <label for="" class="label">한 줄 전체 선택</label>
-                                        <input type="checkbox"> 
+                                        <input type="checkbox">
                                     </td>
-                                    <td><p>2021-04-16, 15:00:20</p></td>
-                                    <td><p>거래처3[<span class="c_002c9a">10</span>명]</p></td>
+                                    <td>
+                                        <p>2021-04-16, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>거래처3[<span class="c_002c9a">10</span>명]</p>
+                                    </td>
                                 </tr>
                                 <tr>
                                     <td>
                                         <label for="" class="label">한 줄 전체 선택</label>
-                                        <input type="checkbox"> 
+                                        <input type="checkbox">
                                     </td>
-                                    <td><p>2021-04-16, 15:00:20</p></td>
-                                    <td><p>거래처3[<span class="c_002c9a">10</span>명]</p></td>
+                                    <td>
+                                        <p>2021-04-16, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>거래처3[<span class="c_002c9a">10</span>명]</p>
+                                    </td>
                                 </tr>
                                 <tr>
                                     <td>
                                         <label for="" class="label">한 줄 전체 선택</label>
-                                        <input type="checkbox"> 
+                                        <input type="checkbox">
                                     </td>
-                                    <td><p>2021-04-16, 15:00:20</p></td>
-                                    <td><p>거래처3[<span class="c_002c9a">10</span>명]</p></td>
+                                    <td>
+                                        <p>2021-04-16, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>거래처3[<span class="c_002c9a">10</span>명]</p>
+                                    </td>
                                 </tr>
                                 <tr>
                                     <td>
                                         <label for="" class="label">한 줄 전체 선택</label>
-                                        <input type="checkbox"> 
+                                        <input type="checkbox">
                                     </td>
-                                    <td><p>2021-04-16, 15:00:20</p></td>
-                                    <td><p>거래처3[<span class="c_002c9a">10</span>명]</p></td>
+                                    <td>
+                                        <p>2021-04-16, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>거래처3[<span class="c_002c9a">10</span>명]</p>
+                                    </td>
                                 </tr>
                             </tbody>
                         </table>
                     </div>
                     <!-- pagination -->
                     <ul class="pagination">
-                        <li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li>
-                        <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li>
+                        <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+                        <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
                         <li class="on"><button>1</button></li>
                         <li><button>2</button></li>
                         <li><button>3</button></li>
                         <li><button>4</button></li>
                         <li><button>5</button></li>
-                        <li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li>
-                        <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
+                        <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+                        <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
                     </ul><!-- pagination -->
                 </div>
                 <div class="popup_btn_wrap2">
                     <button type="button">수신</button>
-                    <button type="button" data-focus-next="adr_popup05">거부</button>                      
+                    <button type="button" data-focus-next="adr_popup05">거부</button>
                 </div>
-			</div>
-		</div>
-	</div><!--// 주소록 수신 팝업 -->
-    
+            </div>
+        </div>
+    </div>
+    <!--// 주소록 수신 팝업 -->
+
     <!-- 엑셀 다운로드 팝업 data-tooltip:adr_popup06 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup06" tabindex="0" data-tooltip-con="adr_popup06" data-focus="adr_popup06" data-focus-prev="adr_popup06-close" style="width: 510px;">
-			<div class="popup_heading">
-				<p>엑셀 다운로드</p>
-				<button type="button" class="tooltip-close" data-focus="adr_popup06-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in">
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup06" tabindex="0" data-tooltip-con="adr_popup06" data-focus="adr_popup06" data-focus-prev="adr_popup06-close" style="width: 510px;">
+            <div class="popup_heading">
+                <p>엑셀 다운로드</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup06-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
                 <p class="adr_pop_title">원하시는 항목을 선택하여 엑셀 다운로드 할 수 있습니다.</p>
-				<div class="gorup_join_cont">
+                <div class="gorup_join_cont">
                     <div class="adr_print">
                         <div>
-					    	<input type="checkbox" id="adrPrintAll">
+                            <input type="checkbox" id="adrPrintAll">
                             <label for="adrPrintAll">전체</label>
                         </div>
                         <div>
-					    	<input type="checkbox" id="adrPrint1">
+                            <input type="checkbox" id="adrPrint1">
                             <label for="adrPrint1">이름</label>
                         </div>
                         <div>
-					    	<input type="checkbox" id="adrPrint2">
-                            <label for="adrPrint2">그룹명</label>
+                            <input type="checkbox" id="adrPrint2">
+                            <label for="adrPrint2">팩스번호</label>
                         </div>
                         <div>
-					    	<input type="checkbox" id="adrPrint3">
-                            <label for="adrPrint3">휴대폰</label>
+                            <input type="checkbox" id="adrPrint3">
+                            <label for="adrPrint3">메모</label>
                         </div>
                         <div>
-					    	<input type="checkbox" id="adrPrint4">
-                            <label for="adrPrint4">메모</label>
-                        </div>
-                        <div>
-					    	<input type="checkbox" id="adrPrint5">
-                            <label for="adrPrint5">[*1*]</label>
-                        </div>
-                        <div>
-					    	<input type="checkbox" id="adrPrint6">
-                            <label for="adrPrint6">[*2*]</label>
-                        </div>
-                        <div>
-					    	<input type="checkbox" id="adrPrint7">
-                            <label for="adrPrint7">[*3*]</label>
-                        </div>
-                        <div>
-					    	<input type="checkbox" id="adrPrint8">
-                            <label for="adrPrint8">[*4*]</label>
+                            <input type="checkbox" id="adrPrint4">
+                            <label for="adrPrint4">그룹명</label>
                         </div>
                     </div>
-                </div>	
+                </div>
                 <div class="popup_btn_wrap2">
                     <button type="button">다운로드</button>
-                    <button type="button" class="tooltip-close" data-focus="adr_popup06-close" data-focus-next="adr_popup06">취소</button>                      
+                    <button type="button" class="tooltip-close" data-focus="adr_popup06-close" data-focus-next="adr_popup06">취소</button>
                 </div>
-			</div>
-		</div>
-	</div><!--// 엑셀 다운로드 팝업 -->
+            </div>
+        </div>
+    </div>
+    <!--// 엑셀 다운로드 팝업 -->
 
     <!-- 주소록 인쇄 팝업 data-tooltip:adr_popup07 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup07" tabindex="0" data-tooltip-con="adr_popup07" data-focus="adr_popup07" data-focus-prev="adr_popup07-close" style="width: 510px;">
-			<div class="popup_heading">
-				<p>주소록 인쇄</p>
-				<button type="button" class="tooltip-close" data-focus="adr_popup07-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in">
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup07" tabindex="0" data-tooltip-con="adr_popup07" data-focus="adr_popup07" data-focus-prev="adr_popup07-close" style="width: 510px;">
+            <div class="popup_heading">
+                <p>주소록 인쇄</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup07-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
                 <p class="adr_pop_title">원하시는 항목을 선택하여 인쇄할 수 있습니다.</p>
-				<div class="gorup_join_cont">
+                <div class="gorup_join_cont">
                     <div class="adr_print">
                         <div>
-					    	<input type="checkbox" id="adrPrintAll">
+                            <input type="checkbox" id="adrPrintAll">
                             <label for="adrPrintAll">전체</label>
                         </div>
                         <div>
-					    	<input type="checkbox" id="adrPrint1">
+                            <input type="checkbox" id="adrPrint1">
                             <label for="adrPrint1">이름</label>
                         </div>
                         <div>
-					    	<input type="checkbox" id="adrPrint2">
+                            <input type="checkbox" id="adrPrint2">
                             <label for="adrPrint2">그룹명</label>
                         </div>
                         <div>
-					    	<input type="checkbox" id="adrPrint3">
+                            <input type="checkbox" id="adrPrint3">
                             <label for="adrPrint3">휴대폰</label>
                         </div>
                         <div>
-					    	<input type="checkbox" id="adrPrint4">
+                            <input type="checkbox" id="adrPrint4">
                             <label for="adrPrint4">메모</label>
                         </div>
                         <div>
-					    	<input type="checkbox" id="adrPrint5">
+                            <input type="checkbox" id="adrPrint5">
                             <label for="adrPrint5">[*1*]</label>
                         </div>
                         <div>
-					    	<input type="checkbox" id="adrPrint6">
+                            <input type="checkbox" id="adrPrint6">
                             <label for="adrPrint6">[*2*]</label>
                         </div>
                         <div>
-					    	<input type="checkbox" id="adrPrint7">
+                            <input type="checkbox" id="adrPrint7">
                             <label for="adrPrint7">[*3*]</label>
                         </div>
                         <div>
-					    	<input type="checkbox" id="adrPrint8">
+                            <input type="checkbox" id="adrPrint8">
                             <label for="adrPrint8">[*4*]</label>
                         </div>
                     </div>
-                </div>	
+                </div>
                 <div class="popup_btn_wrap2">
                     <button type="button">인쇄</button>
-                    <button type="button" class="tooltip-close" data-focus="adr_popup07-close" data-focus-next="adr_popup07">취소</button>                      
+                    <button type="button" class="tooltip-close" data-focus="adr_popup07-close" data-focus-next="adr_popup07">취소</button>
                 </div>
-			</div>
-		</div>
-	</div><!--// 주소록 인쇄 팝업 -->
+            </div>
+        </div>
+    </div>
+    <!--// 주소록 인쇄 팝업 -->
 
     <!-- 주소록 내보내기 관리 data-tooltip:adr_popup08 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup08" tabindex="0" data-tooltip-con="adr_popup08" data-focus="adr_popup08" data-focus-prev="adr_popup08-close" style="width: 920px; height: 456px;">
-			<div class="popup_heading">
-				<p>주소록 내보내기 관리</p>
-				<button type="button" class="tooltip-close" data-focus="adr_popup08-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in" style="padding: 30px 30px 40px 30px;">
-				<div>
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup08" tabindex="0" data-tooltip-con="adr_popup08" data-focus="adr_popup08" data-focus-prev="adr_popup08-close" style="width: 920px; height: 456px;">
+            <div class="popup_heading">
+                <p>주소록 내보내기 관리</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup08-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in" style="padding: 30px 30px 40px 30px;">
+                <div>
                     <div class="list_info">
                         <p>총 발송건수 <span class="c_e40000">171</span>건</p>
                         <div>
@@ -1151,38 +1339,78 @@
                             </thead>
                             <tbody>
                                 <tr>
-                                    <td><p>거래처3[<span class="c_002c9a">10</span>명]</p></td>
-                                    <td><p>2021-04-16, 15:00:20</p></td>
-                                    <td><p>2021-04-17, 15:00:20</p></td>
-                                    <td><p>hong1234</p></td>
+                                    <td>
+                                        <p>거래처3[<span class="c_002c9a">10</span>명]</p>
+                                    </td>
+                                    <td>
+                                        <p>2021-04-16, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>2021-04-17, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>hong1234</p>
+                                    </td>
                                     <td><span class="c_002c9a">수신완료</span></td>
                                 </tr>
                                 <tr>
-                                    <td><p>거래처3[<span class="c_002c9a">10</span>명]</p></td>
-                                    <td><p>2021-04-16, 15:00:20</p></td>
-                                    <td><p>2021-04-17, 15:00:20</p></td>
-                                    <td><p>hong1234</p></td>
+                                    <td>
+                                        <p>거래처3[<span class="c_002c9a">10</span>명]</p>
+                                    </td>
+                                    <td>
+                                        <p>2021-04-16, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>2021-04-17, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>hong1234</p>
+                                    </td>
                                     <td><span class="c_e40000">수신거부</span></td>
                                 </tr>
                                 <tr>
-                                    <td><p>거래처3[<span class="c_002c9a">10</span>명]</p></td>
-                                    <td><p>2021-04-16, 15:00:20</p></td>
-                                    <td><p>2021-04-17, 15:00:20</p></td>
-                                    <td><p>hong1234</p></td>
+                                    <td>
+                                        <p>거래처3[<span class="c_002c9a">10</span>명]</p>
+                                    </td>
+                                    <td>
+                                        <p>2021-04-16, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>2021-04-17, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>hong1234</p>
+                                    </td>
                                     <td><span class="c_002c9a">수신완료</span></td>
                                 </tr>
                                 <tr>
-                                    <td><p>거래처3[<span class="c_002c9a">10</span>명]</p></td>
-                                    <td><p>2021-04-16, 15:00:20</p></td>
-                                    <td><p>2021-04-17, 15:00:20</p></td>
-                                    <td><p>hong1234</p></td>
+                                    <td>
+                                        <p>거래처3[<span class="c_002c9a">10</span>명]</p>
+                                    </td>
+                                    <td>
+                                        <p>2021-04-16, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>2021-04-17, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>hong1234</p>
+                                    </td>
                                     <td><span class="c_002c9a">수신완료</span></td>
                                 </tr>
                                 <tr>
-                                    <td><p>거래처3[<span class="c_002c9a">10</span>명]</p></td>
-                                    <td><p>2021-04-16, 15:00:20</p></td>
-                                    <td><p>2021-04-17, 15:00:20</p></td>
-                                    <td><p>hong1234</p></td>
+                                    <td>
+                                        <p>거래처3[<span class="c_002c9a">10</span>명]</p>
+                                    </td>
+                                    <td>
+                                        <p>2021-04-16, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>2021-04-17, 15:00:20</p>
+                                    </td>
+                                    <td>
+                                        <p>hong1234</p>
+                                    </td>
                                     <td><span class="c_002c9a">수신완료</span></td>
                                 </tr>
                             </tbody>
@@ -1190,185 +1418,51 @@
                     </div>
                     <!-- pagination -->
                     <ul class="pagination">
-                        <li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li>
-                        <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li>
+                        <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+                        <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
                         <li class="on"><button>1</button></li>
                         <li><button>2</button></li>
                         <li><button>3</button></li>
                         <li><button>4</button></li>
                         <li><button>5</button></li>
-                        <li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li>
-                        <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
+                        <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+                        <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
                     </ul><!-- pagination -->
                 </div>
-			</div>
-		</div>
-	</div><!--// 주소록 내보내기 관리 팝업 -->
+            </div>
+        </div>
+    </div>
+    <!--// 주소록 내보내기 관리 팝업 -->
 
     <!-- 메모 팝업 data-tooltip:adr_popup13 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup13" tabindex="0" data-tooltip-con="adr_popup13" data-focus="adr_popup13" data-focus-prev="adr_popu13-close" style="width: 300px;">
-			<div class="popup_heading">
-				<p>메모</p>
-				<button type="button" class="tooltip-close" data-focus="adr_popup13-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in" style="padding: 30px 20px;">
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup13" tabindex="0" data-tooltip-con="adr_popup13" data-focus="adr_popup13" data-focus-prev="adr_popu13-close" style="width: 300px;">
+            <div class="popup_heading">
+                <p>메모</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup13-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in" style="padding: 30px 20px;">
                 <div class="memo_wrap">
                     <p>메모내용</p>
                     <textarea placeholder="메모를 입력하세요." class="memo" onfocus="this.placeholder=''" onblur="this.placeholder='메모를 입력하세요'" class="inputLight"></textarea>
-                </div>	
+                </div>
                 <div class="popup_btn_wrap2">
                     <button type="button">저장</button>
-                    <button type="button" class="tooltip-close" data-focus="adr_popup13-close" data-focus-next="adr_popup13">닫기</button>                      
+                    <button type="button" class="tooltip-close" data-focus="adr_popup13-close" data-focus-next="adr_popup13">닫기</button>
                 </div>
-			</div>
-		</div>
-	</div><!--// 그룹 내보내기(결과) 팝업 -->
+            </div>
+        </div>
+    </div>
+    <!--// 그룹 내보내기(결과) 팝업 -->
 
     <div class="skip_menu">
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-    </div><!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div><!--// quick 메뉴 -->
+    </div>
+    <!--// skip 메뉴  -->
+
     <!-- header 영역 -->
-    <header id="header" class="header sub ">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                    <input type="text" placeholder="문자샘플 검색하기">
-                    <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-                </div>
-            </div><!--// search popup 영역 -->
-        </div><!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30"size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div><!--// login 영역 -->
-    </header><!--// header 영역 -->
+    <div data-include-path="/publish/layout/_header.html"></div>
+    <!--// header 영역 -->
     <!-- login 영역 -->
     <!-- content 영역 -->
     <div id="container" class="cont sub">
@@ -1378,470 +1472,366 @@
                 <!-- tab button -->
                 <ul class="tabType4">
                     <li class="tab active"><button type="button" onclick="TabType5(this,'1');">주소록관리</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'2');">수신거부</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'3');">폰주소록 등록</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'4');">주소록 입력 대행(무료)</button></li>
-                </ul><!--// tab button -->
-				<!-- 주소록 관리 - 주소록 관리 -->
+                    <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"><button type="button" onclick="location.href='/publish/adrbook4.html'">폰주소록 등록</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/adrbook3.html'">주소록 입력 대행(무료)</button></li>
+                </ul>
+                <!--// tab button -->
+                <!-- 주소록 관리 - 주소록 관리 -->
                 <div class="adr_cont current" id="tab5_1">
                     <div class="heading">
                         <h2>주소록 관리</h2>
+                        <button type="button" class="button info" onclick="infoListPop('adrbook1','793','450');">사용안내</button>
                     </div>
-                        <div class="titBox">
-                            <p>- 연락처를 그룹별로 분류하여 간편하고 편리하게 관리할 수 있습니다(최대 100,000개까지 등록 가능)</p>
-                            <p>- 그룹은 그룹 간 이동, 병합 및 복사가 가능합니다.</p>
-                            <p>- 주소록은 중복검사가 가능하며 중복된 연락처를 삭제할 수 있습니다. 단, 데이터 양에 따라 시간이 소요될 수 있습니다.</p>
-                            <p>- 주소록 관리에서 그룹 또는 연락처를 선택하여 문자를 바로 발송할 수 있습니다.</p>
-                            <p>- 주소록 내보내기를 통해 다른 ID로 주소록을 복사할 수 있습니다(그룹 전송만 가능, 보낸 주소록 결과는 최대 90일까지 보관)</p>
-                            <p>- 주소록 내보내기 시에는 개인정보보호를 위해 추가 휴대폰 인증을 실시하며, 휴대폰 인증은 등록된 발신번호로만 인증 가능합니다.</p>
-                            <p>- 고객님께서 보유하신 엑셀파일이나 텍스트파일 등으로 작성된 주소록을 대량 등록할 수 있습니다.</p>
-                            <p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
-                            <p>- 주소록 무료대행은 신규 그룹으로 생성됩니다(기존 그룹 수정 불가)</p>
-                        </div>
 
-                        <div class="adr1">
-                            <!-- 왼쪽 영역 -->
-                            <div class="adr1_left">
-                                <div class="search_group_top">
-                                    <label for="" class="label">그룹명 검색</label>
-                                    <input type="text" placeholder="그룹명을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='그룹명을 입력하세요'" class="inputLight">
-                                    <button type="button"><img src="/publish/images/popup/search.png" alt="검색"></button>
-                                </div>
-                                <div class="adrBox">
-                                    <div class="search_group_middle">
-                                        <label for="" class="label">새 그룹 추가</label>
-                                        <input type="text" placeholder="새 그룹명 입력(40Byte 이내)" onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명 입력(40Byte 이내)'" class="inputLight">
-                                        <button type="button" class="btnType">추가</button>
-                                    </div>
-                                    <div class="adr_cb_wrap check_group_all">
-                                        <div>
-                                            <label for="groupAll" class="label">전체 선택</label>
-                                            <input type="checkbox" id="groupAll">
-                                        </div>
-                                        <p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">전체[<span class="c_002c9a fwMd">150</span>/최대 10,000]</p>
-                                    </div>
-                                    <div class="adr1_btnWrap">
-                                        <div>
-                                            <button type="button" class="btnType btnType2">편집</button>
-                                            <button type="button" class="btnType btnType7">취소</button>
-                                        </div>
-                                        <div>
-                                            <button type="button" class="btn_top"><img src="/publish/images/content/adress_up2.png"></button>
-                                            <button type="button" class="btn_up"><img src="/publish/images/content/adress_up1.png"></button>
-                                            <button type="button" class="btn_down"><img src="/publish/images/content/adress_down1.png"></button>
-                                            <button type="button" class="btn_botom"><img src="/publish/images/content/adress_down2.png"></button>
-                                        </div>
-                                    </div>
-                                    <div class="adr1_list">
-                                        <div class="adr_cb_wrap list_fixed">
-                                            <div>
-                                                <label for="group1" class="label">그룹미지정 선택</label>
-                                                <input type="checkbox" id="group1">
-                                            </div>
-                                            <p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">그룹미지정[<span>10</span>명]</p>
-                                        </div>
-                                        <div class="adr_cb_wrap list_fixed">
-                                            <div>
-                                                <label for="group2" class="label">자주보내는 번호</label>
-                                                <input type="checkbox" id="group2">
-                                            </div>
-                                            <p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">자주보내는 번호[<span>20</span>명]</p>
-                                        </div>
-                                        <div class="adr_cb_wrap list_switch">
-                                            <div>
-                                                <label for="group2" class="label">자주보내는 번호</label>
-                                                <input type="checkbox" id="group2">
-                                            </div>
-                                            <p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">자주보내는 번호[<span>20</span>명]</p>
-                                        </div>
-                                        <div class="adr_cb_wrap list_switch">
-                                            <div>
-                                                <label for="group3" class="label">친구</label>
-                                                <input type="checkbox" id="group3">
-                                            </div>
-                                            <p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">친구[<span>80</span>명]</p>
-                                        </div>
-                                        <div class="adr_cb_wrap list_switch">
-                                            <div>
-                                                <label for="group4" class="label">직장</label>
-                                                <input type="checkbox" id="group4">
-                                            </div>
-                                            <p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">직장입니다 직장 맞나요? 직장 맞을거예요[<span>20</span>명]</p>
-                                        </div>
-                                        <div class="adr_cb_wrap list_switch">
-                                            <div>
-                                                <label for="group5" class="label">거래처</label>
-                                                <input type="checkbox" id="group5">
-                                            </div>
-                                            <p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">거래처[<span>10</span>명]</p>
-                                        </div>
-                                        <div class="adr_cb_wrap list_switch">
-                                            <div>
-                                                <label for="group5" class="label">거래처</label>
-                                                <input type="checkbox" id="group5">
-                                            </div>
-                                            <p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">거래처[<span>10</span>명]</p>
-                                        </div>
-                                        <div class="adr_cb_wrap list_switch">
-                                            <div>
-                                                <label for="group5" class="label">거래처</label>
-                                                <input type="checkbox" id="group5">
-                                            </div>
-                                            <p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">거래처[<span>10</span>명]</p>
-                                        </div>
-                                        <div class="adr_cb_wrap list_switch">
-                                            <div>
-                                                <label for="group5" class="label">거래처</label>
-                                                <input type="checkbox" id="group5">
-                                            </div>
-                                            <p class="open">
-                                                <img src="/publish/images/content/open_folder2.png" alt="폴더 열림">
-                                                <label for="" class="label">그룹 명 수정</label>
-                                                <input type="text"></p>
-                                        </div>
-                                        
-                                    </div>
-                                    <div class="adr1_btnWrap_bottom">
-                                        <button type="button" class="btnType group_remove"><i class="remove_img"></i>그룹삭제</button>
-                                        <button type="button" data-tooltip="adr_popup02" class="btnType group_join">그룹 합치기</button>
-                                        <button type="button" class="btnType group_copy">그룹복사</button>
-                                    </div>
-                                    <div class="adr1_exprot clearfix">
-                                        <p>주소록 내보내기</p>
-                                        <button type="button" data-tooltip="adr_popup08" class="send_address"><i></i>보낸 주소록</button>
-                                    </div>
-                                    <div class="search_group_bottom">
-                                        <label for="" class="label">보낼 아이디 검색</label>
-                                        <input type="text" placeholder="보낼 아이디 입력" onfocus="this.placeholder=''" onblur="this.placeholder='보낼 아이디 입력'"  class="inputLight">
-                                        <button type="button" data-tooltip="adr_popup04" class="btnType">내보내기</button>
-                                    </div>
-                                </div>
+                    <div class="adr1">
+                        <!-- 왼쪽 영역 -->
+                        <div class="adr1_left">
+                            <div class="search_group_top">
+                                <label for="" class="label">그룹명 검색</label>
+                                <input type="text" placeholder="그룹명을 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='그룹명을 입력하세요'" class="inputLight">
+                                <button type="button"><img src="/publish/images/popup/search.png" alt="검색"></button>
                             </div>
-                            <!-- 오른쪽 영역 -->
-                            <div class="adr1_right">
-                                <div class="search_group_top2 clearfix">
-                                    <span>주소록 등록</span>
-                                    <label for="" class="label">이름 입력</label>
-                                    <input type="text" placeholder="이름" onfocus="this.placeholder=''" onblur="this.placeholder='이름'" class="inputLight group_search_name">
-                                    <label for="" class="label">휴대폰번호 입력</label>
-                                    <input type="text" placeholder="휴대폰번호(필수)"  onfocus="this.placeholder=''" onblur="this.placeholder='휴대폰번호(필수)'" class="group_search_num">
-                                    <label for="" class="label">그룹 선택</label>
-                                    <select id="" class="selType2">
-                                        <option>그룹미지정</option>
-                                        <option>자주보내는 번호</option>
-                                        <option>친구</option>
-                                        <option>직장</option>
-                                        <option>거래처</option>
-                                    </select>
-                                    <button type="button" class="btnType btnType6">추가</button>
-                                    <button type="button" data-tooltip="adr_popup01" class="btnType btnType2">주소록 대량등록</button>
+                            <div class="adrBox">
+                                <div class="search_group_middle">
+                                    <label for="" class="label">새 그룹 추가</label>
+                                    <input type="text" placeholder="새 그룹명 입력(40Byte 이내)" onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명 입력(40Byte 이내)'" class="inputLight">
+                                    <button type="button" class="btnType">추가</button>
                                 </div>
-                                <ul class="tabType7">
-                                    <li class="tab active"><button type="button" onclick="TabType6(this,'1');">전체</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'2');">ㄱ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'3');">ㄴ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'4');">ㄷ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'5');">ㄹ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'6');">ㅁ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'7');">ㅂ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'8');">ㅅ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'9');">ㅇ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'10');">ㅈ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅊ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅋ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅌ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅍ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅎ</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'11');">A~Z</button></li>
-                                    <li class="tab"><button type="button" onclick="TabType6(this,'11');">0~9</button></li>
-                                </ul><!--// tab button -->
-                                <div class="search_group_middle2 clearfix">
-                                    <div class="btnWrap_first">
-                                        <button type="button" class="btnType btnType2">편집</button>
-                                        <button type="button" class="btnType btnType9">취소</button>
-                                        <button type="button" data-tooltip="adr_popup06" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
-                                        <button type="button" data-tooltip="adr_popup07" class="print_btn btnType"><i class="print_img"></i>인쇄하기</button>
+                                <div class="adr_cb_wrap check_group_all">
+                                    <div>
+                                        <label for="groupAll" class="label">전체 선택</label>
+                                        <input type="checkbox" id="groupAll">
                                     </div>
-                                    <div class="btnWrap_last">
-                                        <label for="" class="label">카테고리 선택</label>
-                                        <select id="" class="selType2">
-                                            <option>전체</option>
-                                        </select>
-                                        <label for="" class="label">검색어 입력</label>
-                                        <input type="text" placeholder="검색어를 입력하세요"  onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요'" >
-                                        <button type="button" class="btnType btnType17">검색</button>
-                                        <label for="" class="label">줄보기 선택</label>
-                                        <select id="" class="selType2" style="width: 110px;">
-                                            <option>10개보기</option>
-                                            <option>20개보기</option>
-                                        </select>
+                                    <p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">전체[<span class="c_002c9a fwMd">150</span>/최대 10,000]</p>
+                                </div>
+                                <div class="adr1_btnWrap">
+                                    <div>
+                                        <button type="button" class="btnType btnType21">편집</button>
+                                        <button type="button" class="btnType btnType7">취소</button>
+                                    </div>
+                                    <div id="orderBtn">
+                                        <button type="button" class="btn_top"><img src="/publish/images/content/adress_up2.png"></button>
+                                        <button type="button" class="btn_up"><img src="/publish/images/content/adress_up1.png"></button>
+                                        <button type="button" class="btn_down"><img src="/publish/images/content/adress_down1.png"></button>
+                                        <button type="button" class="btn_botom"><img src="/publish/images/content/adress_down2.png"></button>
                                     </div>
                                 </div>
-                                <!-- 주소록리스트 -->
-							<div class="tb_wrap adr_list">
-								<table class="tType4 ">
-									<colgroup>
-										<col style="width: 40px;">
-										<col style="width: 15%;">
-										<col style="width: 20%;">
-										<col style="width: 10%;">
-										<col style="width: 15%;">
-										<col style="width: 15%;">
-										<col style="width: 15%;">
-										<col style="width: 15%;">
-										<col style="width: 50px;">
-										<col style="width: 50px;">
-									</colgroup>
-									<thead>
-										<tr>
-											<th>
-												<label for="" class="label">전체 선택</label>
-												<input type="checkbox">
-											</th>
-											<th>
-												그룹명
-												<div class="sort_wrap">
-													<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-													<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-												</div>
-											</th>
-											<th>
-												휴대폰
-												<div class="sort_wrap">
-													<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-													<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-												</div>
-											</th>
-											<th>
-												이름
-												<div class="sort_wrap">
-													<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-													<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-												</div>
-											</th>
-											<th>
-												[*1*]
-												<div class="sort_wrap">
-													<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-													<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-												</div>
-											</th>
-											<th>
-												[*2*]
-												<div class="sort_wrap">
-													<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-													<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-												</div>
-											</th>
-											<th>
-												[*3*]
-												<div class="sort_wrap">
-													<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-													<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-												</div>
-											</th>
-											<th>
-												[*4*]
-												<div class="sort_wrap">
-													<button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-													<button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-												</div>
-											</th>
-											<th>메모</th>
-											<th>삭제</th>
-										</tr>
-									</thead>
-									<tbody>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>자주보내는번호</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p>홍길동</p>
-											</td>
-											<td>
-												<p>vip</p>
-											</td>
-											<td>
-												<p>안녕하세요...</p>
-											</td>
-											<td><p></p></td>
-											<td><p></p></td>
-											<td><button type="button" data-tooltip="adr_popup13"><img src="/publish/images/content/memo_img.png" alt="메모"></button></td>
-											<td><button type="button"><img src="/publish/images/content/del_img.png" alt="삭제"></button></td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>자주보내는번호</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p>홍길동</p>
-											</td>
-											<td>
-												<p>vip</p>
-											</td>
-											<td>
-												<p>안녕하세요...</p>
-											</td>
-											<td><p></p></td>
-											<td><p></p></td>
-											<td><button><img src="/publish/images/content/memo_img.png" alt="메모"></button></td>
-											<td><button><img src="/publish/images/content/del_img.png" alt="삭제"></button></td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<p>자주보내는번호</p>
-											</td>
-											<td>
-												<p>010-1234-5678</p>
-											</td>
-											<td>
-												<p>홍길동</p>
-											</td>
-											<td>
-												<p>vip</p>
-											</td>
-											<td>
-												<p>안녕하세요...</p>
-											</td>
-											<td><p></p></td>
-											<td><p></p></td>
-											<td><button><img src="/publish/images/content/memo_img.png" alt="메모"></button></td>
-											<td><button><img src="/publish/images/content/del_img.png" alt="삭제"></button></td>
-										</tr>
-										<tr>
-											<td>
-												<label for="" class="label">선택</label>
-												<input type="checkbox">
-											</td>
-											<td>
-												<input type="text" value="친구">
-											</td>
-											<td>
-												<input type="text" value="010-1234-5678">
-											</td>
-											<td>
-												<input type="text" value="홍길동">
-											</td>
-											<td>
-												<input type="text" value="VIP">
-											</td>
-											<td>
-												<input type="text" value="안녕하세요 우리는 모두가 친구">
-											</td>
-											<td><input type="text" value="ㄴㅇㅁㅁㄴㅇㅁㄴㅇ"></td>
-											<td><input type="text" value="안녕하세요 우리는 모두가 친구"></td>
-											<td><button><img src="/publish/images/content/memo_img.png" alt="메모"></button></td>
-											<td><button><img src="/publish/images/content/del_img.png" alt="삭제"></button></td>
-										</tr>
-									</tbody>
-								</table>
-							</div>
-							<!-- //주소록리스트 -->
-                                <div class="search_group_bottom2">
-                                    <div class="btnWrap1">
-                                        <button type="button" class="btnType"><i class="remove_img"></i>선택삭제</button>
-                                        <button type="button" class="btnType">중복검사</button>
+                                <div class="adr1_list">
+                                    <div class="adr_cb_wrap list_fixed">
+                                        <div>
+                                            <label for="group1" class="label">그룹미지정 선택</label>
+                                            <input type="checkbox" id="group1">
+                                        </div>
+                                        <p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">그룹미지정[<span>10</span>명]</p>
                                     </div>
-                                    <div class="btnWrap2">
-                                        <label for="" class="label">줄보기 선택</label>
-                                        <select id="" class="selType2">
-                                            <option>친구</option>
-                                            <option>미지정</option>
-                                        </select>
-                                        <span>그룹으로</span>
-                                        <button type="button" class="btnType group_move"><i></i>이동</button>
-                                        <button type="button" class="btnType group_copy"><i></i>복사</button>
+                                    <div class="adr_cb_wrap list_fixed">
+                                        <div>
+                                            <label for="group2" class="label">자주보내는 번호</label>
+                                            <input type="checkbox" id="group2">
+                                        </div>
+                                        <p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">자주보내는 번호[<span>20</span>명]</p>
                                     </div>
-                                    <div class="btnWrap3">
-                                        <label for="" class="label">선택</label>
-                                        <select id="" class="selType2">
-                                            <option>단문문자</option>
-                                            <option>장문문자</option>
-                                            <option>그림문자</option>
-                                            <option>선거문자</option>
-                                        </select>
-                                        <button type="button" class="btnType">전송하기
-                                            <i class="qmMark adr_qm"></i>
-                                            <div class="adr_hover_cont">
-												<p>선택한 주소록을 문자 수신목록에서 바로 추가할 수 있습니다.</p>
-											</div>
-                                        </button>
+                                    <div class="adr_cb_wrap list_switch">
+                                        <div>
+                                            <label for="group2" class="label">자주보내는 번호</label>
+                                            <input type="checkbox" id="group2">
+                                        </div>
+                                        <p><img src="/publish/images/content/close_folder2.png" alt="폴더 닫힘">자주보내는 번호[<span>20</span>명]</p>
                                     </div>
+                                    <div class="adr_cb_wrap list_switch">
+                                        <div>
+                                            <label for="group3" class="label">친구</label>
+                                            <input type="checkbox" id="group3">
+                                        </div>
+                                        <p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">친구[<span>80</span>명]</p>
+                                    </div>
+                                    <div class="adr_cb_wrap list_switch">
+                                        <div>
+                                            <label for="group4" class="label">직장</label>
+                                            <input type="checkbox" id="group4">
+                                        </div>
+                                        <p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">직장입니다 직장 맞나요? 직장 맞을거예요[<span>20</span>명]</p>
+                                    </div>
+                                    <div class="adr_cb_wrap list_switch">
+                                        <div>
+                                            <label for="group5" class="label">거래처</label>
+                                            <input type="checkbox" id="group5">
+                                        </div>
+                                        <p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">거래처[<span>10</span>명]</p>
+                                    </div>
+                                    <div class="adr_cb_wrap list_switch">
+                                        <div>
+                                            <label for="group5" class="label">거래처</label>
+                                            <input type="checkbox" id="group5">
+                                        </div>
+                                        <p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">거래처[<span>10</span>명]</p>
+                                    </div>
+                                    <div class="adr_cb_wrap list_switch">
+                                        <div>
+                                            <label for="group5" class="label">거래처</label>
+                                            <input type="checkbox" id="group5">
+                                        </div>
+                                        <p class="open"><img src="/publish/images/content/open_folder2.png" alt="폴더 열림">거래처[<span>10</span>명]</p>
+                                    </div>
+                                    <div class="adr_cb_wrap list_switch">
+                                        <div>
+                                            <label for="group5" class="label">거래처</label>
+                                            <input type="checkbox" id="group5">
+                                        </div>
+                                        <p class="open">
+                                            <img src="/publish/images/content/open_folder2.png" alt="폴더 열림">
+                                            <label for="" class="label">그룹 명 수정</label>
+                                            <input type="text"></p>
+                                    </div>
+
                                 </div>
-                                <!-- pagination -->
-                                <ul class="pagination">
-                                    <li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li>
-                                    <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li>
-                                    <li class="on"><button>1</button></li>
-                                    <li><button>2</button></li>
-                                    <li><button>3</button></li>
-                                    <li><button>4</button></li>
-                                    <li><button>5</button></li>
-                                    <li><button>6</button></li>
-                                    <li><button>7</button></li>
-                                    <li><button>8</button></li>
-                                    <li><button>9</button></li>
-                                    <li><button>10</button></li>
-                                    <li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li>
-                                    <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
-                                </ul><!-- pagination -->
+                                <div class="adr1_btnWrap_bottom">
+                                    <button type="button" class="btnType group_remove"><i class="remove_img"></i>그룹삭제</button>
+                                    <button type="button" data-tooltip="adr_popup02" class="btnType group_join">그룹 합치기</button>
+                                    <button type="button" class="btnType group_copy">그룹복사</button>
+                                </div>
+                                <div class="adr1_exprot clearfix">
+                                    <p>주소록 내보내기</p>
+                                    <button type="button" data-tooltip="adr_popup08" class="send_address"><i></i>보낸 주소록</button>
+                                </div>
+                                <div class="search_group_bottom">
+                                    <label for="" class="label">보낼 아이디 검색</label>
+                                    <input type="text" placeholder="보낼 아이디 입력" onfocus="this.placeholder=''" onblur="this.placeholder='보낼 아이디 입력'" class="inputLight">
+                                    <button type="button" data-tooltip="adr_popup04" class="btnType">내보내기</button>
+                                </div>
                             </div>
                         </div>
-                    </div>
-				</div><!--// 주소록 관리 - 주소록 관리 -->
-            </div><!--// send top -->
-        </div>
-    </div><!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터     1차)</p>
-                        <p>사업자번호 : 653-87-00858  |  대표 : 유인식  |  통신판매등록번호 : 제  다산-12345호  |  문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
+                        <!-- 오른쪽 영역 -->
+                        <div class="adr1_right">
+                            <div class="search_group_top2 clearfix">
+                                <span>회원 등록</span>
+                                <label for="" class="label">이름 입력</label>
+                                <input type="text" placeholder="이름" onfocus="this.placeholder=''" onblur="this.placeholder='이름'" class="inputLight group_search_name">
+                                <label for="" class="label">휴대폰 번호 입력(필수)</label>
+                                <input type="text" placeholder="휴대폰번호(필수)" onfocus="this.placeholder=''" onblur="this.placeholder='휴대폰번호(필수)'" class="group_search_num">
+                                <label for="" class="label">그룹 선택</label>
+                                <select id="" class="selType2">
+                                    <option>그룹미지정</option>
+                                    <option>자주보내는 번호</option>
+                                    <option>친구</option>
+                                    <option>직장</option>
+                                    <option>거래처</option>
+                                </select>
+                                <button type="button" class="btnType btnType6">추가</button>
+                                <button type="button" data-tooltip="adr_popup01" class="btnType btnType21">주소록 대량등록</button>
+                            </div>
+                            <ul class="tabType7">
+                                <li class="tab active"><button type="button" onclick="TabType6(this,'1');">전체</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'2');">ㄱ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'3');">ㄴ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'4');">ㄷ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'5');">ㄹ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'6');">ㅁ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'7');">ㅂ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'8');">ㅅ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'9');">ㅇ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'10');">ㅈ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅊ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅋ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅌ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅍ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'11');">ㅎ</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'11');">A~Z</button></li>
+                                <li class="tab"><button type="button" onclick="TabType6(this,'11');">0~9</button></li>
+                            </ul>
+                            <!--// tab button -->
+                            <div class="search_group_middle2 clearfix">
+                                <div class="btnWrap_first">
+                                    <button type="button" class="btnType btnType21 editAddrBtn" onclick="editAddrs();">편집</button>
+                                    <button type="button" class="btnType btnType9 cancelAddrBtn" onclick="cancelAddrEdit();" style="display:none;">취소</button>
+                                    <button type="button" data-tooltip="adr_popup06" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+                                    <button type="button" data-tooltip="adr_popup07" class="print_btn btnType"><i class="print_img"></i>인쇄하기</button>
+                                </div>
+                                <div class="btnWrap_last">
+                                    <label for="" class="label">카테고리 선택</label>
+                                    <select id="searchConditionAddr" class="selType2">
+                                        <option value="1" selected="">휴대폰번호</option>
+                                        <option value="2">이름</option>
+                                    </select>
+                                    <label for="" class="label">검색어 입력</label>
+                                    <input type="text" id="searchKeywordAddr" value="" placeholder="검색어를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='검색어를 입력하세요'">
+                                    <button type="button" onclick="linkPage(1);" class="btnType btnType2">검색</button>
+                                    <label for="" class="label">줄보기 선택</label>
+                                    <select name="pageUnit" id="pageUnit" onchange="linkPage(1); return false;" class="selType2" style="width: 110px;">
+                                        <option value="10" selected="">10개보기</option>
+                                        <option value="20">20개보기</option>
+                                        <option value="30">30개보기</option>
+                                    </select>
+                                </div>
+                            </div>
+                            <!-- 주소록리스트 -->
+                            <div class="tb_wrap adr_list">
+                                <table class="tType4 ">
+                                    <colgroup>
+                                        <col style="width: 40px;">
+                                        <col style="width: 20%;">
+                                        <col style="width: 20%;">
+                                        <col style="width: 18%;">
+                                        <col style="width: 11%;">
+                                        <col style="width: 11%;">
+                                        <col style="width: 11%;">
+                                        <col style="width: 11%;">
+                                        <col style="width: 50px;">
+                                        <col style="width: 50px;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>
+                                                <label for="" class="label">전체 선택</label>
+                                                <input type="checkbox">
+                                            </th>
+                                            <th>
+                                                그룹명
+                                                <div class="sort_wrap">
+                                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                                </div>
+                                            </th>
+                                            <th>
+                                                휴대폰
+                                                <div class="sort_wrap">
+                                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                                </div>
+                                            </th>
+                                            <th>
+                                                이름
+                                                <div class="sort_wrap">
+                                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                                </div>
+                                            </th>
+                                            <th>
+                                                [*1*]
+                                                <div class="sort_wrap">
+                                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                                </div>
+                                            </th>
+                                            <th>
+                                                [*2*]
+                                                <div class="sort_wrap">
+                                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                                </div>
+                                            </th>
+                                            <th>
+                                                [*3*]
+                                                <div class="sort_wrap">
+                                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                                </div>
+                                            </th>
+                                            <th>
+                                                [*4*]
+                                                <div class="sort_wrap">
+                                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                                </div>
+                                            </th>
+                                            <th>메모</th>
+                                            <th>삭제</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>
+                                                <label for="" class="label">선택</label>
+                                                <input type="checkbox">
+                                            </td>
+                                            <td>
+                                                <p>자주보내는번호</p>
+                                            </td>
+                                            <td>
+                                                <p>010-1234-5678</p>
+                                            </td>
+                                            <td title="이름이름이름이름이름이름이름이름">
+                                                <p>이름이름이름이름이름이름이름이름</p>
+                                            </td>
+                                            <td>
+                                                <p>1</p>
+                                            </td>
+                                            <td>
+                                                <p>2</p>
+                                            </td>
+                                            <td>
+                                                <p>3</p>
+                                            </td>
+                                            <td>
+                                                <p>4</p>
+                                            </td>
+                                            <td><button type="button" data-tooltip="adr_popup13"><img src="/publish/images/content/memo_img.png" alt="메모"></button></td>
+                                            <td><button type="button"><img src="/publish/images/content/del_img.png" alt="삭제"></button></td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                            <!-- //주소록리스트 -->
+                            <div class="search_group_bottom2">
+                                <div class="btnWrap1">
+                                    <button type="button" onclick="deleteAddr('listDel');" class="btnType"><i class="remove_img"></i>선택삭제</button>
+                                    <button type="button" class="btnType" data-tooltip="duplication_layer" onclick="addrLoadDupliAjax()">중복검사</button>
+                                </div>
+                                <div class="btnWrap2">
+                                    <label for="" class="label">줄보기 선택</label>
+                                    <select id="funcAddrGroupSelect" name="funcAddrGroupSelect" class="selType2">
+                                        <option value="0">그룹미지정</option>
+                                        <option value="bookmark">자주보내는 번호</option>
+                                        <option value="238">그룹_정수빈2</option>
+                                        <option value="239">그룹_정수빈3</option>
+                                        <option value="3316"></option>
+                                    </select>
+                                    <span>그룹으로</span>
+                                    <button type="button" onclick="moveAddrGroup();" class="btnType group_move"><i></i>이동</button>
+                                    <button type="button" onclick="copyAddr();" class="btnType group_copy"><i></i>복사</button>
+                                </div>
+                                <div class="btnWrap3">
+                                    <label for="" class="label">선택</label>
+                                    <select id="msgType" class="selType2">
+                                        <option value="1">문자전송</option>
+                                        <option value="2">선거문자</option>
+                                    </select>
+                                    <button type="button" class="btnType" onclick="moveAddrToSend();">선택전송</button>
+                                    <button type="button" class="btnType" onclick="moveAddrToSendAll();">전체전송</button>
+                                </div>
+                            </div>
+                            <!-- pagination -->
+                            <ul class="pagination">
+                                <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+                                <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
+                                <li class="on"><button>1</button></li>
+                                <li><button>2</button></li>
+                                <li><button>3</button></li>
+                                <li><button>4</button></li>
+                                <li><button>5</button></li>
+                                <li><button>6</button></li>
+                                <li><button>7</button></li>
+                                <li><button>8</button></li>
+                                <li><button>9</button></li>
+                                <li><button>10</button></li>
+                                <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+                                <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
+                            </ul><!-- pagination -->
                         </div>
                     </div>
                 </div>
             </div>
+            <!--// 주소록 관리 - 주소록 관리 -->
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+        <!--// send top -->
+    </div>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
(No newline at end of file)
src/main/webapp/publish/adrbook2.html
--- src/main/webapp/publish/adrbook2.html
+++ src/main/webapp/publish/adrbook2.html
@@ -15,35 +15,60 @@
     <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/popup.js"></script>
+    <script src="/publish/js/popupLayer.js"></script>
+
+    <script>
+        function popMore(e) {
+            $(e).closest(".pop_more_cont").toggleClass("pop_more_click");
+
+            if ($(e).closest(".pop_more_cont").is(".pop_more_click")) {
+                $(e).html('숨기기');
+                $(e).append('<i></i>');
+            } else {
+                $(e).html('더보기');
+                $(e).append('<i></i>');
+            }
+        }
+    </script>
+
+    <style>
+        .adr_popup09 .excel_middle .select_btnWrap div{gap:6px;}
+        .btnType20{min-width:70px;width:auto;padding:0 10px;}
+        .adr2_hover{display:inline-flex;width:18px;height:18px;background:#002c9a;color:#fff;font-weight:bold;border-radius:100%;justify-content:center;align-items:center;}
+    </style>
 </head>
+
 <body>
     <div class="mask"></div>
 
     <!-- 수신거부 대량등록  data-tooltip:adr_popup09 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup09" tabindex="0" data-tooltip-con="adr_popup09" data-focus="adr_popup09" data-focus-prev="adr_popup09-close" style="width: 1000px;">
-			<div class="popup_heading">
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup09" tabindex="0" data-tooltip-con="adr_popup09" data-focus="adr_popup09" data-focus-prev="adr_popup09-close" style="width: 1000px;">
+            <div class="popup_heading">
                 <p>수신거부번호 등록</p>
                 <button type="button" class="tooltip-close" data-focus="adr_popup09-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
             </div>
             <div class="layer_in" style="height: 700px; padding: 25px 30px;">
+
                 <div class="list_tab_wrap2">
                     <!-- tab button -->
-                    <ul class="list_tab"> 
+                    <ul class="list_tab">
                         <li class="tab active"><button type="button" onclick="popupTab(this,'1');">엑셀입력</button></li>
                         <li class="tab"><button type="button" onclick="popupTab(this,'2');">붙여넣기</button></li>
-                    </ul><!--// tab button -->
+                    </ul>
+                    <!--// tab button -->
                 </div>
+
                 <!-- 엑셀입력 -->
-                <div class="popCont current" id="popCont_1">
+                <div class="popCont current pop_more_cont" id="popCont_1">
                     <div class="titBox">
                         <p>- 직접입력하는 최대 10,000건까지 등록가능합니다.(080 수신거부 제외)</p>
                         <p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 수신거부번호를 작성하셔야 합니다.</p>
@@ -51,9 +76,12 @@
                         <p>- 수신거부번호는 필수입력 항목입니다.</p>
                         <p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
                         <p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
-                        <p>- 첨부가능 파일 : xlsx, xls, csv, xlt(최대용량 10MB)</p>
+                        <p>- 첨부가능 파일 : xlsx, xls(최대용량 3MB)</p>
                         <p>- ‘오류 검사’를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다.</p>
-                        <button type="button" class="excel_btn"><i class="downroad"></i>샘플파일 다운로드</button>
+                        <button type="button" class="excel_btn" onclick="location.href='/download/addrBlock/수신거부_대량등록.xlsx'"><i class="downroad"></i>샘플파일 다운로드</button>
+                    </div>
+                    <div class="pop_more_wrap">
+                        <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
                     </div>
                     <div class="excel_btn_wrap">
                         <button type="button" class="excel_btn2 btnType"><i class="uproad"></i>엑셀파일 다운로드</button>
@@ -63,19 +91,13 @@
                     </div>
                     <div class="list_info">
                         <p>총 <span class="c_e40000">171</span>건 / 중복 <span class="c_002c9a">9</span>건</p>
-                        <div>
-                            <label for="" class="label">카테고리 선택</label>
-                            <label for="" class="label">줄보기 선택</label>
-                            <select id="" class="selType2">
-                                <option>10개보기</option>
-                                <option>20개보기</option>
-                            </select>
-                        </div>
+                        <button type="button" class="btnType btnType6 addCallToF">번호추가</button>
                     </div>
                     <div class="popTable_wrap">
                         <table class="layer_tType2">
                             <caption>엑셀입력 표</caption>
                             <colgroup>
+
                                 <col style="width: 40px;">
                                 <col style="width: 10%;">
                                 <col style="width: 22%;">
@@ -91,22 +113,22 @@
                                     <th>
                                         구분
                                         <div class="sort_wrap">
-                                            <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                            <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                            <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                            <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                         </div>
                                     </th>
                                     <th>
                                         수신거부번호
                                         <div class="sort_wrap">
-                                            <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                            <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                            <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                            <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                         </div>
                                     </th>
                                     <th>
                                         이름
                                         <div class="sort_wrap">
-                                            <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                            <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                            <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                            <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                         </div>
                                     </th>
                                     <th>메모</th>
@@ -158,31 +180,25 @@
                             </tbody>
                         </table>
                     </div>
-                    <div class="adr_excel_btn">
-                        <button type="button" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
-                        <button type="button" class="btnType btnType15"><i class="remove_img"></i>중복삭제</button>
-                        <button type="button" class="btnType btnType3">오류검사</button>
+                    <div class="excel_middle">
+                        <div class="select_btnWrap clearfix">
+                            <div>
+                                <button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
+                                <button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
+                                <button type="button" class="chkVali_del"><i class="remove_img"></i>오류번호삭제</button>
+                                <button type="button" class="check_validity">오류 검사 <i></i></button>
+                                <div class="error_hover_cont send_hover_cont addr_hover_cont">
+                                    <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
+                                    <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
+                                </div>
+                            </div>
+                        </div>
                     </div>
-                    <!-- pagination -->
-                    <ul class="pagination">
-                        <li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li>
-                        <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li>
-                        <li class="on"><button>1</button></li>
-                        <li><button>2</button></li>
-                        <li><button>3</button></li>
-                        <li><button>4</button></li>
-                        <li><button>5</button></li>
-                        <li><button>6</button></li>
-                        <li><button>7</button></li>
-                        <li><button>8</button></li>
-                        <li><button>9</button></li>
-                        <li><button>10</button></li>
-                        <li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li>
-                        <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
-                    </ul><!-- pagination -->
-                </div><!--// 엑셀입력 -->
+                </div>
+                <!-- // 엑셀입력 -->
+
                 <!-- 붙여넣기 -->
-                <div class="popCont" id="popCont_2">
+                <div class="popCont  pop_more_cont" id="popCont_2">
                     <div class="titBox">
                         <p>- 텍스트(txt) 파일로 작성된 주소록을 등록하실 수 있습니다.</p>
                         <p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 붙여 넣으셔야 합니다.</p>
@@ -191,33 +207,26 @@
                         <p>- 전화번호 형태는 010-1234-5678 또는 01012345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
                         <p>&nbsp;&nbsp;(예) 홍길동,010-1234-5678 또는 홍길동,01012345678</p>
                         <p>- 한번에 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+c) + 붙여넣기(Ctrl+v)’ 또는 ‘엑셀입력’을 이용하세요.</p>
-                        <button type="button" class="txt_btn"><i></i>TXT샘플 다운로드</button>
+                        <button type="button" class="txt_btn" onclick="location.href='/download/addrBlock/수신거부_대량등록.zip';data:text/plain;charset=utf-8;"><i></i>TXT샘플 다운로드</button>
                     </div>
-                    <div class="req_area">
-                        <textarea placeholder=
-                        "- 수신거부번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.
-- 수신거부번호는 필수입력 항목입니다.
-- 수신거부번호, 성명, 메모 순으로 입력하세요
-- '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다."></textarea>
+                    <div class="pop_more_wrap">
+                        <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
                     </div>
-                    <div class="adr_popup_btn">
-                        <button type="button" class="btnType btnType6">불러오기</button>
+                    <div class="excel_btn_wrap">
+                        <button type="button" class="excel_btn2 btnType"><i class="uproad"></i>엑셀파일 다운로드</button>
+                    </div>
+                    <div class="file_add">
+                        <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">엑셀 파일을 여기에 끌어다 놓으세요</p>
                     </div>
                     <div class="list_info">
                         <p>총 <span class="c_e40000">171</span>건 / 중복 <span class="c_002c9a">9</span>건</p>
-                        <div>
-                            <label for="" class="label">카테고리 선택</label>
-                            <label for="" class="label">줄보기 선택</label>
-                            <select id="" class="selType2">
-                                <option>10개보기</option>
-                                <option>20개보기</option>
-                            </select>
-                        </div>
+                        <button type="button" class="btnType btnType6 addCallToF">번호추가</button>
                     </div>
                     <div class="popTable_wrap">
                         <table class="layer_tType2">
-                            <caption>붙여넣기 표</caption>
+                            <caption>엑셀입력 표</caption>
                             <colgroup>
+
                                 <col style="width: 40px;">
                                 <col style="width: 10%;">
                                 <col style="width: 22%;">
@@ -233,22 +242,22 @@
                                     <th>
                                         구분
                                         <div class="sort_wrap">
-                                            <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                            <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                            <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                            <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                         </div>
                                     </th>
                                     <th>
                                         수신거부번호
                                         <div class="sort_wrap">
-                                            <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                            <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                            <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                            <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                         </div>
                                     </th>
                                     <th>
                                         이름
                                         <div class="sort_wrap">
-                                            <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
-                                            <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
+                                            <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                            <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                         </div>
                                     </th>
                                     <th>메모</th>
@@ -300,62 +309,66 @@
                             </tbody>
                         </table>
                     </div>
-                    <div class="adr_excel_btn">
-                        <button type="button" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
-                        <button type="button" class="btnType btnType15"><i class="remove_img"></i>중복삭제</button>
-                        <button type="button" class="btnType btnType3">오류검사</button>
+                    <div class="excel_middle">
+                        <div class="select_btnWrap clearfix">
+                            <div>
+                                <button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
+                                <button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
+                                <button type="button" class="chkVali_del"><i class="remove_img"></i>오류번호삭제</button>
+                                <button type="button" class="check_validity">오류 검사 <i></i></button>
+                                <div class="error_hover_cont send_hover_cont addr_hover_cont">
+                                    <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
+                                    <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
+                                </div>
+                            </div>
+                        </div>
                     </div>
-                    <!-- pagination -->
-                    <ul class="pagination">
-                        <li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li>
-                        <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li>
-                        <li class="on"><button>1</button></li>
-                        <li><button>2</button></li>
-                        <li><button>3</button></li>
-                        <li><button>4</button></li>
-                        <li><button>5</button></li>
-                        <li><button>6</button></li>
-                        <li><button>7</button></li>
-                        <li><button>8</button></li>
-                        <li><button>9</button></li>
-                        <li><button>10</button></li>
-                        <li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li>
-                        <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
-                    </ul><!-- pagination -->
-                </div><!--// 붙여넣기 -->
+                    <div class="req_area">
+                        <textarea placeholder="- 수신거부번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.
+                        - 수신거부번호는 필수입력 항목입니다.
+                        - 성명,수신거부번호,메모 순으로 입력하세요
+                        - '오류 검사'를 통해 등록된 데이터에 전화번호 입력 오류를 확인하실 수 있습니다."></textarea>
+                    </div>
+                </div>
+                <!-- // 붙여넣기 -->
+                <div class="popup_btn_wrap2" style="margin:30px auto 30px auto;">
+                    <button type="button">등록</button>
+                    <button type="button" class="tooltip-close" data-focus="adr_popup09-close" data-focus-next="popup02">닫기</button>
+                </div>
             </div>
-            <div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
-                <button type="button">등록</button>
-                <button type="button" class="tooltip-close" data-focus="adr_popup09-close"  data-focus-next="popup02">닫기</button>                      
-            </div>
-		</div>
-	</div><!--// 주소록 대량등록 팝업 -->
+
+            
+        </div>
+
+    </div>
+    </div>
+    <!--// 주소록 대량등록 팝업 -->
 
     <!-- 주소록에서 수신거부번호 삭제 data-tooltip:adr_popup10 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup10" tabindex="0" data-tooltip-con="adr_popup10" data-focus="adr_popup10" data-focus-prev="adr_popup10-close" style="width: 540px;">
-			<div class="popup_heading">
-				<p>주소록에서 수신거부번호 삭제</p>
-				<button type="button" class="tooltip-close" data-focus="adr_popup10-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in">
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup10" tabindex="0" data-tooltip-con="adr_popup10" data-focus="adr_popup10" data-focus-prev="adr_popup10-close" style="width: 540px;">
+            <div class="popup_heading">
+                <p>주소록에서 수신거부번호 삭제</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup10-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
                 <p class="adr_pop_title" style="padding:20px 0">선택하신 수신거부 번호를 주소록에서 삭제하시겠습니까?</p>
                 <div class="popup_btn_wrap2">
                     <button type="button">삭제</button>
-                    <button type="button" class="tooltip-close" data-focus="adr_popup10-close"  data-focus-next="adr_popup10">취소</button>                      
+                    <button type="button" class="tooltip-close" data-focus="adr_popup10-close" data-focus-next="adr_popup10">취소</button>
                 </div>
-			</div>
-		</div>
-	</div><!-- //주소록에서 수신거부번호 삭제  -->
+            </div>
+        </div>
+    </div><!-- //주소록에서 수신거부번호 삭제  -->
 
     <!-- 수신거부 결과알림 data-tooltip:adr_popup11 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup11" tabindex="0" data-tooltip-con="adr_popup11" data-focus="adr_popup11" data-focus-prev="adr_popup11-close" style="width: 390px;">
-			<div class="popup_heading">
-				<p>수신거부 결과 알림</p>
-				<button type="button" class="tooltip-close" data-focus="adr_popup11-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in">
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup11" tabindex="0" data-tooltip-con="adr_popup11" data-focus="adr_popup11" data-focus-prev="adr_popup11-close" style="width: 390px;">
+            <div class="popup_heading">
+                <p>수신거부 결과 알림</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup11-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
                 <p class="adr_pop_title">선택하신 번호로 수신거부 처리결과를<br>
                     전송(단문)하시겠습니까?</p>
                 <div class="adr_alram">
@@ -368,23 +381,23 @@
                             처리결과 : 수신거부 완료
                         </p>
                     </div>
-                </div>	
+                </div>
                 <div class="popup_btn_wrap2">
                     <button type="button">전송</button>
-                    <button type="button" class="tooltip-close" data-focus="adr_popup11-close"  data-focus-next="adr_popup11">취소</button>                      
+                    <button type="button" class="tooltip-close" data-focus="adr_popup11-close" data-focus-next="adr_popup11">취소</button>
                 </div>
-			</div>
-		</div>
-	</div><!-- //수신거부 결과알림 -->
+            </div>
+        </div>
+    </div><!-- //수신거부 결과알림 -->
 
     <!-- 선택삭제 data-tooltip:adr_popup12 -->
-	<div class="tooltip-wrap">
-		<div class="popup-com adr_layer adr_popup12" tabindex="0" data-tooltip-con="adr_popup12" data-focus="adr_popup12" data-focus-prev="adr_popup12-close" style="width: 570px;">
-			<div class="popup_heading">
-				<p>삭제</p>
-				<button type="button" class="tooltip-close" data-focus="adr_popup12-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
-			</div>
-			<div class="layer_in">
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup12" tabindex="0" data-tooltip-con="adr_popup12" data-focus="adr_popup12" data-focus-prev="adr_popup12-close" style="width: 570px;">
+            <div class="popup_heading">
+                <p>삭제</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup12-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in">
                 <p class="adr_pop_title">080 자동 수신거부 목록에 등록된 거부번호를 삭제하는 경우<br>
                     정보통신망법 제76조제1항제7호에 의거 과태료가 부과될 수 있으며,<br>
                     문자온은 이에 대한 어떠한 민·형사상 책임도 지지 않습니다.<br>
@@ -392,160 +405,24 @@
                 <div class="adr_delet">
                     <p>※ 정보통신망법 제76조제1항제7호</p>
                     <span>수신자가 수신거부 의사표시를 하였음에도 광고성 정보를 전송한 자의<br>경우에는 3천만원 이하의 과태료가 부과됩니다.</span>
-                </div>	
+                </div>
                 <div class="popup_btn_wrap2">
                     <button type="button">삭제</button>
-                    <button type="button" class="tooltip-close" data-focus="adr_popup12-close"  data-focus-next="adr_popup12">취소</button>                      
+                    <button type="button" class="tooltip-close" data-focus="adr_popup12-close" data-focus-next="adr_popup12">취소</button>
                 </div>
-			</div>
-		</div>
-	</div><!-- //선택삭제 -->
+            </div>
+        </div>
+    </div><!-- //선택삭제 -->
 
     <!-- skip 메뉴  -->
     <div class="skip_menu">
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-    </div><!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div><!--// quick 메뉴 -->
+    </div>
+    <!--// skip 메뉴  -->
+
     <!-- header 영역 -->
-    <header id="header" class="header">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                    <input type="text" placeholder="문자샘플 검색하기">
-                    <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-                </div>
-            </div><!--// search popup 영역 -->
-        </div><!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요"   id="password_text" class="password_text" maxlength="30"size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div><!--// login 영역 -->
-    </header><!--// header 영역 -->
+    <div data-include-path="/publish/layout/_header.html"></div>
+    <!--// header 영역 -->
     <!-- login 영역 -->
     <!-- content 영역 -->
     <div id="container" class="cont sub">
@@ -554,210 +431,201 @@
             <div class="send_top">
                 <!-- tab button -->
                 <ul class="tabType4">
-                    <li class="tab"><button type="button" onclick="TabType5(this,'1');">주소록관리</button></li>
-                    <li class="tab active"><button type="button" onclick="TabType5(this,'2');">수신거부</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'3');">폰주소록 등록</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'4');">주소록 입력 대행(무료)</button></li>
-                </ul><!--// tab button -->
-				<!-- 주소록 관리 - 수신거부 관리 -->
+                    <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 active"><button type="button" onclick="TabType5(this,'3');">수신거부</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/adrbook4.html'">폰주소록 등록</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/adrbook3.html'">주소록 입력 대행(무료)</button></li>
+                </ul>
+                <!--// tab button -->
+                <!-- 주소록 관리 - 수신거부 관리 -->
                 <div class="adr_cont current" id="tab5_2">
                     <div class="heading">
                         <h2>수신거부 관리</h2>
+                        <button type="button" class="button info" onclick="infoListPop('adrBlock','792','550')">사용안내</button>
                     </div>
-                        <div class="titBox">
-                            <p>- 080 자동 수신거부 및 직접등록을 통해 등록된 번호는 광고 또는 선거문자 발송 시 자동으로 차단됩니다.</p>
-                            <p>- 080 자동 수신거부 목록에 등록된 거부번호를 삭제하는 경우 정보통신망법 제76조제1항제7호에 의거 과태료가 부과될 수 있으며,<br>&nbsp;&nbsp;문자온은 이에 대한 어떠한 민‧형사상 책임도 지지 않습니다.</p>
-                            <p>&nbsp;&nbsp;근거 : 정보통신망에 관한 법률‘ 제50조제7항및제62조의2(영리목적의 광고성 정보를 전송하려는 사업자는 수신거부를 표시한 날로부터<br>&nbsp;&nbsp;14일 이내에 수신거부 결과를 알려야 함)</p>
-                            <p>- 원활한 서비스 이용을 위해 수신거부 번호는 주소록에서도 완전히 삭제하신 후 이용하시기를 권장드립니다.</p>
-                            <p>- 수신거부 처리된 번호를 주소록에서 삭제하시려면 하단의 “주소록에서 삭제” 버튼을 클릭하시면 됩니다.</p>
-                            <p>- 수신거부 목록에 등록된 번호를 삭제하는 경우 문자가 정상적으로 발송되므로 반드시 유의하시기 바랍니다.</p>
-                            <p>- “결과전송” 클릭 시 선택하신 번호로 수신거부 처리결과가 문자(단문) 전송됩니다.</p>
-                            <p>- 수신거부 직접등록은 최대 10,000건까지만 가능합니다.(080 자동 수신거부 건수 제외)</p>
-                            <div class="btnWrap type2">
-                                <button type="button" class="excel_btn"><i class="downroad"></i>엑셀파일 다운로드</button>
-                                <button type="button" class="txt_btn"><i></i>TXT 샘플 다운로드</button>
+                    <div class="list_tab_wrap2 type3">
+                        <!-- tab button -->
+                        <ul class="list_tab">
+                            <li class="tab active"><button type="button" onclick="listTab(this,'1');">전체</button></li>
+                            <li class="tab"><button type="button" onclick="listTab(this,'2');">080 자동 수신거부</button></li>
+                            <li class="tab"><button type="button" onclick="listTab(this,'3');">직접등록</button></li>
+                        </ul>
+                        <!--// tab button -->
+                        <button type="button" data-tooltip="adr_popup09" class="btnType btnType2">수신거부번호 등록</button>
+                    </div>
+                    <!-- 수신거부 > 전체 -->
+                    <div class="price_history_cont list_cont current" id="listTab_1">
+                        <div class="excel_middle">
+                            <div class="select_btnWrap clearfix">
+                                <div class="btn_left">
+                                    <span class="cal_label">기간선택</span>
+                                    <div class="calendar_wrap">
+                                        <input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
+                                        <div class="calendar_in" id="calendarName_startDate3" style="z-index: 9;">
+                                            <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
+                                            <div id="startDate-lry" class="calendarPop" style="display: none;">
+                                                <iframe id="startDate3-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
+                                            </div>
+                                        </div>
+                                        <span class="dateEtc">~</span>
+                                        <input type="text" class="endDate inp" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
+                                        <div class="calendar_in" id="calendarName_endDate" style="z-index: 0;">
+                                            <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
+                                        </div>
+                                    </div>
+                                    <button type="button">전월</button>
+                                    <button type="button">당월</button>
+                                    <button type="button" class="btnType6">조회</button>
+                                    <button type="button" onclick="$('input[name=startDate]').val(''); $('input[name=endDate]').val('') ;return false;" class="btnType btnType17">기간 초기화</button>
+                                </div>
+                                <div class="btn_right">
+                                    <div class="search">
+                                        <label for="id" class="label"></label>
+                                        <input type="text" id="id" placeholder="성명 또는 수신번호" onfocus="this.placeholder=''" onblur="this.placeholder='성명 또는 수신번호'">
+                                        <button type="button" class="btnType btnType2">검색</button>
+                                    </div>
+                                </div>
                             </div>
                         </div>
-                        <div class="list_tab_wrap2 type3">
-                            <!-- tab button -->
-                            <ul class="list_tab">
-                                <li class="tab active"><button type="button" onclick="listTab2(this,'1');">전체</button></li>
-                                <li class="tab"><button type="button" onclick="listTab2(this,'2');">080 자동 수신거부</button></li>
-                                <li class="tab"><button type="button" onclick="listTab2(this,'3');">직접등록</button></li>
-                            </ul><!--// tab button -->
-                            <button type="button" data-tooltip="adr_popup09" class="btnType btnType2">수신거부번호 등록</button>
-                        </div>
-                        <!-- 수신거부 > 전체 -->
-                        <div class="price_history_cont current" id="listTab2_1">
-                            <div class="excel_middle">
-                                <div class="select_btnWrap clearfix">
-                                    <div class="btn_left">
-                                        <span class="cal_label">기간선택</span>
-                                        <div class="calendar_wrap">
-                                            <input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
-                                            <div class="calendar_in" id="calendarName_startDate3" style="z-index: 9;">
-                                                <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
-                                                <div id="startDate-lry" class="calendarPop" style="display: none;">
-                                                    <iframe id="startDate3-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업"   frameborder="0" scrolling="no"></iframe>
+                        <div class="table_cont current adr_2">
+                            <div class="list_info">
+                                <p>총 <span class="c_e40000">1</span>건</p>
+                                <div>
+                                    <button type="button" id="btnBlockDel" class="btnType btnType15"><i class="remove_img"></i>수신거부 목록에서 삭제</button>
+                                    <button type="button" id="btnAddrDel" class="btnType btnType15"><i class="remove_img"></i>주소록에서 삭제</button>
+                                    <button type="button" id="btnBlockExcel" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+                                    <label for="pageUnit" class="label">검색조건 선택</label> <select name="pageUnit" id="pageUnit" class="selType2" onchange="linkPage(1);">
+                                        <option value="10" selected="">10줄</option>
+                                        <option value="20">20줄</option>
+                                        <option value="30">30줄</option>
+                                    </select>
+                                </div>
+                            </div>
+                            <!-- 수신거부 - 전체 -->
+                            <div class="tb_wrap">
+                                <table class="tType4">
+                                    <colgroup>
+                                        <col style="width: 40px;">
+                                        <col style="width: 10%;">
+                                        <col style="width: 12%;">
+                                        <col style="width: 12%;">
+                                        <col style="width: 10%;">
+                                        <col style="width: 16%;">
+                                        <col style="width: auto;">
+                                        <col style="width: 11%;">
+                                    </colgroup>
+                                    <thead>
+                                        <tr>
+                                            <th>
+                                                <label for="" class="label">전체 선택</label>
+                                                <input type="checkbox" id="chkAll">
+                                            </th>
+                                            <th>
+                                                번호
+                                                <div class="sort_wrap">
+                                                    <input type="button" class="sort sortBtnDesc" id="sort_blockId" sortord="desc">
                                                 </div>
-                                            </div>
-                                            <span class="dateEtc">~</span>
-                                            <input type="text" class="endDate inp" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
-                                            <div class="calendar_in" id="calendarName_endDate" style="z-index: 0;">
-                                                <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
-                                            </div>
-                                        </div>
-                                        <button type="button">전월</button>
-                                        <button type="button">당월</button>
-                                        <button type="button">3개월</button>
-                                        <button type="button" class="btnType6">조회</button>
-                                    </div>
-                                    <div class="btn_right">
-                                        <div class="search">
-                                            <label for="id" class="label"></label>
-                                            <input type="text" id="id" placeholder="성명 또는 수신번호" onfocus="this.placeholder=''" onblur="this.placeholder='성명 또는 수신번호'">
-                                            <button type="button" class="btnType btnType2">검색</button>
-                                        </div>
-                                    </div>
-                                </div>
+                                            </th>
+                                            <th>
+                                                형태
+                                                <div class="sort_wrap">
+                                                    <input type="button" class="sort sortBtn" id="sort_blockType">
+                                                </div>
+                                            </th>
+                                            <th>
+                                                거부번호
+                                                <div class="sort_wrap">
+                                                    <input type="button" class="sort sortBtn" id="sort_phone">
+                                                </div>
+                                            </th>
+                                            <th>
+                                                수신자
+                                                <div class="sort_wrap">
+                                                    <input type="button" class="sort sortBtn" id="sort_name">
+                                                </div>
+                                            </th>
+                                            <th>
+                                                등록일시
+                                                <div class="sort_wrap">
+                                                    <input type="button" class="sort sortBtn" id="sort_regDate">
+                                                </div>
+                                            </th>
+                                            <th>
+                                                메모
+                                            </th>
+                                            <th>
+                                                결과알림
+                                            </th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td>
+                                                <label for="" class="label">한 줄 전체 선택</label>
+                                                <input type="checkbox" name="blockCheck" value="BLOCKID_00000000295877" class="SelfCheck">
+                                            </td>
+                                            <td>
+                                                1
+                                            </td>
+                                            <td>
+                                                직접등록
+                                            </td>
+                                            <td>
+                                                <p>01012345678</p>
+                                            </td>
+                                            <td>
+                                                <p>ㅌㄴㄴ</p>
+                                            </td>
+                                            <td>2025-03-05 11:41:38</td>
+                                            <td>
+                                                <p class="memo_text">-</p><button type="button" onclick="SetBlockEditMode(this,'BLOCKID_00000000295877'); return false;"><img src="/publish/images/content/adress_check.png" class="mCS_img_loaded"></button>
+                                            </td>
+                                            <td>
+                                                -
+                                            </td>
+                                        </tr>
+                                        <tr>
+                                            <td>
+                                                <label for="" class="label">한 줄 전체 선택</label>
+                                                <input type="checkbox" name="blockCheck" value="BLOCKID_00000000295877" class="SelfCheck">
+                                            </td>
+                                            <td>
+                                                2
+                                            </td>
+                                            <td>
+                                                직접등록
+                                            </td>
+                                            <td>
+                                                <p>01012345678</p>
+                                            </td>
+                                            <td>
+                                                <p>ㅌㄴㄴ</p>
+                                            </td>
+                                            <td>2025-03-05 11:41:38</td>
+                                            <td><input type="text" value=""><button type="button" onclick="SetBlockEditSave(this,'BLOCKID_00000000295877');"><img src="/publish/images/content/adress_edit.png" class="mCS_img_loaded"></button></td>
+                                            <td>
+                                                -
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
                             </div>
-                            <div class="table_cont current adr_2">
-                                <div class="list_info">
-                                    <p>총 <span class="c_e40000">171</span>건</p>
-                                    <div>
-                                        <label for="" class="label">카테고리 선택</label>
-                                        <label for="" class="label">줄보기 선택</label>
-                                        <select id="" class="selType2">
-                                            <option>10개보기</option>
-                                            <option>20개보기</option>
-                                        </select>
-                                    </div>
+                            <!-- <div class="table_btn clearfix">
+                                <div class="table_btn_left">
+                                    <button type="button" data-tooltip="adr_popup12" class="btnType btnType15"><i class="remove_img"></i>수신거부 목록에서 삭제</button>
+                                    <button type="button" data-tooltip="adr_popup10" class="btnType btnType15"><i class="remove_img"></i>주소록에서 삭제</button>
                                 </div>
-                                <!-- 수신거부 - 전체 -->
-                                <div class="tb_wrap">
-                                    <table class="tType4">
-                                        <colgroup>
-                                            <col style="width: 40px;">
-                                            <col style="width: 15%;">
-                                            <col style="width: 15%;">
-                                            <col style="width: 10%;">
-                                            <col style="width: 19%;">
-                                            <col style="width: auto;">
-                                            <col style="width: 120px;">
-                                        </colgroup>
-                                        <thead>
-                                            <tr>
-                                                <th>
-                                                    <label for="" class="label">전체 선택</label>
-                                                    <input type="checkbox">
-                                                </th>
-                                                <th>형태
-                                                    <div class="sort_wrap">
-                                                        <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-                                                        <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-                                                    </div>
-                                                </th>
-                                                <th>거부번호
-                                                    <div class="sort_wrap">
-                                                        <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-                                                        <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-                                                    </div>
-                                                </th>
-                                                <th>수신자
-                                                    <div class="sort_wrap">
-                                                        <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-                                                        <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-                                                    </div>
-                                                </th>
-                                                <th>등록일시
-                                                    <div class="sort_wrap">
-                                                        <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-                                                        <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-                                                    </div>
-                                                </th>
-                                                <th>메모</th>
-                                                <th>결과알림
-                                                    <div class="sort_wrap">
-                                                        <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-                                                        <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-                                                    </div>
-                                                </th>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            <tr>
-                                                <td>
-                                                    <label for="" class="label">선택</label>
-                                                    <input type="checkbox">
-                                                </td>
-                                                <td><p>080수신거부</p></td>
-                                                <td><p>010-1234-5678</p></td>
-                                                <td><p>강동원</p></td>
-                                                <td><p>2021-06-02, 15:46</p></td>
-                                                <td>-</td>
-                                                <td>
-                                                    <button class="btnType btnType20" data-tooltip="adr_popup11">결과전송 <span class="adr2_hover">?</span></button>
-                                                    <div class="adr2_hover_cont">
-                                                        <p>결과전송이란?</p>
-                                                        <span>정보통신망에 관한 법률 제50조제7항및제62조의2 (영리목적의 광고성 정보를 전송하려는 사업자는 수신거부를 표시한 날로부터 14일 이내에 수신거부 결과를 통보해야 함)</span>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr>
-                                            <td>
-                                                <label for="" class="label">선택</label>
-                                                <input type="checkbox">
-                                            </td>
-                                            <td><p>직접등록</p></td>
-                                            <td><p>010-1234-5678</p></td>
-                                            <td><p>강동원</p></td>
-                                            <td><p>2021-06-02, 15:46</p></td>
-                                            <td><input type="text"><button type="button"><img src="/publish/images/content/adress_edit.png" class="mCS_img_loaded"></button></td>
-                                            <td>-</td>
-                                        </tr>
-                                        <tr>
-                                            <td>
-                                                <label for="" class="label">선택</label>
-                                                <input type="checkbox">
-                                            </td>
-                                            <td><p>직접등록</p></td>
-                                            <td><p>010-1234-5678</p></td>
-                                            <td><p>강동원</p></td>
-                                            <td><p>2021-06-02, 15:46</p></td>
-                                            <!-- <td><input type="text"><button type="button"><img src="/publish/images/content/adress_check.png" class="mCS_img_loaded"></button></td> -->
-                                            <td><p class="memo_text">입력된 메모입니다. 사랑해요 정수빈! 입력된 메모입니다. 사랑해요 정수빈!</p><button type="button"><img src="/publish/images/content/adress_check.png" class="mCS_img_loaded"></button></td>
-                                            <td>-</td>
-                                        </tr>
-                                        <tr>
-                                            <td>
-                                                <label for="" class="label">선택</label>
-                                                <input type="checkbox">
-                                            </td>
-                                            <td><p>080수신거부</p></td>
-                                            <td><p>010-1234-5678</p></td>
-                                            <td><p>강동원</p></td>
-                                            <td><p>2021-06-02, 15:46</p></td>
-                                            <td>-</td>
-                                            <td>전송완료</td>
-                                        </tr>
-                                        </tbody>
-                                    </table>
+                                <div class="table_btn_right">
+                                    <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
                                 </div>
-                                <div class="table_btn clearfix">
-                                    <div class="table_btn_left">
-                                        <button type="button" data-tooltip="adr_popup12" class="btnType btnType15"><i class="remove_img"></i>수신거부 목록에서 삭제</button>
-                                        <button type="button" data-tooltip="adr_popup10" class="btnType btnType15"><i class="remove_img"></i>주소록에서 삭제</button>
-                                    </div>
-                                    <div class="table_btn_right">
-                                        <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
-                                    </div>
-                                </div>
-                                <!-- //수신거부 - 전체 -->
-                                
+                            </div> -->
+                            <!-- //수신거부 - 전체 -->
+
                             <!-- pagination -->
                             <ul class="pagination">
-                                <li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li>
-                                <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li>
+                                <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+                                <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
                                 <li class="on"><button>1</button></li>
                                 <li><button>2</button></li>
                                 <li><button>3</button></li>
@@ -768,74 +636,290 @@
                                 <li><button>8</button></li>
                                 <li><button>9</button></li>
                                 <li><button>10</button></li>
-                                <li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li>
-                                <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
+                                <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+                                <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
                             </ul><!-- pagination -->
                         </div>
+                    </div>
+
+                    <!-- 수신거부 > 080 자동 수신거부 -->
+                    <div class="price_history_cont list_cont" id="listTab_2">
+                        <div class="excel_middle">
+                            <div class="select_btnWrap clearfix">
+                                <div class="btn_left">
+                                    <span class="cal_label">기간선택</span>
+                                    <div class="calendar_wrap">
+                                        <input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
+                                        <div class="calendar_in" id="calendarName_startDate3" style="z-index: 9;">
+                                            <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
+                                            <div id="startDate-lry" class="calendarPop" style="display: none;">
+                                                <iframe id="startDate3-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
+                                            </div>
+                                        </div>
+                                        <span class="dateEtc">~</span>
+                                        <input type="text" class="endDate inp" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
+                                        <div class="calendar_in" id="calendarName_endDate" style="z-index: 0;">
+                                            <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
+                                        </div>
+                                    </div>
+                                    <button type="button">전월</button>
+                                    <button type="button">당월</button>
+                                    <button type="button" class="btnType6">조회</button>
+                                    <button type="button" onclick="$('input[name=startDate]').val(''); $('input[name=endDate]').val('') ;return false;" class="btnType btnType17">기간 초기화</button>
+                                </div>
+                                <div class="btn_right">
+                                    <div class="search">
+                                        <label for="id" class="label"></label>
+                                        <input type="text" id="id" placeholder="성명 또는 수신번호" onfocus="this.placeholder=''" onblur="this.placeholder='성명 또는 수신번호'">
+                                        <button type="button" class="btnType btnType2">검색</button>
+                                    </div>
+                                </div>
+                            </div>
                         </div>
-                        <!-- 수신거부 > 전체 -->
-                        <div class="price_history_cont" id="listTab2_2">
-                            <div class="excel_middle">
-                                <div class="select_btnWrap clearfix">
-                                    <div class="btn_left">
-                                        <span class="cal_label">기간선택</span>
-                                        <div class="calendar_wrap">
-                                            <input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
-                                            <div class="calendar_in" id="calendarName_startDate3" style="z-index: 9;">
-                                                <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
-                                                <div id="startDate-lry" class="calendarPop" style="display: none;">
-                                                    <iframe id="startDate3-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업"   frameborder="0" scrolling="no"></iframe>
-                                                </div>
+                        <div class="table_cont current adr_2">
+                            <div class="list_info">
+                                <p>총 <span class="c_e40000">1</span>건</p>
+                                <div>
+                                    <button type="button" id="btnBlockDel" class="btnType btnType15"><i class="remove_img"></i>수신거부 목록에서 삭제</button>
+                                    <button type="button" id="btnAddrDel" class="btnType btnType15"><i class="remove_img"></i>주소록에서 삭제</button>
+                                    <button type="button" id="btnBlockExcel" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+                                    <label for="pageUnit" class="label">검색조건 선택</label> <select name="pageUnit" id="pageUnit" class="selType2" onchange="linkPage(1);">
+                                        <option value="10" selected="">10줄</option>
+                                        <option value="20">20줄</option>
+                                        <option value="30">30줄</option>
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- 수신거부 - 080자동수신거부 -->
+                        <div class="tb_wrap">
+                            <table class="tType4">
+                                <colgroup>
+                                    <col style="width: 40px;">
+                                    <col style="width: 12%;">
+                                    <col style="width: 40%;">
+                                    <col style="width: 20%;">
+                                    <col style="width: 40%;">
+                                    <col style="width: 120px;">
+                                </colgroup>
+                                <thead>
+                                    <tr>
+                                        <th>
+                                            <label for="" class="label">전체 선택</label>
+                                            <input type="checkbox">
+                                        </th>
+                                        <th>번호
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                             </div>
-                                            <span class="dateEtc">~</span>
-                                            <input type="text" class="endDate inp" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
-                                            <div class="calendar_in" id="calendarName_endDate" style="z-index: 0;">
-                                                <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
+                                        </th>
+                                        <th>거부번호
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                            </div>
+                                        </th>
+                                        <th>수신자
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                            </div>
+                                        </th>
+                                        <th>등록일시
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                            </div>
+                                        </th>
+                                        <th>결과알림
+                                            <div class="sort_wrap">
+                                                <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                            </div>
+                                        </th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>1</td>
+                                        <td>
+                                            <p>010-1234-5678</p>
+                                        </td>
+                                        <td>
+                                            <p>강동원</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-02, 15:46</p>
+                                        </td>
+                                        <td>
+                                            <button class="btnType btnType20" data-tooltip="adr_popup11">결과전송 <span class="adr2_hover">?</span></button>
+                                            <div class="adr2_hover_cont">
+                                                <p>결과전송이란?</p>
+                                                <span>정보통신망에 관한 법률 제50조제7항및제62조의2 (영리목적의 광고성 정보를 전송하려는 사업자는 수신거부를 표시한 날로부터 14일 이내에 수신거부 결과를 통보해야 함)</span>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>2</td>
+                                        <td>
+                                            <p>010-1234-5678</p>
+                                        </td>
+                                        <td>
+                                            <p>강동원</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-02, 15:46</p>
+                                        </td>
+                                        <td>-</td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>3</td>
+                                        <td>
+                                            <p>010-1234-5678</p>
+                                        </td>
+                                        <td>
+                                            <p>강동원</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-02, 15:46</p>
+                                        </td>
+                                        <td>-</td>
+                                    </tr>
+                                    <tr>
+                                        <td>
+                                            <label for="" class="label">선택</label>
+                                            <input type="checkbox">
+                                        </td>
+                                        <td>4</td>
+                                        <td>
+                                            <p>010-1234-5678</p>
+                                        </td>
+                                        <td>
+                                            <p>강동원</p>
+                                        </td>
+                                        <td>
+                                            <p>2021-06-02, 15:46</p>
+                                        </td>
+                                        <td>전송완료</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                        <!-- <div class="table_btn clearfix">
+                            <div class="table_btn_left">
+                                <button type="button" data-tooltip="adr_popup12" class="btnType btnType15"><i class="remove_img"></i>수신거부 목록에서 삭제</button>
+                                <button type="button" data-tooltip="adr_popup10" class="btnType btnType15"><i class="remove_img"></i>주소록에서 삭제</button>
+                            </div>
+                            <div class="table_btn_right">
+                                <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+                            </div>
+                        </div> -->
+                        <!-- //수신거부 - 080자동수신거부 -->
+
+                        <!-- pagination -->
+                        <ul class="pagination">
+                            <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+                            <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
+                            <li class="on"><button>1</button></li>
+                            <li><button>2</button></li>
+                            <li><button>3</button></li>
+                            <li><button>4</button></li>
+                            <li><button>5</button></li>
+                            <li><button>6</button></li>
+                            <li><button>7</button></li>
+                            <li><button>8</button></li>
+                            <li><button>9</button></li>
+                            <li><button>10</button></li>
+                            <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+                            <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
+                        </ul><!-- pagination -->
+                    </div>
+
+                    <!-- 수신거부 > 직접등록 -->
+                    <div class="price_history_cont list_cont" id="listTab_3">
+                        <div class="excel_middle">
+                            <div class="select_btnWrap clearfix">
+                                <div class="btn_left">
+                                    <span class="cal_label">기간선택</span>
+                                    <div class="calendar_wrap">
+                                        <input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
+                                        <div class="calendar_in" id="calendarName_startDate3" style="z-index: 9;">
+                                            <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
+                                            <div id="startDate-lry" class="calendarPop" style="display: none;">
+                                                <iframe id="startDate3-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
                                             </div>
                                         </div>
-                                        <button type="button">전월</button>
-                                        <button type="button">당월</button>
-                                        <button type="button">3개월</button>
-                                        <button type="button" class="btnType6">조회</button>
+                                        <span class="dateEtc">~</span>
+                                        <input type="text" class="endDate inp" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
+                                        <div class="calendar_in" id="calendarName_endDate" style="z-index: 0;">
+                                            <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
+                                        </div>
                                     </div>
-                                    <div class="btn_right">
-                                        <div class="search">
-                                            <label for="id" class="label"></label>
-                                            <input type="text" id="id" placeholder="성명 또는 수신번호" onfocus="this.placeholder=''" onblur="this.placeholder='성명 또는 수신번호'">
-                                            <button type="button" class="btnType btnType2">검색</button>
-                                        </div>
+                                    <button type="button">전월</button>
+                                    <button type="button">당월</button>
+                                    <button type="button" class="btnType6">조회</button>
+                                    <button type="button" onclick="$('input[name=startDate]').val(''); $('input[name=endDate]').val('') ;return false;" class="btnType btnType17">기간 초기화</button>
+                                </div>
+                                <div class="btn_right">
+                                    <div class="search">
+                                        <label for="id" class="label"></label>
+                                        <input type="text" id="id" placeholder="성명 또는 수신번호" onfocus="this.placeholder=''" onblur="this.placeholder='성명 또는 수신번호'">
+                                        <button type="button" class="btnType btnType2">검색</button>
                                     </div>
                                 </div>
                             </div>
-                            <div class="table_cont current adr_2">
-                                <div class="list_info">
-                                    <p>총 <span class="c_e40000">171</span>건</p>
-                                    <div>
-                                        <label for="" class="label">카테고리 선택</label>
-                                        <label for="" class="label">줄보기 선택</label>
-                                        <select id="" class="selType2">
-                                            <option>10개보기</option>
-                                            <option>20개보기</option>
-                                        </select>
-                                    </div>
+                        </div>
+                        <div class="table_cont current adr_2">
+                            <div class="list_info">
+                                <p>총 <span class="c_e40000">1</span>건</p>
+                                <div>
+                                    <button type="button" id="btnBlockDel" class="btnType btnType15"><i class="remove_img"></i>수신거부 목록에서 삭제</button>
+                                    <button type="button" id="btnAddrDel" class="btnType btnType15"><i class="remove_img"></i>주소록에서 삭제</button>
+                                    <button type="button" id="btnBlockExcel" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+                                    <label for="pageUnit" class="label">검색조건 선택</label> <select name="pageUnit" id="pageUnit" class="selType2" onchange="linkPage(1);">
+                                        <option value="10" selected="">10줄</option>
+                                        <option value="20">20줄</option>
+                                        <option value="30">30줄</option>
+                                    </select>
                                 </div>
                             </div>
-                           
-                            <!-- 수신거부 - 080자동수신거부 -->
+
+                            <!-- 수신거부 - 직접등록 -->
                             <div class="tb_wrap">
                                 <table class="tType4">
                                     <colgroup>
                                         <col style="width: 40px;">
-                                        <col style="width: 40%;">
+                                        <col style="width: 12%;">
                                         <col style="width: 20%;">
-                                        <col style="width: 40%;">
-                                        <col style="width: 120px;">
+                                        <col style="width: 10%;">
+                                        <col style="width: 20%;">
+                                        <col style="width: auto;">
                                     </colgroup>
                                     <thead>
                                         <tr>
                                             <th>
                                                 <label for="" class="label">전체 선택</label>
                                                 <input type="checkbox">
+                                            </th>
+                                            <th>번호
+                                                <div class="sort_wrap">
+                                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                                </div>
                                             </th>
                                             <th>거부번호
                                                 <div class="sort_wrap">
@@ -855,12 +939,7 @@
                                                     <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                                 </div>
                                             </th>
-                                            <th>결과알림
-                                                <div class="sort_wrap">
-                                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-                                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-                                                </div>
-                                            </th>
+                                            <th>메모</th>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -869,177 +948,16 @@
                                                 <label for="" class="label">선택</label>
                                                 <input type="checkbox">
                                             </td>
-                                            <td><p>010-1234-5678</p></td>
-                                            <td><p>강동원</p></td>
-                                            <td><p>2021-06-02, 15:46</p></td>
-                                            <td><button class="btnType btnType20">결과전송 <span>?</span></button></td>
-                                        </tr>
-                                        <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td><p>010-1234-5678</p></td>
-                                        <td><p>강동원</p></td>
-                                        <td><p>2021-06-02, 15:46</p></td>
-                                        <td>-</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td><p>010-1234-5678</p></td>
-                                        <td><p>강동원</p></td>
-                                        <td><p>2021-06-02, 15:46</p></td>
-                                        <td>-</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <label for="" class="label">선택</label>
-                                            <input type="checkbox">
-                                        </td>
-                                        <td><p>010-1234-5678</p></td>
-                                        <td><p>강동원</p></td>
-                                        <td><p>2021-06-02, 15:46</p></td>
-                                        <td>전송완료</td>
-                                    </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                            <div class="table_btn clearfix">
-                                <div class="table_btn_left">
-                                    <button type="button" data-tooltip="adr_popup12" class="btnType btnType15"><i class="remove_img"></i>수신거부 목록에서 삭제</button>
-                                    <button type="button" data-tooltip="adr_popup10" class="btnType btnType15"><i class="remove_img"></i>주소록에서 삭제</button>
-                                </div>
-                                <div class="table_btn_right">
-                                    <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
-                                </div>
-                            </div>
-                            <!-- //수신거부 - 080자동수신거부 -->
-
-                            <!-- pagination -->
-                            <ul class="pagination">
-                                <li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li>
-                                <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li>
-                                <li class="on"><button>1</button></li>
-                                <li><button>2</button></li>
-                                <li><button>3</button></li>
-                                <li><button>4</button></li>
-                                <li><button>5</button></li>
-                                <li><button>6</button></li>
-                                <li><button>7</button></li>
-                                <li><button>8</button></li>
-                                <li><button>9</button></li>
-                                <li><button>10</button></li>
-                                <li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li>
-                                <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
-                            </ul><!-- pagination -->
-                        </div>
-
-                        <!-- 수신거부 > 전체 -->
-                        <div class="price_history_cont" id="listTab2_3">
-                            <div class="excel_middle">
-                                <div class="select_btnWrap clearfix">
-                                    <div class="btn_left">
-                                        <span class="cal_label">기간선택</span>
-                                        <div class="calendar_wrap">
-                                            <input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
-                                            <div class="calendar_in" id="calendarName_startDate3" style="z-index: 9;">
-                                                <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
-                                                <div id="startDate-lry" class="calendarPop" style="display: none;">
-                                                    <iframe id="startDate3-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업"   frameborder="0" scrolling="no"></iframe>
-                                                </div>
-                                            </div>
-                                            <span class="dateEtc">~</span>
-                                            <input type="text" class="endDate inp" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true">
-                                            <div class="calendar_in" id="calendarName_endDate" style="z-index: 0;">
-                                                <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('endDate-lry','',this)"></button>
-                                            </div>
-                                        </div>
-                                        <button type="button">전월</button>
-                                        <button type="button">당월</button>
-                                        <button type="button">3개월</button>
-                                        <button type="button" class="btnType6">조회</button>
-                                    </div>
-                                    <div class="btn_right">
-                                        <div class="search">
-                                            <label for="id" class="label"></label>
-                                            <input type="text" id="id" placeholder="성명 또는 수신번호" onfocus="this.placeholder=''" onblur="this.placeholder='성명 또는 수신번호'">
-                                            <button type="button" class="btnType btnType2">검색</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="table_cont current adr_2">
-                                <div class="list_info">
-                                    <p>총 <span class="c_e40000">171</span>건</p>
-                                    <div>
-                                        <label for="" class="label">카테고리 선택</label>
-                                        <label for="" class="label">줄보기 선택</label>
-                                        <select id="" class="selType2">
-                                            <option>10개보기</option>
-                                            <option>20개보기</option>
-                                        </select>
-                                    </div>
-                                </div>
-
-                                <!-- 수신거부 - 직접등록 -->
-                                <div class="tb_wrap">
-                                    <table class="tType4">
-                                        <colgroup>
-                                            <col style="width: 40px;">
-                                            <col style="width: 20%;">
-                                            <col style="width: 10%;">
-                                            <col style="width: 20%;">
-                                            <col style="width: auto;">
-                                        </colgroup>
-                                        <thead>
-                                            <tr>
-                                                <th>
-                                                    <label for="" class="label">전체 선택</label>
-                                                    <input type="checkbox">
-                                                </th>
-                                                <th>거부번호
-                                                    <div class="sort_wrap">
-                                                        <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-                                                        <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-                                                    </div>
-                                                </th>
-                                                <th>수신자
-                                                    <div class="sort_wrap">
-                                                        <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-                                                        <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-                                                    </div>
-                                                </th>
-                                                <th>등록일시
-                                                    <div class="sort_wrap">
-                                                        <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
-                                                        <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
-                                                    </div>
-                                                </th>
-                                                <th>메모</th>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                            <tr>
-                                                <td>
-                                                    <label for="" class="label">선택</label>
-                                                    <input type="checkbox">
-                                                </td>
-                                                <td><p>010-1234-5678</p></td>
-                                                <td><p>강동원</p></td>
-                                                <td><p>2021-06-02, 15:46</p></td>
-                                                <td><input type="text"><button type="button"><img src="/publish/images/content/adress_edit.png" class="mCS_img_loaded"></button></td>
-                                            </tr>
-                                            <tr>
+                                            <td>1</td>
                                             <td>
-                                                <label for="" class="label">선택</label>
-                                                <input type="checkbox">
+                                                <p>010-1234-5678</p>
                                             </td>
-                                            <td><p>010-1234-5678</p></td>
-                                            <td><p>강동원</p></td>
-                                            <td><p>2021-06-02, 15:46</p></td>
+                                            <td>
+                                                <p>강동원</p>
+                                            </td>
+                                            <td>
+                                                <p>2021-06-02, 15:46</p>
+                                            </td>
                                             <td><input type="text"><button type="button"><img src="/publish/images/content/adress_edit.png" class="mCS_img_loaded"></button></td>
                                         </tr>
                                         <tr>
@@ -1047,90 +965,99 @@
                                                 <label for="" class="label">선택</label>
                                                 <input type="checkbox">
                                             </td>
-                                            <td><p>010-1234-5678</p></td>
-                                            <td><p>강동원</p></td>
-                                            <td><p>2021-06-02, 15:46</p></td>
-                                            <td><p class="memo_text">입력된 메모입니다. 사랑해요 정수빈! 입력된 메모입니다. 사랑해요 정수빈!</p><button type="button"><img src="/publish/images/content/adress_check.png" class="mCS_img_loaded"></button></td>
+                                            <td>2</td>
+                                            <td>
+                                                <p>010-1234-5678</p>
+                                            </td>
+                                            <td>
+                                                <p>강동원</p>
+                                            </td>
+                                            <td>
+                                                <p>2021-06-02, 15:46</p>
+                                            </td>
+                                            <td><input type="text"><button type="button"><img src="/publish/images/content/adress_edit.png" class="mCS_img_loaded"></button></td>
                                         </tr>
                                         <tr>
                                             <td>
                                                 <label for="" class="label">선택</label>
                                                 <input type="checkbox">
                                             </td>
-                                            <td><p>010-1234-5678</p></td>
-                                            <td><p>강동원</p></td>
-                                            <td><p>2021-06-02, 15:46</p></td>
-                                            <td><p class="memo_text">입력된 메모입니다. 사랑해요 정수빈! 입력된 메모입니다. 사랑해요 정수빈!</p><button type="button"><img src="/publish/images/content/adress_check.png" class="mCS_img_loaded"></button></td>
+                                            <td>3</td>
+                                            <td>
+                                                <p>010-1234-5678</p>
+                                            </td>
+                                            <td>
+                                                <p>강동원</p>
+                                            </td>
+                                            <td>
+                                                <p>2021-06-02, 15:46</p>
+                                            </td>
+                                            <td>
+                                                <p class="memo_text">입력된 메모입니다. 사랑해요 정수빈! 입력된 메모입니다. 사랑해요 정수빈!</p><button type="button"><img src="/publish/images/content/adress_check.png" class="mCS_img_loaded"></button>
+                                            </td>
                                         </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                                <!-- //수신거부 - 직접등록 -->
+                                        <tr>
+                                            <td>
+                                                <label for="" class="label">선택</label>
+                                                <input type="checkbox">
+                                            </td>
+                                            <td>4</td>
+                                            <td>
+                                                <p>010-1234-5678</p>
+                                            </td>
+                                            <td>
+                                                <p>강동원</p>
+                                            </td>
+                                            <td>
+                                                <p>2021-06-02, 15:46</p>
+                                            </td>
+                                            <td>
+                                                <p class="memo_text">입력된 메모입니다. 사랑해요 정수빈! 입력된 메모입니다. 사랑해요 정수빈!</p><button type="button"><img src="/publish/images/content/adress_check.png" class="mCS_img_loaded"></button>
+                                            </td>
+                                        </tr>
+                                    </tbody>
+                                </table>
                             </div>
-                            <div class="table_btn clearfix">
-                                <div class="table_btn_left">
-                                    <button type="button" data-tooltip="adr_popup12" class="btnType btnType15"><i class="remove_img"></i>수신거부 목록에서 삭제</button>
-                                    <button type="button" data-tooltip="adr_popup10" class="btnType btnType15"><i class="remove_img"></i>주소록에서 삭제</button>
-                                </div>
-                                <div class="table_btn_right">
-                                    <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
-                                </div>
+                            <!-- //수신거부 - 직접등록 -->
+                        </div>
+                        <!-- <div class="table_btn clearfix">
+                            <div class="table_btn_left">
+                                <button type="button" data-tooltip="adr_popup12" class="btnType btnType15"><i class="remove_img"></i>수신거부 목록에서 삭제</button>
+                                <button type="button" data-tooltip="adr_popup10" class="btnType btnType15"><i class="remove_img"></i>주소록에서 삭제</button>
                             </div>
-                            <!-- pagination -->
-                            <ul class="pagination">
-                                <li class="page_first"><button><img src="/publish/images/content/page_first.png"alt=""></button></li>
-                                <li class="page_prev"><button><img src="/publish/images/content/page_prev.png"alt=""></button></li>
-                                <li class="on"><button>1</button></li>
-                                <li><button>2</button></li>
-                                <li><button>3</button></li>
-                                <li><button>4</button></li>
-                                <li><button>5</button></li>
-                                <li><button>6</button></li>
-                                <li><button>7</button></li>
-                                <li><button>8</button></li>
-                                <li><button>9</button></li>
-                                <li><button>10</button></li>
-                                <li class="page_next"><button><img src="/publish/images/content/page_next.png"alt=""></button></li>
-                                <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
-                            </ul><!-- pagination -->
-                        </div>
-
-                    </div>
-				</div><!--// 주소록 관리 - 수신거부 관리 -->
-            </div><!--// send top -->
-        </div>
-    </div><!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터     1차)</p>
-                        <p>사업자번호 : 653-87-00858  |  대표 : 유인식  |  통신판매등록번호 : 제  다산-12345호  |  문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
+                            <div class="table_btn_right">
+                                <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
+                            </div>
+                        </div> -->
+                        <!-- pagination -->
+                        <ul class="pagination">
+                            <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+                            <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
+                            <li class="on"><button>1</button></li>
+                            <li><button>2</button></li>
+                            <li><button>3</button></li>
+                            <li><button>4</button></li>
+                            <li><button>5</button></li>
+                            <li><button>6</button></li>
+                            <li><button>7</button></li>
+                            <li><button>8</button></li>
+                            <li><button>9</button></li>
+                            <li><button>10</button></li>
+                            <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+                            <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
+                        </ul><!-- pagination -->
                     </div>
                 </div>
             </div>
+            <!--// 주소록 관리 - 수신거부 관리 -->
         </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+        <!--// send top -->
+    </div>
+    </div>
+    <!--// content 영역 -->
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
+    <!--// footer 영역 -->
+</body>
+
+</html>
(No newline at end of file)
src/main/webapp/publish/adrbook3.html
--- src/main/webapp/publish/adrbook3.html
+++ src/main/webapp/publish/adrbook3.html
@@ -22,157 +22,14 @@
     <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/popup.js"></script>
 	<script src="/publish/js/popupLayer.js"></script>
 
 
 </head>
 <body>
     <div class="mask"></div>
-    <!-- skip 메뉴  -->
-    <div class="skip_menu">
-        <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-    </div><!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div><!--// quick 메뉴 -->
-    <!-- header 영역 -->
-    <header id="header" class="header">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                    <input type="text" placeholder="문자샘플 검색하기">
-                    <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-                </div>
-            </div><!--// search popup 영역 -->
-        </div><!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요"   id="password_text" class="password_text" maxlength="30"size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div><!--// login 영역 -->
-    </header><!--// header 영역 -->
+    <div data-include-path="/publish/layout/_header.html"></div>
     <!-- login 영역 -->
     <!-- content 영역 -->
     <div id="container" class="cont sub">
@@ -181,15 +38,17 @@
             <div class="send_top">
                 <!-- tab button -->
                 <ul class="tabType4">
-                    <li class="tab"><button type="button" onclick="TabType5(this,'1');">주소록관리</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'2');">수신거부</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'3');">폰주소록 등록</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/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"><button type="button" onclick="location.href='/publish/adrbook4.html'">폰주소록 등록</button></li>
+                    <li class="tab active"><button type="button" onclick="TabType5(this,'5');">주소록 입력 대행(무료)</button></li>
                 </ul><!--// tab button -->
 				<!-- 주소록 관리 - 주소록 입력 대행(무료) -->
                 <div class="adr_cont current" id="tab5_4">
                     <div class="heading">
                         <h2>주소록 무료대행</h2>
+                        <button type="button" class="button info" onclick="infoListPop('adrbookAgency','792','320');">사용안내</button>
                     </div>
                         <!-- <div class="titBox">
                             <p>- 평일 09:30~17:00 사이에 신청하신 경우 <span class="c_222 fwRg">당일 처리를 원칙</span>으로 하되, 파일의 상태, 용량 등에 따라 1~2일 정도 소요될 수 있습니다<span class="c_222 fwRg">(주말 및 공휴일 처리 불가)</span></p>
@@ -280,6 +139,7 @@
                                         <col style="width: 20%;">
                                         <col style="width: 40%;">
                                         <col style="width: 10%;">
+                                        <col style="width: 10%;">
                                         <col style="width: 20%;">
                                         <col style="width: 10%;">
                                     </colgroup>
@@ -288,6 +148,7 @@
                                             <th>번호</th>
                                             <th>신청일시</th>
                                             <th>요청사항</th>
+                                            <th>주소록 종류</th>
                                             <th>파일</th>
                                             <th>처리일시</th>
                                             <th>처리상태</th>
@@ -295,9 +156,13 @@
                                     </thead>
                                     <tbody>
                                         <tr>
+                                            <td colspan="7">검색된 내용이 없습니다.</td>
+                                        </tr>
+                                        <tr>
                                             <td><p>1</p></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p>그룹이름을 백김치로 등록해주세요.</p></td>
+                                            <td><p>주소록 종류</p></td>
                                             <td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p class="fwRg">처리완료</p></td>
@@ -306,6 +171,7 @@
                                             <td><p>2</p></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p>그룹이름을 백김치로 등록해주세요.</p></td>
+                                            <td><p>주소록 종류</p></td>
                                             <td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p class="fwRg c_002c9a">처리중</p></td>
@@ -314,6 +180,7 @@
                                             <td><p>3</p></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p>그룹이름을 백김치로 등록해주세요.</p></td>
+                                            <td><p>주소록 종류</p></td>
                                             <td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p class="fwRg c_e40000">접수대기</p></td>
@@ -322,6 +189,7 @@
                                             <td><p>4</p></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p>그룹이름을 백김치로 등록해주세요.</p></td>
+                                            <td><p>주소록 종류</p></td>
                                             <td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p class="fwRg c_e40000">접수대기</p></td>
@@ -330,6 +198,7 @@
                                             <td><p>5</p></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p>그룹이름을 백김치로 등록해주세요.</p></td>
+                                            <td><p>주소록 종류</p></td>
                                             <td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p class="fwRg c_e40000">접수대기</p></td>
@@ -338,6 +207,7 @@
                                             <td><p>6</p></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p>그룹이름을 백김치로 등록해주세요.</p></td>
+                                            <td><p>주소록 종류</p></td>
                                             <td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p class="fwRg c_e40000">접수대기</p></td>
@@ -346,6 +216,7 @@
                                             <td><p>7</p></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p>그룹이름을 백김치로 등록해주세요.</p></td>
+                                            <td><p>주소록 종류</p></td>
                                             <td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p class="fwRg c_e40000">접수대기</p></td>
@@ -354,6 +225,7 @@
                                             <td><p>8</p></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p>그룹이름을 백김치로 등록해주세요.</p></td>
+                                            <td><p>주소록 종류</p></td>
                                             <td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p class="fwRg c_e40000">접수대기</p></td>
@@ -362,6 +234,7 @@
                                             <td><p>9</p></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p>그룹이름을 백김치로 등록해주세요.</p></td>
+                                            <td><p>주소록 종류</p></td>
                                             <td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p class="fwRg c_e40000">접수대기</p></td>
@@ -370,6 +243,7 @@
                                             <td><p>10</p></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p>그룹이름을 백김치로 등록해주세요.</p></td>
+                                            <td><p>주소록 종류</p></td>
                                             <td class="td_file"><p>1개</p><a href="#none" alt="첨부파일 다운로드"><img src="/publish/images/content/file_img2.png" alt="첨부파일 이미지"></a></td>
                                             <td><p>2021-04-16, 15:00:20</p></td>
                                             <td><p class="fwRg c_e40000">접수대기</p></td>
@@ -400,37 +274,7 @@
             </div><!--// send top -->
         </div>
     </div><!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터     1차)</p>
-                        <p>사업자번호 : 653-87-00858  |  대표 : 유인식  |  통신판매등록번호 : 제  다산-12345호  |  문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer><!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body></html>
src/main/webapp/publish/adrbook4.html
--- src/main/webapp/publish/adrbook4.html
+++ src/main/webapp/publish/adrbook4.html
@@ -28,151 +28,7 @@
 </head>
 <body>
     <div class="mask"></div>
-    <!-- skip 메뉴  -->
-    <div class="skip_menu">
-        <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-    </div><!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div><!--// quick 메뉴 -->
-    <!-- header 영역 -->
-    <header id="header" class="header">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                    <input type="text" placeholder="문자샘플 검색하기">
-                    <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-                </div>
-            </div><!--// search popup 영역 -->
-        </div><!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요"   id="password_text" class="password_text" maxlength="30"size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div><!--// login 영역 -->
-    </header><!--// header 영역 -->
+    <div data-include-path="/publish/layout/_header.html"></div>
     <!-- login 영역 -->
     <!-- content 영역 -->
     <div id="container" class="cont sub">
@@ -181,10 +37,11 @@
             <div class="send_top">
                 <!-- tab button -->
                 <ul class="tabType4">
-                    <li class="tab"><button type="button" onclick="TabType5(this,'1');">주소록관리</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'2');">수신거부</button></li>
-                    <li class="tab active"><button type="button" onclick="TabType5(this,'3');">폰주소록 등록</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'4');">주소록 입력 대행(무료)</button></li>
+                    <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 -->
 				<!-- 주소록 관리 - 폰주소록 등록 -->
                 <div class="adr_cont current" id="tab5_3">
@@ -200,58 +57,58 @@
                     </div>
                     <!-- 네이버 주소록을 이용하여 등록 -->
                     <div class="enroll_cont current" id="tab6_1">
-                        <!-- tab button -->
-                        <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">
                             <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">
@@ -356,37 +213,7 @@
             </div><!--// send top -->
         </div>
     </div><!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터     1차)</p>
-                        <p>사업자번호 : 653-87-00858  |  대표 : 유인식  |  통신판매등록번호 : 제  다산-12345호  |  문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer><!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body></html>
src/main/webapp/publish/adrbook_fax.html
--- src/main/webapp/publish/adrbook_fax.html
+++ src/main/webapp/publish/adrbook_fax.html
@@ -22,16 +22,17 @@
     <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/popup.js"></script>
     <script src="/publish/js/popupLayer.js"></script>
 
     <script>
-        function popMore(e){
+        function popMore(e) {
             $(e).closest(".pop_more_cont").toggleClass("pop_more_click");
-            
-            if($(e).closest(".pop_more_cont").is(".pop_more_click")){
+
+            if ($(e).closest(".pop_more_cont").is(".pop_more_click")) {
                 $(e).html('숨기기');
                 $(e).append('<i></i>');
-            }else {
+            } else {
                 $(e).html('더보기');
                 $(e).append('<i></i>');
             }
@@ -42,9 +43,39 @@
 
 <body>
     <div class="mask"></div>
+
+    <!-- 주소록 상세결과 팝업 : data-tooltip:adr_popup14 -->
+    <div class="tooltip-wrap">
+        <div class="popup-com adr_layer adr_popup14" tabindex="0" data-tooltip-con="adr_popup14" data-focus="adr_popup14" data-focus-prev="adr_popu14-close">
+            <div class="popup_heading">
+                <p>주소록 상세 결과</p>
+                <button type="button" class="tooltip-close" data-focus="adr_popup14-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
+            </div>
+            <div class="layer_in" style="padding:30px 20px;">
+                <div class="table_top">
+                    <p>
+                        총 <span class="c_e40000" id="errorPopTotCnt">0</span>건
+                        / 중복 <span class="c_002c9a" id="errorPopDupCnt">0</span>건
+                        / 오류 <span class="c_002c9a" id="errorPopErrorCnt">0</span>건</p>
+                    <button type="button" class="excel_btn btnType" id="errorExcelBtn"><i class="downroad"></i>엑셀 다운로드</button>
+                </div>
+                <div class="tb_wrap adr_list tabulator" id="tabulator_error" role="grid" tabulator-layout="fitColumns" style="height: 255px;"></div>
+                <ul class="cf_text_ul">
+                    <li>*중복번호는 하나의 번호만 등록됩니다.</li>
+                    <li>*휴대폰 형식에 맞지 않는 데이터는 삭제 후 업로드 됩니다.</li>
+                    <li>ex) 발송불가 특수문자, 자릿수 오류 등</li>
+                </ul>
+                <div class="popup_btn_wrap2">
+                    <button type="button" class="tooltip-close" data-focus="adr_popup14-close" data-focus-next="adr_popup14">닫기</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- // 주소록 상세결과 팝업 -->
+
     <!-- 주소록 대량등록 팝업 data-tooltip:adr_popup01 -->
     <div class="tooltip-wrap">
-        <div class="popup-com adr_layer adr_popup01 fax_adr_layer01" tabindex="0" data-tooltip-con="adr_popup01" data-focus="adr_popup01" data-focus-prev="adr_popup01-close" style="width: 1000px;">
+        <div class="popup-com adr_layer adr_popup01" tabindex="0" data-tooltip-con="adr_popup01" data-focus="adr_popup01" data-focus-prev="adr_popup01-close" style="width: 1000px;">
             <div class="popup_heading">
                 <p>주소록 대량등록</p>
                 <button type="button" class="tooltip-close" data-focus="adr_popup01-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
@@ -55,28 +86,22 @@
                     <ul class="list_tab">
                         <li class="tab active"><button type="button" onclick="popupTab(this,'1');">엑셀입력</button></li>
                         <li class="tab"><button type="button" onclick="popupTab(this,'2');">붙여넣기</button></li>
+                        <li class="tab"><button type="button" onclick="popupTab(this,'3');">직접입력</button></li>
                     </ul>
                     <!--// tab button -->
                 </div>
                 <!-- 엑셀입력 -->
                 <div class="popCont current pop_more_cont" id="popCont_1">
                     <div class="titBox">
-                        <p>- 엑셀(EXCEL) 파일로 주소록을 한 번에 최대 2만건까지 등록하여 간편하게 발송 및 관리하실 수 있습니다.</p>
-                        <p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 작성하셔야 합니다.</p>
-                        <p>&nbsp;&nbsp;※ 주소록 관리 메뉴에서 다운로드 받으신 엑셀 파일 또한 업로드 양식에 맞추어 작성하셔야 하며,</p>
-                        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;주소록에 이미 등록된 팩스 번호는 업데이트 되지 않으므로 기존 주소록에서 해당 휴대폰 번호를 삭제한 후 재등록해 주시기 바랍니다.</p>
-                        <p>- 쉼표(,), 구분선(|), 역슬래시(\, ₩), 작은따옴표('), 큰따옴표(") 등 발송불가 특수문자는 저장되지 않습니다.</p>
-                        <p>- 팩스 번호는 필수입력 항목입니다.</p>
-                        <p>- 팩스 번호 형태는 032-1234-5678 또는 03212345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
+                        <p>- 주소록은 한 번에 최대 30만건까지 등록(EXCEL파일, 최대용량 20MB) 가능합니다.</p>
                         <p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
-                        <p>- 이름 20byte, 메모 250byte까지 입력 가능합니다.</p>
-                        <p>- 첨부가능 파일 : xlsx, xls(최대용량 3MB)</p>
-                        <p>- ‘오류 검사’를 통해 등록된 데이터에 팩스 번호 입력 오류를 확인하실 수 있습니다.</p>
-                        <p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
-                        <button type="button" class="excel_btn"><i class="downroad"></i>샘플파일 다운로드</button>
+                        <p>- 구분선(|), 역슬래시(\, ₩), 큰따옴표("), 이모지(이모티콘) 등 발송불가 특수문자는 저장되지 않습니다.</p>
+                        <p>- 이름 200byte, 메모 250byte까지 입력 가능합니다.</p>
+                        <p>- 팩스 번호는 지역번호(02, 031, 033 등), 타사부가번호(030*, 050*, 060, 070, 080, 1**)로 시작하는 번호만 발송 가능합니다. </p>
+                        <p>- 주소록 등록이 어려우신 경우에는 <a href="/web/mjon/addragency/selectAddrAgencyList.do" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
                     </div>
                     <div class="pop_more_wrap">
-                            <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
+                        <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
                     </div>
                     <table class="layer_tType1">
                         <caption>엑셀입력 표</caption>
@@ -96,7 +121,7 @@
                                     </select>
                                     <label for="" class="label">성명 입력</label>
                                     <input type="text" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight" style="width: 300px;">
-                                    <button type="button" class="excel_btn2 btnType"><i class="uproad"></i>엑셀파일 업로드</button>
+                                    <button type="button" class="excel_btn2 btnType"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
                                 </td>
                             </tr>
                         </tbody>
@@ -104,41 +129,71 @@
                     <div class="file_add">
                         <p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">엑셀 파일을 여기에 끌어다 놓으세요</p>
                     </div>
-                    <div class="list_info">
-                        <p>총 <span class="c_e40000">171</span>건 / 중복 <span class="c_002c9a">9</span>건</p>
-                        <div>
-                            <label for="" class="label">카테고리 선택</label>
-                            <label for="" class="label">줄보기 선택</label>
-                            <select id="" class="selType2">
-                                <option>10개보기</option>
-                                <option>20개보기</option>
-                            </select>
-                        </div>
+                    <div class="excel_middle2">
+                        <p>
+                            총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건 / 오류 <span class="c_002c9a fwBold" id="rowErrorCnt">0</span>건
+                            <button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button>
+                        </p>
                     </div>
                     <!-- table -->
-                    <div class="adr_excel">
+                    <div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
+
+                        <div class="adr_hd select_adr_hd" data-group="tableClip" style="width:100%;">
+                            <div style="width: 140px;"></div>
+                            <div style="width: calc((100% - 140px)/3);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">팩스번호</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                            <div style="width: calc((100% - 140px)/3);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">팩스번호</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                            <div style="width: calc((100% - 140px)/3);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">팩스번호</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                    <!--// table -->
+
+                    <div class="adr_excel drag_drop_wrap callList_box tabulator">
                         <!-- thead -->
-                        <div class="adr_hd">
-                            <div>
+                        <div class="adr_hd" style="width: 100%;">
+                            <div style="width:70px;">
                                 <label for="" class="label">전체 선택</label>
                                 <input type="checkbox">
                             </div>
-                            <div>
-                                이름
+                            <div style="width:calc((100% - 40px)/3);">
+                                A
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
-                            <div>
-                                팩스번호
+                            <div style="width:calc((100% - 40px)/3);">
+                                B
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
-                            <div>
-                                메모
+                            <div style="width:calc((100% - 40px)/3);">
+                                C
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
@@ -152,36 +207,61 @@
                                     <label for="" class="label">한 줄 선택</label>
                                     <input type="checkbox">
                                 </div>
-                                <div>1</div>
-                                <div>홍길동</div>
-                                <div>010-1234-5678</div>
-                            </div>
-                            <div class="adr_bd error">
-                                <div>
-                                    <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox">
-                                </div>
-                                <div>2</div>
-                                <div>홍길동</div>
-                                <div>010-1234-5678</div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
                             </div>
                             <div class="adr_bd">
                                 <div>
                                     <label for="" class="label">한 줄 선택</label>
                                     <input type="checkbox">
                                 </div>
-                                <div>3</div>
-                                <div>홍길동</div>
-                                <div>010-1234-5678</div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
                             </div>
                         </div>
                     </div>
-                    <!--// table -->
-                    <div class="adr_excel_btn">
-                        <button type="button" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
-                        <button type="button" class="btnType btnType15"><i class="remove_img"></i>중복삭제</button>
-                        <button type="button" class="btnType btnType3">오류검사</button>
+                    <div class="excel_middle">
+                        <div class="select_btnWrap clearfix">
+                            <div>
+                                <button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
+                                <button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
+                                <div class="error_hover_cont send_hover_cont addr_hover_cont">
+                                    <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
+                                    <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
+                                </div>
+                            </div>
+                        </div>
                     </div>
+
                     <!-- pagination -->
                     <ul class="pagination">
                         <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
@@ -204,15 +284,11 @@
                 <!-- 붙여넣기 -->
                 <div class="popCont pop_more_cont" id="popCont_2">
                     <div class="titBox">
-                        <p>- 텍스트(txt) 파일로 작성된 주소록을 등록하실 수 있습니다.</p>
-                        <p>- 반드시 샘플파일을 다운로드하여 작성방법을 확인하신 후 정해진 양식에 맞추어 주소록을 붙여 넣으셔야 합니다.</p>
-                        <p>- 입력 내용은 (Tab) 또는 (,) 구분하여 입력하여야 합니다.</p>
-                        <p>- 한 줄(열)에 주소 한 건만 입력 가능합니다.</p>
-                        <p>- 팩스 번호 형태는 032-1234-5678 또는 03212345678 모두 가능합니다. 단, 공백은 허용되지 않습니다.</p>
-                        <p>&nbsp;&nbsp;&nbsp;(예) 홍길동,032-1234-5678 또는 홍길동,03212345678</p>
-                        <p>- 한번에 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+c) + 붙여넣기(Ctrl+v)’ 또는 ‘엑셀입력’을 이용하세요.</p>
-                        <p>- 주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</p>
-                        <button type="button" class="txt_btn"><i></i>TXT샘플 다운로드</button>
+                        <p>- 엑셀(EXCEL), 텍스트(TXT) 파일로 작성된 주소록 내용을 복사하여 등록 가능합니다.</p>
+                        <p>- 많은 양의 데이터를 입력하시려면 ‘주소록 복사(Ctrl+C) + 붙여넣기(Ctrl+V)’를 이용해주세요.</p>
+                        <p>- 입력 내용은 (Tab) 또는 (,) 기호로 구분하여 입력하여야 합니다.</p>
+                        <p>- 이름 200byte, [*1*]~[*4*] 200byte, 메모 250byte까지 입력 가능합니다.</p>
+                        <p>- 주소록 등록이 어려우신 경우에는 <a href="/web/mjon/addragency/selectAddrAgencyList.do" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
                     </div>
                     <div class="pop_more_wrap">
                         <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
@@ -221,8 +297,8 @@
                     <table class="layer_tType1">
                         <caption>붙여넣기 표</caption>
                         <colgroup>
-                            <col style="width: 95px">
-                            <col style="width: auto">
+                            <col style="width: 95px;">
+                            <col style="width: auto;">
                         </colgroup>
                         <tbody>
                             <tr>
@@ -230,48 +306,84 @@
                                 <td>
                                     <label for="" class="label">그룹 선택</label>
                                     <select id="">
-                                        <option>그룹미지정</option>
+                                        <option>그룹추가</option>
                                         <option>그룹a</option>
                                         <option>그룹b</option>
                                     </select>
+                                    <label for="" class="label">성명 입력</label>
+                                    <input type="text" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight" style="width: 300px;">
                                 </td>
                             </tr>
                         </tbody>
                     </table>
                     <!-- table -->
                     <div class="excel_middle2" style="margin: 0 0 10px 0;">
-						<p>
-							총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건 / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건
-							&nbsp; 
-							<button type="button" class="btnType btnType6" data-tooltip="addrMassDupli_layer" onclick="GetAddrMassDupli()" id="btnAddrMassDupli" style="display: none;">중복번호</button>
-							&nbsp;
-							<button type="button" class="btnType btnType6" data-tooltip="addrMassSaveDupli_layer" onclick="GetAddrMassSaveDupli()" id="btnAddrMassSaveDupli" style="display: none;">중복번호</button>
-						</p>
-						<button type="button" class="btnType btnType6 addCallToF">번호추가</button>
-					</div>
-                    <div class="adr_excel">
+                        <p>
+                            총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건
+                            / 중복 <span class="c_002c9a fwBold" id="rowDupCnt">0</span>건
+                            / 오류 <span class="c_002c9a fwBold" id="rowErrorCnt">0</span>건
+                            <button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button>
+                        </p>
+                    </div>
+                    <!-- table -->
+                    <div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
+
+                        <div class="adr_hd select_adr_hd" data-group="tableClip" style="width:100%;">
+                            <div style="width: 140px;"></div>
+                            <div style="width: calc((100% - 140px)/3);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">팩스번호</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                            <div style="width: calc((100% - 140px)/3);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">팩스번호</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                            <div style="width: calc((100% - 140px)/3);">
+                                <label for="" class="label"></label>
+                                <select class="field-selector">
+                                    <option value="">선택하기</option>
+                                    <option value="addrNm">이름</option>
+                                    <option value="addrPhoneNo">팩스번호</option>
+                                    <option value="addrComment">메모</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
+                    <!--// table -->
+
+                    <div class="adr_excel drag_drop_wrap callList_box tabulator">
                         <!-- thead -->
-                        <div class="adr_hd">
-                            <div>
+                        <div class="adr_hd" style="width: 100%;">
+                            <div style="width:70px;">
                                 <label for="" class="label">전체 선택</label>
                                 <input type="checkbox">
                             </div>
-                            <div>
-                                이름
+                            <div style="width:calc((100% - 70px)/3);">
+                                A
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
-                            <div>
-                                팩스번호
+                            <div style="width:calc((100% - 70px)/3);">
+                                B
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
-                            <div>
-                                메모
+                            <div style="width:calc((100% - 70px)/3);">
+                                C
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
@@ -285,48 +397,64 @@
                                     <label for="" class="label">한 줄 선택</label>
                                     <input type="checkbox">
                                 </div>
-                                <div>1</div>
-                                <div>홍길동</div>
-                                <div>010-1234-5678</div>
-                            </div>
-                            <div class="adr_bd error">
-                                <div>
-                                    <label for="" class="label">한 줄 선택</label>
-                                    <input type="checkbox">
-                                </div>
-                                <div>2</div>
-                                <div>홍길동</div>
-                                <div>010-1234-5678</div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
                             </div>
                             <div class="adr_bd">
                                 <div>
                                     <label for="" class="label">한 줄 선택</label>
                                     <input type="checkbox">
                                 </div>
-                                <div>3</div>
-                                <div>홍길동</div>
-                                <div>010-1234-5678</div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="excel_middle">
+                        <div class="select_btnWrap clearfix">
+                            <div>
+                                <button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
+                                <button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
+                                <div class="error_hover_cont send_hover_cont addr_hover_cont">
+                                    <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
+                                    <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
+                                </div>
                             </div>
                         </div>
                     </div>
                     <!--// table -->
-                    <div class="excel_middle">
-						<div class="select_btnWrap clearfix">
-							<div>
-								<button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
-								<button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
-								<button type="button" class="chkVali_del"><i class="remove_img"></i>오류번호삭제</button>
-								<button type="button" class="check_validity">오류 검사 <i></i></button>
-								<div class="error_hover_cont send_hover_cont addr_hover_cont">
-									<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
-									<span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
-								</div>
-							</div>
-	
-						</div>
-					</div>
+
                     <!-- pagination -->
-                    <ul class="pagination" style="margin: 30px auto">
+                    <ul class="pagination" style="margin: 30px auto 0 auto;">
                         <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
                         <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
                         <li class="on"><button>1</button></li>
@@ -342,13 +470,161 @@
                         <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
                         <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
                     </ul><!-- pagination -->
-                    <div class="req_area">
-                        <textarea placeholder="- 팩스 번호가 입력된 txt 파일을 열어 복사(Ctrl+c) + 붙여넣기(Ctrl+v)로도 입력하실 수 있습니다.&#13;&#10;- 팩스 번호는 필수입력 항목입니다.&#13;&#10;- 이름,팩스 번호,메모 순서대로 입력해주세요.(예 : 홍길동, 032-1234-5678, 메모)&#13;&#10;- 이름은 24byte, 메모는 250byte까지 입력 가능합니다.&#13;&#10;- '오류 검사'를 통해 등록된 데이터에 팩스 번호 입력 오류를 확인하실 수 있습니다."></textarea>
-                    </div>
                 </div>
                 <!--// 붙여넣기 -->
+
+                <!-- 직접입력 -->
+                <div class="popCont pop_more_cont" id="popCont_3">
+                    <div class="titBox">
+                        <p>- 셀간 이동은 Tab으로 가능합니다.</p>
+                        <p>- 팩스 번호를 입력하지 않은 행은 저장되지 않습니다.</p>
+                        <p>- 이름 200byte, 메모 250byte까지 입력 가능합니다.</p>
+                        <p>- 주소록 등록이 어려우신 경우에는 <a href="/web/mjon/addragency/selectAddrAgencyList.do" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
+                    </div>
+                    <div class="pop_more_wrap">
+                        <button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
+                    </div>
+                    <!-- table -->
+                    <table class="layer_tType1">
+                        <caption>붙여넣기 표</caption>
+                        <colgroup>
+                            <col style="width: 95px;">
+                            <col style="width: auto;">
+                        </colgroup>
+                        <tbody>
+                            <tr>
+                                <th>그룹 선택</th>
+                                <td>
+                                    <label for="" class="label">그룹 선택</label>
+                                    <select id="">
+                                        <option>그룹추가</option>
+                                        <option>그룹a</option>
+                                        <option>그룹b</option>
+                                    </select>
+                                    <label for="" class="label">성명 입력</label>
+                                    <input type="text" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight" style="width: 300px;">
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <!-- table -->
+                    <div class="excel_middle2" style="margin: 0 0 10px 0;">
+                        <p>총 <span class="c_e40000 fwBold" id="rowTotCnt">0</span>건</p>
+                    </div>
+
+                    <div class="adr_excel drag_drop_wrap callList_box tabulator">
+                        <!-- thead -->
+                        <div class="adr_hd" style="width: 100%;">
+                            <div style="width:70px;">
+                                <label for="" class="label">전체 선택</label>
+                                <input type="checkbox">
+                            </div>
+                            <div style="width:calc((100% - 40px)/3);">
+                                A
+                                <div class="sort_wrap">
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                </div>
+                            </div>
+                            <div style="width:calc((100% - 40px)/3);">
+                                B
+                                <div class="sort_wrap">
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                </div>
+                            </div>
+                            <div style="width:calc((100% - 40px)/3);">
+                                C
+                                <div class="sort_wrap">
+                                    <button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button>
+                                    <button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- tbody -->
+                        <div class="adr_bd_wrap">
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
+                            </div>
+                            <div class="adr_bd">
+                                <div>
+                                    <label for="" class="label">한 줄 선택</label>
+                                    <input type="checkbox">
+                                </div>
+                                <div style="width:calc((100% - 70px)/3);">1</div>
+                                <div style="width:calc((100% - 70px)/3);">홍길동</div>
+                                <div style="width:calc((100% - 70px)/3);">010-1234-5678</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="excel_middle">
+                        <div class="select_btnWrap clearfix">
+                            <div>
+                                <button type="button" class="all_del"><i class="remove_img"></i>전체삭제</button>
+                                <button type="button" class="select_del"><i class="remove_img"></i>선택삭제</button>
+                                <div class="error_hover_cont send_hover_cont addr_hover_cont">
+                                    <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
+                                    <span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!--// table -->
+
+                    <!-- pagination -->
+                    <ul class="pagination" style="margin: 30px auto 0 auto;">
+                        <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+                        <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
+                        <li class="on"><button>1</button></li>
+                        <li><button>2</button></li>
+                        <li><button>3</button></li>
+                        <li><button>4</button></li>
+                        <li><button>5</button></li>
+                        <li><button>6</button></li>
+                        <li><button>7</button></li>
+                        <li><button>8</button></li>
+                        <li><button>9</button></li>
+                        <li><button>10</button></li>
+                        <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+                        <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
+                    </ul><!-- pagination -->
+                </div>
+                <!-- //직접입력 -->
             </div>
-            <div class="popup_btn_wrap2">
+            <div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
                 <button type="button">등록</button>
                 <button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
             </div>
@@ -855,151 +1131,9 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+    
     <!-- header 영역 -->
-    <header id="header" class="header sub ">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                        <input type="text" placeholder="문자샘플 검색하기">
-                        <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-                </div>
-            </div>
-            <!--// search popup 영역 -->
-        </div>
-        <!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div>
-        <!--// login 영역 -->
-    </header>
+    <div data-include-path="/publish/layout/_header.html"></div>
     <!--// header 영역 -->
     <!-- login 영역 -->
     <!-- content 영역 -->
@@ -1009,18 +1143,18 @@
             <div class="send_top">
                 <!-- tab button -->
                 <ul class="tabType4">
-                    <li class="tab"><button type="button" onclick="TabType5(this,'1');">주소록관리</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/adrbook1.html'">주소록관리</button></li>
                     <li class="tab active"><button type="button" onclick="TabType5(this,'2');">팩스 주소록관리</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'3');">수신거부</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'4');">폰주소록 등록</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'5');">주소록 입력 대행(무료)</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/adrbook2.html'">수신거부</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/adrbook4.html'">폰주소록 등록</button></li>
+                    <li class="tab"><button type="button" onclick="location.href='/publish/adrbook3.html'">주소록 입력 대행(무료)</button></li>
                 </ul>
                 <!--// tab button -->
                 <!-- 주소록 관리 - 주소록 관리 -->
                 <div class="adr_cont current" id="tab5_1">
                     <div class="heading">
                         <h2>주소록 관리</h2>
-                        <button type="button" class="button info" onclick="window.open('/publish/info_popup_adrbook_fax.html', 'infoPop', 'width=800, height=430, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1');">사용안내</button>
+                        <button type="button" class="button info" onclick="infoListPop('faxAdrbook1','792','500')">사용안내</button>
                     </div>
 
                     <div class="adr1">
@@ -1324,40 +1458,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/api_admin1.html
--- src/main/webapp/publish/api_admin1.html
+++ src/main/webapp/publish/api_admin1.html
@@ -331,40 +331,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/api_admin2.html
--- src/main/webapp/publish/api_admin2.html
+++ src/main/webapp/publish/api_admin2.html
@@ -298,40 +298,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/api_admin3.html
--- src/main/webapp/publish/api_admin3.html
+++ src/main/webapp/publish/api_admin3.html
@@ -307,40 +307,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/api_admin4.html
--- src/main/webapp/publish/api_admin4.html
+++ src/main/webapp/publish/api_admin4.html
@@ -310,40 +310,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/api_download.html
--- src/main/webapp/publish/api_download.html
+++ src/main/webapp/publish/api_download.html
@@ -38,7 +38,7 @@
                     <div class="hover_cont">이용안내</div>
                 </li>
                 <li>
-                    <a href="#"><i class="quick2"></i><span>채     팅상담</span></a>
+                    <a href="#"><i class="quick2"></i><span>채 팅상담</span></a>
                     <div class="hover_cont">채팅상담</div>
                 </li>
                 <li>
@@ -95,8 +95,7 @@
         <!-- header body 영역 -->
         <div class="header_body">
             <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
-                            alt="문자온 CI"></a></h1>
+                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
                 <ul class="gnbWrap table_cell">
                     <li><a href="#">문자발송</a></li>
                     <li><a href="#">선거문자</a></li>
@@ -109,8 +108,7 @@
                 </ul>
                 <div class="s_menu">
                     <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
-                            src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
+                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
                     <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
                 </div>
             </div>
@@ -136,8 +134,7 @@
                             <li><a href="#">#좋은하루</a></li>
                         </ul>
                     </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
-                            alt=""></button>
+                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
                 </div>
             </div>
             <!--// search popup 영역 -->
@@ -148,11 +145,9 @@
                 <div class="login_left table_cell">
                     <div class="login_put">
                         <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
-                            size="18">
+                        <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18">
                         <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
-                            maxlength="30" size="18">
+                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18">
                         <label for="login_button" class="label"></label>
                         <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
                     </div>
@@ -192,12 +187,12 @@
                     <li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
                 </ul>
                 <!--// tab button -->
-                
+
                 <div class="api_guide_cont current">
                     <div class="heading">
                         <h2>예제 다운로드</h2>
                     </div>
-                                       
+
                     <!--예제 다운로드 내용-->
                     <div class="api_download">
                         <ul class="info">
@@ -209,12 +204,12 @@
                             <!-- tab button -->
                             <ul class="list_tab">
                                 <li class="tab active"><button type="button" onclick="listTab3(this,'1');">JSP</button>
-                                </li><!--
-                                <li class="tab"><button type="button" onclick="listTab3(this,'2');">ASP</button>
                                 </li>
+                                <!-- <li class="tab"><button type="button" onclick="listTab3(this,'2');">ASP</button>
+                                </li> -->
                                 <li class="tab"><button type="button" onclick="listTab3(this,'3');">PHP</button>
                                 </li>
-                                <li class="tab"><button type="button" onclick="listTab3(this,'4');">.NET</button>
+                                <!--<li class="tab"><button type="button" onclick="listTab3(this,'4');">.NET</button>
                                 </li>
                                 <li class="tab"><button type="button" onclick="listTab3(this,'5');">AOS</button>
                                 </li>
@@ -224,8 +219,8 @@
                             <!--// tab button -->
                         </div>
 
-                        <!-- JSP 다운로드-->   
-                        <div class="download_cont current" id="listTab3_1">  
+                        <!-- JSP 다운로드-->
+                        <div class="download_cont current" id="listTab3_1">
                             <div class="box">
                                 <div class="text">
                                     <h4>JSP Example</h4>
@@ -256,11 +251,11 @@
                                             <td>발송가능건수</td>
                                         </tr>
                                     </table>
-                                </div>                                
+                                </div>
                             </div>
                             <div class="btn_area">
                                 <button type="button" class="btnType btnType11">JSP용 예제 다운받기</button>
-                            </div>                             
+                            </div>
                         </div>
                         <!--// JSP 다운로드-->
                         <!--ASP 다운로드-->
@@ -295,7 +290,7 @@
                                             <td>파일 설명</td>
                                         </tr>
                                     </table>
-                                </div>                                
+                                </div>
                             </div>
                             <div class="btn_area">
                                 <button type="button" class="btnType btnType11">ASP용 예제 다운받기</button>
@@ -313,28 +308,30 @@
                                             <col style="width:35%;">
                                             <col style="width:65%;">
                                         </colgroup>
-                                        <tr>
-                                            <th>파일명</th>
-                                            <td>파일 설명</td>
-                                        </tr>
-                                        <tr>
-                                            <th>파일명</th>
-                                            <td>파일 설명</td>
-                                        </tr>
-                                        <tr>
-                                            <th>파일명</th>
-                                            <td>파일 설명</td>
-                                        </tr>
-                                        <tr>
-                                            <th>파일명</th>
-                                            <td>파일 설명</td>
-                                        </tr>
-                                        <tr>
-                                            <th>파일명</th>
-                                            <td>파일 설명</td>
-                                        </tr>
+                                        <tbody>
+                                            <tr>
+                                                <th>php_example_send_msg_r1.php</th>
+                                                <td>문자보내기(여러명에게 동일한문자)</td>
+                                            </tr>
+                                            <tr>
+                                                <th>php_example_send_msgs_r1.php</th>
+                                                <td>문자보내기(여러명에게 다른문자)</td>
+                                            </tr>
+                                            <tr>
+                                                <th>php_example_hstry_r1.php</th>
+                                                <td>전송내역조회</td>
+                                            </tr>
+                                            <tr>
+                                                <th>php_example_hstry_detail_r1.php</th>
+                                                <td>상세전송내역조회</td>
+                                            </tr>
+                                            <tr>
+                                                <th>php_example_select_price_r1.php</th>
+                                                <td>발송가능건수</td>
+                                            </tr>
+                                        </tbody>
                                     </table>
-                                </div>                                
+                                </div>
                             </div>
                             <div class="btn_area">
                                 <button type="button" class="btnType btnType11">PHP용 예제 다운받기</button>
@@ -373,7 +370,7 @@
                                             <td>파일 설명</td>
                                         </tr>
                                     </table>
-                                </div>                                
+                                </div>
                             </div>
                             <div class="btn_area">
                                 <button type="button" class="btnType btnType11">.NET용 예제 다운받기</button>
@@ -412,7 +409,7 @@
                                             <td>파일 설명</td>
                                         </tr>
                                     </table>
-                                </div>                                
+                                </div>
                             </div>
                             <div class="btn_area">
                                 <button type="button" class="btnType btnType11">AOS용 예제 다운받기</button>
@@ -451,56 +448,25 @@
                                             <td>파일 설명</td>
                                         </tr>
                                     </table>
-                                </div>                                
+                                </div>
                             </div>
                             <div class="btn_area">
                                 <button type="button" class="btnType btnType11">IOS용 예제 다운받기</button>
                             </div>
                         </div>
-                        <!--// IOS 다운로드-->                               
+                        <!--// IOS 다운로드-->
                     </div>
-                    <!--// 예제 다운로드 내용-->           
+                    <!--// 예제 다운로드 내용-->
                 </div>
             </div>
-            
+
         </div>
         <!--// send top -->
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
     <!--// footer 영역 -->
 </body>
 
src/main/webapp/publish/api_guide.html
--- src/main/webapp/publish/api_guide.html
+++ src/main/webapp/publish/api_guide.html
@@ -1605,40 +1605,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/api_intro.html
--- src/main/webapp/publish/api_intro.html
+++ src/main/webapp/publish/api_intro.html
@@ -271,40 +271,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
 
src/main/webapp/publish/email_form_terms_2024_clause.html (added)
+++ src/main/webapp/publish/email_form_terms_2024_clause.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>이용약관 개정 안내 메일입니다.</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet" />
+</head>
+
+<body>
+  <div class="wrap" style=" width: 100%; height: 100%; background-color: #e3e8f0; padding: 70px 0; ">
+    <div class="box" style=" max-width: 730px; width: 90%; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 20px; overflow: hidden; margin: 0 auto; ">
+      <div class="area_top" style=" width: 100%; box-sizing: border-box; text-align: center; margin: 0; position: relative;">
+        <!-- <img src="https://www.munjaon.co.kr/publish/images/emailForm/mail_top_230329.png" /> -->
+        <img src="https://www.munjaon.co.kr/publish/images/emailForm/emailTop230414.jpg" alt="" style="width: 100%;">
+       </div>
+      <div class="area_content" style="padding: 3% 6% 4% 6%">
+        <p style=" font-size: 22px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; margin: 15px 0 25px 0; line-height: 1.5; ">
+          <span style="font-size: 28px; font-weight: 700; color: #222">[문자온] </span><span style="font-size: 28px; font-weight: 700; color: #eea301">이용약관 개정</span><span style="font-size: 28px; font-weight: 700; color: #222">안내</span></p>
+        <p style=" font-size: 17px; letter-spacing: -0.5px; line-height: 1.6; color: #222; margin: 0; font-weight: 300; font-family: 'Noto Sans KR', sans-serif !important; ">
+            안녕하세요. 대량 ‧ 단체 문자사이트 “문자온(www.munjaon.co.kr)”입니다.<br />변함없이 문자온 서비스를 이용해 주시는 고객님께 감사의 말씀을 드리며 이용약관이 다음과 같이 변경됨을 알려드리오니
+            서비스 이용에 참고하시기 바랍니다. </p>
+
+        <!--테이블시작-->
+        <table style=" width: 100%; table-layout: fixed; border-collapse: collapse; margin: 20px 0 20px 0; border-spacing: 0;">
+          <colgroup>
+            <col style="width: 20%;" />
+            <col style="width: 80%;" />
+          </colgroup>  
+          <thead>
+            <tr>
+              <th style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; background-color: #e7eaee; height: 38px; line-height: 38px; text-align: center; font-size: 16px; font-weight: 400; color: #222; border-right: 1px solid #d5d5d5;">구분</th>
+              <th style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; background-color: #e7eaee;  font-size: 16px; font-weight: 400; color: #222; text-align: center;">주요내용</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr style="border-bottom: 1px solid #d5d5d5;">
+              <td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; text-align: center; height: 47px; line-height: 47px; border-right: 1px solid #d5d5d5; font-size: 16px; font-weight: 400; color: #222;">개정사유</td>
+              <td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; text-align: left; padding-left: 10px; font-size: 16px; font-weight: 300; color: #222;">전송자격인증제 도입 및 전체 약관 내용 정비
+            </td>
+            </tr>
+            <tr style="border-bottom: 1px solid #d5d5d5;">
+                <td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; text-align: center; height: 47px; line-height: 47px; border-right: 1px solid #d5d5d5; font-size: 16px; font-weight: 400; color: #222;">개정사항</td>
+                <td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; text-align: left; padding-left: 10px; font-size: 15px; font-weight: 300; color: #222; line-height:20px;">
+                  <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 자구 수정 및 용어 정비 </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 용어의 정의 변경(회원→이용자) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 전송자격인증제 도입 및 운영 관련 </p>
+                    <p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;word-break:keep-all;"><strong style="color:#666;">ㆍ</strong>전송자격인증제 용어 정의 추가(제2조제18호) </p>
+                    <p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;word-break:keep-all;"><strong style="color:#666;">ㆍ</strong>전송자격미인증(취소) 사업자와의 계약 거절(제5조제8항) </p>
+                    <p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;word-break:keep-all;"><strong style="color:#666;">ㆍ</strong>인증이 취소된 문자재판매사와의 서비스 정지 및 계약해지(제10조제11항) </p>
+                    <p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;word-break:keep-all;"><strong style="color:#666;">ㆍ</strong>회사와 거래하는 문자재판매사업자의 전송자격인증 의무화(제11조제7항) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 이용자의 권리 또는 의무에 관한 중요사항 변경 시, 약관 30일 공지 의무(제3조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 이용계약 신청 거절 사유 추가(만 18세 미만) 및 용어 정비(제5조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 본인의 승낙 없는 개인정보의 제3자 제공 금지 원칙 명시(제6조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 보안강화를 위한 보안로그인 기능 도입(제7조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 회원정보가 허위 또는 현행화되지 않은 이용자에 대한 통지 방법 명시(제9조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 불법스팸 등으로 인지되는 메시지 (사전ㆍ후) 발송차단 등 회사 의무 구체화(제10조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 불법스팸 등으로 인지되는 메시지 발송행위 금지 및 영리목적 광고성 정보 전송 시 광고표기 준수의무 등 이용자의 의무에 관한 사항 구체화(제11조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 회원의 권리에 관한 조치(동의의 철회, 민원처리) 신설(제12조 및 제13조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 서비스의 제공, 변경 및 중단과 관련한 용어 순화 및 중복내용 삭제(제14조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 회원탈퇴, 자격상실 및 서비스 이용 제한 등과 관련, 현행 조문(1개)을 사유별로 구분(2개)하여 상세화 </p>
+                    <p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;"><strong style="color:#666;">ㆍ</strong>서비스 이용의 제한 또는 정지 : 영구ㆍ일시정지 사유 구체화(제15조) </p>
+                    <p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;"><strong style="color:#666;">ㆍ</strong>계약의 해지 : 불법스팸 발송 등 이용자의 귀책사유로 인한 회사의 계약해지 사유 구체화(제17조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 친구톡 메시지 전송제한 시간대 변경 등(제16조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 후납 방식의 요금 산정 방식 신설(제21조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 요금 등의 환불 및 소멸 규정 정비(제24조) </p>
+                    <p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;"><strong style="color:#666;">ㆍ</strong>환불 처리기간(영업일로부터 3일 이내) 변경 </p>
+                    <p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;"><strong style="color:#666;">ㆍ</strong>환불 불가조건(자발적 계약해지, 이용자의 귀책사유로 인한 회사의 계약해지, 이용자의 불법스팸 발송 등 관련법 위반에 따른 이용정지 시) 구체화 </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 불법스팸 등 발송으로 인해 회사에 손해를 끼치는 경우 이용자의 손해배상의무 신설 및 면책사항과 중복되는 내용 삭제(제25조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">-  불법스팸 발송 등 관련법 위반에 따른 이용정지 시, 이용자에게 발생하는 손해에 대한 회사의 면잭 조항 신설(제26조) </p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보분쟁조정위원회 업무이관(행정자치부→개인정보보호위원회) 사항 반영(제27조) </p>
+                    <div style="border-top:1px solid #eeeeee; margin:5px 0 0 0; padding:0 0 15px 0;">
+                      <span style="text-align: center; padding:10px 0; display:block;">개정되는 약관 전체 내용은 하단의 링크 또는 홈페이지 공지사항을 통하여 확인해주시기 바랍니다.</span>
+                      <div style="display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px">
+                      <a style="display: inline-block; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 16px; font-weight: 500; text-decoration: none; color: #2e5ac8;" href="https://www.munjaon.co.kr/web/cop/bbs/TermsList.do?menuNm=02&termsMastNo=2023" target="_blank">
+                        <p style="margin: 0 auto; text-align: center; width: 230px; padding: 8px 0;border: 1px solid #2e5ac8; border-radius: 5px; background-color: #f0f5fe;">개정 전 이용약관</p>
+                      </a>
+                      <a style="display: inline-block; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 16px; font-weight: 500; text-decoration: none; color: #2e5ac8;" href="https://www.munjaon.co.kr/web/cop/bbs/TermsList.do?menuNm=02&termsMastNo=2024" target="_blank">
+                          <p style="margin: 0 auto; text-align: center; width: 230px; padding: 8px 0;border: 1px solid #2e5ac8; border-radius: 5px; background-color: #f0f5fe;">개정 후 이용약관</p>
+                      </a>
+                      </div>
+                    </div>
+                </td>             
+              </tr>
+              <tr style="border-bottom: 1px solid #d5d5d5;">
+                <td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; text-align: center; height: 47px; line-height: 47px; border-right: 1px solid #d5d5d5; font-size: 16px; font-weight: 400; color: #222;">시행일</td>
+                <td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; text-align: left; padding-left: 10px; font-size: 16px; font-weight: 300; color: #222;">2024.11.29(금)
+              </td>
+              </tr>
+          </tbody>
+        </table>
+
+  
+        <!--테이블끝-->
+
+        <!--아래시작-->
+
+        <div style="margin: 0 auto; width: 100%; background-color: #e7eaee; border-radius: 5px;">
+          <p style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.25px; font-size: 16px; font-weight: 300; color: #222; padding: 20px 30px; margin: 0; line-height: 1.5; word-break: keep-all; ">
+            <strong style="display: block;">이의제기 관련 사항</strong>
+이용약관 시행일 전까지 별도의 이의제기를 하지 않는 경우 본 이용약관에 동의하는 것으로 간주됩니다. 개정되는 이용약관에 동의하지 않으시는 경우 회원탈퇴(이용계약의 해지)를 요청하실 수 있습니다. 이용약관 개정과 관련하여 궁금하신 사항은 문자온 고객센터로 문의하여 주시기 바랍니다.
+
+          </p>
+        </div>
+
+        <!--문자온 버튼-->
+        <div style="margin: 32px auto 32px auto; text-align: center;">
+          <a style="display: inline-block; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 18px; font-weight: 700; text-decoration: none; color: #2e5ac8;" href="https://www.munjaon.co.kr" target="_blank">
+            <p style="margin: 0 auto; text-align: center; width: 160px; padding: 8px 0;border: 1px solid #2e5ac8; border-radius: 100px;">문자온 바로가기</p>
+          </a>
+        </div>
+        <!--문자온 버튼 끝-->
+
+        <p style="text-align: center; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 18px; font-weight: 300; color: #222; margin: 0; line-height: 31px;">
+            문자온은 앞으로도 회원 여러분께 더욱 신뢰받는 서비스로 보답할 수 있도록<br /> 최선의 노력을 다하겠습니다. <br>감사합니다.
+        </p>
+
+        <!--info-->
+        <div class="info_mail" style="width: 100%; border-top: 1px solid #d5d5d5; margin-top: 48px;">
+          <p style=" font-size: 15px; font-weight: 300; color: #999; line-height: 1.3; letter-spacing: -0.3px; font-family: 'Noto Sans KR', sans-serif !important; margin-top: 48px; word-break: keep-all; ">
+            본 메일은 <span style="font-weight: 500">발신전용</span>이며, 문의에 대한 회신은 처리되지 않습니다. 문자온 관련하여 궁금하신 점이나 <br />불편한 사항은 <span style="font-weight: 500">고객센터</span>를 통해 문의하여 주시기 바랍니다. </p>
+          <p style=" margin-top: 20px; font-size: 15px; font-weight: 300; color: #999; line-height: 1.3; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif !important; ">
+            주소 : (12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)<br />사업자 번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 :
+            제2021-다산-0422호 <br />문의전화 : 1551-8011 | E-mail : help@iten.co.kr </p>
+          <p style=" margin-top: 20px; font-size: 15px; font-weight: 300; color: #999; line-height: 1.3; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif !important; ">
+            Copyright 2022 ⓒ MUNJAON co. Ltd, All rights reserved. </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+
+</html>(No newline at end of file)
 
src/main/webapp/publish/email_form_terms_2024_privacy.html (added)
+++ src/main/webapp/publish/email_form_terms_2024_privacy.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>개인정보처리방침 개정 안내 메일입니다.</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet" />
+</head>
+
+<body>
+  <div class="wrap" style=" width: 100%; height: 100%; background-color: #e3e8f0; padding: 70px 0; ">
+    <div class="box" style=" max-width: 730px; width: 90%; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 20px; overflow: hidden; margin: 0 auto; ">
+      <div class="area_top" style=" width: 100%; box-sizing: border-box; text-align: center; margin: 0; position: relative;">
+        <!-- <img src="https://www.munjaon.co.kr/publish/images/emailForm/mail_top_230329.png" /> -->
+        <img src="https://www.munjaon.co.kr/publish/images/emailForm/emailTop230414.jpg" alt="" style="width: 100%;">
+       </div>
+      <div class="area_content" style="padding: 3% 6% 4% 6%">
+        <p style=" font-size: 22px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; margin: 15px 0 25px 0; line-height: 1.5; ">
+          <span style="font-size: 28px; font-weight: 700; color: #222">[문자온] </span><span style="font-size: 28px; font-weight: 700; color: #eea301">개인정보처리방침 개정</span><span style="font-size: 28px; font-weight: 700; color: #222">&nbsp;안내</span></p>
+        <p style=" font-size: 17px; letter-spacing: -0.5px; line-height: 1.6; color: #222; margin: 0; font-weight: 300; font-family: 'Noto Sans KR', sans-serif !important; ">
+            안녕하세요. 대량 &middot; 단체 문자사이트 “문자온&#40;www.munjaon.co.kr&#41;”입니다.<br />변함없이 문자온 서비스를 이용해 주시는 고객님께 감사의 말씀을 드리며 개인정보처리방침이 다음과 같이 변경됨을 알려드리오니
+            서비스 이용에 참고하시기 바랍니다. </p>
+
+        <!--테이블시작-->
+        <table style=" width: 100%; table-layout: fixed; border-collapse: collapse; margin: 20px 0 20px 0; border-spacing: 0;">
+          <colgroup>
+            <col style="width: 20%;" />
+            <col style="width: 80%;" />
+          </colgroup>  
+          <thead>
+            <tr>
+              <th style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; background-color: #e7eaee; height: 38px; line-height: 38px; text-align: center; font-size: 16px; font-weight: 400; color: #222; border-right: 1px solid #d5d5d5;">구분</th>
+              <th style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; background-color: #e7eaee;  font-size: 16px; font-weight: 400; color: #222; text-align: center;">주요내용</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr style="border-bottom: 1px solid #d5d5d5;">
+              <td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; text-align: center; height: 47px; line-height: 47px; border-right: 1px solid #d5d5d5; font-size: 16px; font-weight: 400; color: #222;">개정사유</td>
+              <td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; text-align: left; padding-left: 10px; font-size: 16px; font-weight: 300; color: #222;">개인정보 항목 현행화 및 구체화 등에 따른 내용 정비</td>
+            </tr>
+            <tr style="border-bottom: 1px solid #d5d5d5;">
+                <td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; text-align: center; height: 47px; line-height: 47px; border-right: 1px solid #d5d5d5; font-size: 16px; font-weight: 400; color: #222;">개정사항</td>
+                <td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; text-align: left; padding-left: 10px; font-size: 15px; font-weight: 300; color: #222; line-height:20px;">
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 전문 변경</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 형식 변경 : 법 조문(조, 항, 호, 목) 형태 → 알기 쉬운 평어체 및 도표 형태</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 목차 및 제목 등 문구수정</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 처리목적 도표화</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 처리 및 보유기간 도표화</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 처리 및 보유기간 항목 추가 및 변경</p>
+                    <p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;">(변경) : 통신사실 확인자료(3개월 → 1년)</p>
+                    <p style="text-indent:-10px;padding:0 0 0 10px;margin:0 0 4px 10px;">(추가) : 세법 관련 증빙서류(5년)</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 제3자 제공 사유 추가(재난, 감염병 등 긴급상황 시) 및 법령에 따른 제공 시 방법 구체화(영장 등 적법 절차에 따라 제공)</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 위탁사항 변경(휴대폰, 간편, 즉시이체 결제 처리 등 일부업무 수탁자 변경)</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 정보주체와 법정대리인의 권리 · 의무 및 행사방법 내용 수정(법정대리인 내용 추가)</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 수집 및 제공받는 항목 유형별 구체화 및 도표화</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 회원의 허위 정보 입력시 제재사항(신고 및 탈퇴) 추가</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 파기절차 중 물리적 대책 추가 및 안정성 확보 조치 사항 문구 수정</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보 자동 수집 장치 관련 브라우저(Microsoft Edge 등) 추가 및 문구 수정</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 개인정보보호책임자 및 연락처 변경</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 대검찰청 및 경찰청 연락처 수정</p>
+                    <p style="text-indent:-8px;padding:0 0 0 8px;margin:2px 0;word-break:keep-all;">- 회원에게 불리한 개인정보처리방침의 공개 방법</p>
+                    <div style="border-top:1px solid #eeeeee; margin:5px 0 0 0; padding:0 0 15px 0;">
+                      <span style="text-align: center; padding:10px 0; display:block;">개정되는 개인정보처리방침 전체 내용은 하단의 링크 또는 홈페이지 공지사항을 통하여 확인해주시기 바랍니다.</span>
+                        <div style="display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px">
+                          <a style="display: inline-block; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 16px; font-weight: 500; text-decoration: none; color: #2e5ac8;" href="https://www.munjaon.co.kr/web/cop/bbs/TermsList.do?menuNm=03&termsMastNo=2023" target="_blank">
+                            <p style="margin: 0 auto; text-align: center; width: 230px; padding: 8px 0;border: 1px solid #2e5ac8; border-radius: 5px; background-color: #f0f5fe;">개정 전 개인정보처리방침(v1.1)</p>
+                          </a>
+                          <a style="display: inline-block; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 16px; font-weight: 500; text-decoration: none; color: #2e5ac8;" href="https://www.munjaon.co.kr/web/cop/bbs/TermsList.do?menuNm=03&termsMastNo=2024" target="_blank">
+                              <p style="margin: 0 auto; text-align: center; width: 230px; padding: 8px 0;border: 1px solid #2e5ac8; border-radius: 5px; background-color: #f0f5fe;">개정 후 개인정보처리방침(v2.0)</p>
+                          </a>
+                        </div>
+                    </div>
+                 </td> 
+              </tr>   
+              <tr style="border-bottom: 1px solid #d5d5d5;">
+                <td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; width: 105px; text-align: center; height: 47px; line-height: 47px; border-right: 1px solid #d5d5d5; font-size: 16px; font-weight: 400; color: #222;">시행일</td>
+                <td style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; text-align: left; padding-left: 10px; font-size: 16px; font-weight: 300; color: #222;">2024.11.6(수)</td>
+              </tr>
+          </tbody>
+        </table>
+
+  
+        <!--테이블끝-->
+
+        <!--아래시작-->
+
+        <div style="margin: 0 auto; width: 100%; background-color: #e7eaee; border-radius: 5px;">
+          <p style="font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.25px; font-size: 16px; font-weight: 300; color: #222; padding: 30px; margin: 0; line-height: 1.5; ">개인정보처리방침 시행일 전까지 별도의 이의제기를 하지 않는 경우 본 개인정보처리방침에 동의하는 것으로 간주됩니다. 개정되는 개인정보처리방침에 동의하지 않으시는 경우 회원탈퇴(이용계약의 해지)를 요청하실 수 있습니다. 개인정보처리방침 개정과 관련하여 궁금하신 사항은 문자온 고객센터로 문의하여 주시기 바랍니다.</p>
+        </div>
+
+        <!--문자온 버튼-->
+        <div style="margin: 32px auto 32px auto; text-align: center;">
+          <a style="display: inline-block; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 18px; font-weight: 700; text-decoration: none; color: #2e5ac8;" href="https://www.munjaon.co.kr" target="_blank">
+            <p style="margin: 0 auto; text-align: center; width: 160px; padding: 8px 0;border: 1px solid #2e5ac8; border-radius: 100px;">문자온 바로가기</p>
+          </a>
+        </div>
+        <!--문자온 버튼 끝-->
+
+        <p style="text-align: center; font-family: 'Noto Sans KR', sans-serif !important; letter-spacing: -0.5px; font-size: 18px; font-weight: 300; color: #222; margin: 0; line-height: 31px;">
+            문자온은 앞으로도 회원 여러분께 더욱 신뢰받는 서비스로 보답할 수 있도록<br /> 최선의 노력을 다하겠습니다. <br>감사합니다.
+        </p>
+
+        <!--info-->
+        <div class="info_mail" style="width: 100%; border-top: 1px solid #d5d5d5; margin-top: 48px;">
+          <p style=" font-size: 15px; font-weight: 300; color: #999; line-height: 1.3; letter-spacing: -0.3px; font-family: 'Noto Sans KR', sans-serif !important; margin-top: 48px; word-break: keep-all; ">
+            본 메일은 <span style="font-weight: 500">발신전용</span>이며, 문의에 대한 회신은 처리되지 않습니다. 문자온 관련하여 궁금하신 점이나 <br />불편한 사항은 <span style="font-weight: 500">고객센터</span>를 통해 문의하여 주시기 바랍니다. </p>
+          <p style=" margin-top: 20px; font-size: 15px; font-weight: 300; color: #999; line-height: 1.3; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif !important; ">
+            주소 : (12248) 경기도 남양주시 다산순환로 20, A동 735호(다산동, 현대프리미어캠퍼스)<br />사업자 번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 :
+            제2021-다산-0422호 <br />문의전화 : 1551-8011 | E-mail : help@iten.co.kr </p>
+          <p style=" margin-top: 20px; font-size: 15px; font-weight: 300; color: #999; line-height: 1.3; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif !important; ">
+            Copyright 2022 ⓒ MUNJAON co. Ltd, All rights reserved. </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+
+</html>(No newline at end of file)
src/main/webapp/publish/estimate.html
--- src/main/webapp/publish/estimate.html
+++ src/main/webapp/publish/estimate.html
@@ -37,11 +37,11 @@
                             </colgroup>
                             <tbody>
                                 <tr>
-                                    <th>수&nbsp;&nbsp;신</th>
+                                    <th>기&nbsp;&nbsp;업&nbsp;&nbsp;명</th>
                                     <td></td>
                                 </tr>
                                 <tr>
-                                    <th>참&nbsp;&nbsp;조</th>
+                                    <th>담&nbsp;&nbsp;당&nbsp;&nbsp;자</th>
                                     <td></td>
                                 </tr>
                                 <tr>
@@ -83,7 +83,7 @@
                                 </tr>
                                 <tr>
                                     <th>전&nbsp;&nbsp;&nbsp;&nbsp;화</th>
-                                    <td>070-4786-0008</td>
+                                    <td>1551-8011</td>
                                 </tr>
                                 <tr>
                                     <th>이&nbsp;&nbsp;메&nbsp;&nbsp;일</th>
@@ -176,7 +176,7 @@
                                 <td><span>379,350</span> 원</td>
                             </tr>
                             <tr>
-                                <th>부가세</th>
+                                <th>세액(부가세)</th>
                                 <td><span>4,150</span> 원</td>
                             </tr>
                             <tr>
@@ -192,9 +192,9 @@
                 <div>
                     <p>- 본 견적서는 기본 견적서로 결제방식, 옵션 등에 따라 차이가 발생할 수 있습니다.</p>
                     <p>- 결제금액에 2% 포인트 적립(단가할인 고객의 경우 적립 제외)</p>
-                    <p>- 포인트 3,000원 이상부터 충전금 전환 가능</p>
+                    <!-- <p>- 포인트 3,000원 이상부터 충전금 전환 가능</p> -->
                     <p>- 포인트 10,000원 이상부터 현금으로 교환 가능</p>
-                    <p>- 100만원 이상 충전을 원하시는 고객께서는 070-4786-0008로 별도 문의 바랍니다.</p>
+                    <p>- 100만원 이상 충전을 원하시는 고객께서는 1551-8011로 별도 문의 바랍니다.</p>
                     <p>- 인터넷 익스플로러를 사용하시는 고객께서는 <span>[옵션도구>옵션>고급>인쇄>배경색 및 이미지 인쇄]</span>를 체크해주시기 바랍니다.</p>
 
                 </div>
src/main/webapp/publish/estimate2.html
--- src/main/webapp/publish/estimate2.html
+++ src/main/webapp/publish/estimate2.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>견적서</title>
+    <title>문자 발송내역서</title>
 
     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="/publish/css/reset.css">
src/main/webapp/publish/fax_send.html
--- src/main/webapp/publish/fax_send.html
+++ src/main/webapp/publish/fax_send.html
@@ -280,38 +280,167 @@
 
 	<!-- 엑셀 불러오기 -->
 	<div class="tooltip-wrap">
-		<div class="popup-com import_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close">
+		<div class="popup-com adr_layer popup02" tabindex="0" data-tooltip-con="popup02" data-focus="popup02" data-focus-prev="popup02-close" style="width:1000px">
 			<div class="popup_heading">
 				<p><span>엑셀</span> 불러오기</p>
 				<button type="button" class="tooltip-close" data-focus="popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
 			</div>
-			<div class="layer_in">
-				<!-- 엑셀파일 불러오기 -->
-				<div class="hascont">
+			<div class="layer_in execl_upload_layer" style="padding: 25px 30px;">
+				<!-- 엑셀입력 -->
+				<div class="popCont current pop_more_cont" id="popCont_1">
 					<div class="titBox">
-						<p>- 최대 2만 건까지 등록할 수 있습니다.</p>
-						<p>- [엑셀 불러오기]시 문서의 A, B, C, D열을 불러옵니다.(지원하는 파일 형식 : xls, xlsx)</p>
-						<p>- 이름 : 20byte, [*1*] [*2*] : 100byte까지 입력 가능합니다.</p>
-						<p>- 휴대폰 항목은 숫자, 하이픈(-)만 인식하며, 번호 앞에 0이 생략되어도 정상 등록됩니다.
-						</p>
-						<button type="button" class="excel_btn"><i></i>샘플파일 다운로드</button>
+						<p>- 주소록은 한 번에 최대 30만건까지 등록(EXCEL파일, 최대용량 20MB) 가능합니다. </p>
+						<p>- 엑셀 파일에 비밀번호 설정, 제한된 보기, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</p>
+						<p>- 구분선(|), 역슬래시(\, ₩), 큰따옴표("), 이모지(이모티콘) 등 발송불가 특수문자는 저장되지 않습니다.</p>
+						<p>- 이름 200byte, [*1*]~[*4*] 200byte, 메모 250byte까지 입력 가능합니다.</p>
+						<p>- 주소록 등록이 어려우신 경우에는 <a href="/web/mjon/addragency/selectAddrAgencyList.do" style="font-weight: bold; color: blue;">주소록 입력대행</a> 메뉴를 이용하실 수 있습니다. </p>
 					</div>
-					<div class="attachedFile">
-						<label for="" class="attachedFile_label">첨부파일</label>
-						<input type="text" readonly>
-						<button type="button" class="btnType btnType6">찾아보기</button>
-						<p><span class="vMiddle">*</span> 첨부된 파일은 <span class="c_e40000">[추가]버튼을 클릭</span>하셔야 받는 사람에 등록됩니다.</p>
+					<div class="pop_more_wrap">
+						<button type="button" class="pop_more" onclick="popMore(this);">더보기<i></i></button>
 					</div>
 				</div>
-				<!--// 엑셀파일 불러오기 -->
-				<div class="popup_btn_wrap2">
-					<button type="button">추가</button>
-					<button type="button" class="tooltip-close" data-focus="popup02-close" data-focus-next="popup02">닫기</button>
+				<!--// 엑셀입력 -->
+
+				<!-- 공통 -->
+				<div>
+					<table class="layer_tType1">
+						<caption>엑셀입력 표</caption>
+						<colgroup>
+							<col style="width: 95px">
+							<col style="width: auto">
+						</colgroup>
+						<tbody>
+							<tr>
+								<td colspan="2" style="padding:10px 0;">
+									<div class="file_upload_wrap" style="width:100%;display:flex;">
+										<div class="file_add upload_area">
+											<p><img src="/publish/images/content/file_add.png" alt="파일 붙여넣기">마우스로 엑셀, TXT파일을 여기에 끌어다 놓으세요</p>
+										</div>
+										<input type="file" id="excelFile" accept=".xls, .xlsx, .txt" style="display:none">
+										<button type="button" class="excel_btn2 btnType c3"><i class="uproad"></i>엑셀, TXT파일 업로드</button>
+									</div>
+								</td>
+							</tr>
+						</tbody>
+					</table>
 				</div>
+
+
+				<div class="excel_middle2">
+					<p>
+						총 <span class="c_e40000 fwBold" id="excelRowTotCnt">0</span>건
+						/ 중복 <span class="c_002c9a fwBold" id="excelRowDupCnt">0</span>건
+						/ 오류 <span class="c_002c9a fwBold" id="excelRowErrorCnt">0</span>건
+						<button type="button" class="btn_list_detail" data-tooltip="adr_popup14"><img src="/publish/images/search.png"></button>
+					</p>
+				</div>
+
+
+
+
+				<div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
+					<!-- thead -->
+					<div class="adr_hd select_adr_hd msg" data-group="tableExcel">
+						<div style="width: 43px;"></div>
+						<div style="width: 50px;"></div>
+						<div style="width: 140px;">
+							<label for="" class="label"></label>
+							<select class="field-selector">
+								<option value="">선택하기</option>
+								<option value="addrNm">이름</option>
+								<option value="addrPhoneNo">휴대폰</option>
+								<option value="addrInfo1">[*1*]</option>
+								<option value="addrInfo2">[*2*]</option>
+								<option value="addrInfo3">[*3*]</option>
+								<option value="addrInfo4">[*4*]</option>
+							</select>
+						</div>
+						<div style="width: 140px;">
+							<label for="" class="label"></label>
+							<select class="field-selector">
+								<option value="">선택하기</option>
+								<option value="addrNm">이름</option>
+								<option value="addrPhoneNo">휴대폰</option>
+								<option value="addrInfo1">[*1*]</option>
+								<option value="addrInfo2">[*2*]</option>
+								<option value="addrInfo3">[*3*]</option>
+								<option value="addrInfo4">[*4*]</option>
+							</select>
+						</div>
+						<div style="width: 140px;">
+							<label for="" class="label"></label>
+							<select class="field-selector">
+								<option value="">선택하기</option>
+								<option value="addrNm">이름</option>
+								<option value="addrPhoneNo">휴대폰</option>
+								<option value="addrInfo1">[*1*]</option>
+								<option value="addrInfo2">[*2*]</option>
+								<option value="addrInfo3">[*3*]</option>
+								<option value="addrInfo4">[*4*]</option>
+							</select>
+						</div>
+						<div style="width: 140px;">
+							<label for="" class="label"></label>
+							<select class="field-selector">
+								<option value="">선택하기</option>
+								<option value="addrNm">이름</option>
+								<option value="addrPhoneNo">휴대폰</option>
+								<option value="addrInfo1">[*1*]</option>
+								<option value="addrInfo2">[*2*]</option>
+								<option value="addrInfo3">[*3*]</option>
+								<option value="addrInfo4">[*4*]</option>
+							</select>
+						</div>
+						<div style="width: 140px;">
+							<label for="" class="label"></label>
+							<select class="field-selector">
+								<option value="">선택하기</option>
+								<option value="addrNm">이름</option>
+								<option value="addrPhoneNo">휴대폰</option>
+								<option value="addrInfo1">[*1*]</option>
+								<option value="addrInfo2">[*2*]</option>
+								<option value="addrInfo3">[*3*]</option>
+								<option value="addrInfo4">[*4*]</option>
+							</select>
+						</div>
+						<div style="width: 140px;">
+							<label for="" class="label"></label>
+							<select class="field-selector">
+								<option value="">선택하기</option>
+								<option value="addrNm">이름</option>
+								<option value="addrPhoneNo">휴대폰</option>
+								<option value="addrInfo1">[*1*]</option>
+								<option value="addrInfo2">[*2*]</option>
+								<option value="addrInfo3">[*3*]</option>
+								<option value="addrInfo4">[*4*]</option>
+							</select>
+						</div>
+					</div>
+				</div>
+
+				<div class="drag_drop_wrap callList_includ_box tabulator" id="tabulator_excel" role="grid" tabulator-layout="fitColumns" style="height: 255px;">
+				</div>
+				<div class="excel_middle">
+					<div class="select_btnWrap clearfix">
+						<div>
+							<button type="button" id="allDel"><i class="remove_img"></i>전체삭제</button>
+							<button type="button" id="in_select_del"><i class="remove_img"></i>선택삭제</button>
+						</div>
+
+					</div>
+				</div>
+
+				<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
+					<button type="button" id="btnAddrMassReg">추가</button>
+					<button type="button" id="btnAddrMassClose" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
+				</div>
+
 			</div>
 		</div>
 	</div>
 	<!--// 엑셀 불러오기 -->
+
+
 	<!-- 주소록 불러오기 -->
 	<div class="tooltip-wrap">
 		<div class="popup-com import_layer popup06" tabindex="0" data-tooltip-con="popup06" data-focus="popup06" data-focus-prev="popup06-close" style="width: 1000px">
@@ -598,224 +727,7 @@
 	</div>
 	<!--// 주소록 불러오기 -->
 
-	<!-- skip 메뉴 -->
-	<div class="skip_menu">
-		<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-	</div>
-	<!--// skip 메뉴 -->
-
-	<!-- quick 메뉴 -->
-	<div class="quickMenu">
-		<div>
-			<p class="quick_title">QUICK<br>MENU</p>
-			<p class="quick_title2">QUICK</p>
-			<ul class="quickMenuIn">
-				<li>
-					<a href="/publish/index.html">
-						<i class="quick1"></i>
-						<span>이용안내</span></a>
-					<div class="hover_cont">이용안내</div>
-				</li>
-				<li>
-					<a href="#">
-						<i class="quick2"></i>
-						<span>채팅상담</span></a>
-					<div class="hover_cont">채팅상담</div>
-				</li>
-				<li>
-					<a href="#">
-						<i class="quick3"></i>
-						<span>원격지원</span></a>
-					<div class="hover_cont">원격지원</div>
-				</li>
-				<li>
-					<a href="#">
-						<i class="quick4"></i>
-						<span>맞춤제작</span></a>
-					<div class="hover_cont">맞춤제작</div>
-				</li>
-				<li>
-					<a href="#">
-						<i class="quick5"></i>
-						<span>주소록 등록</span></a>
-					<div class="hover_cont">주소록 등록</div>
-				</li>
-				<li>
-					<a href="#">
-						<i class="quick6"></i>
-						<span>엑셀 전송</span></a>
-					<div class="hover_cont">엑셀 대량전송</div>
-				</li>
-				<li>
-					<a href="#">
-						<i class="quick7"></i>
-						<span>견적서</span></a>
-					<div class="hover_cont">견적서</div>
-				</li>
-				<li>
-					<a href="#">
-						<i class="quick8"></i>
-						<span>결제</span></a>
-					<div class="hover_cont">결제</div>
-				</li>
-				<li>
-					<a href="#">
-						<i class="quick9"></i>
-						<span>영수증/계산서</span></a>
-					<div class="hover_cont">영수증/계산서</div>
-				</li>
-			</ul>
-			<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i>
-			</button>
-		</div>
-	</div>
-	<!--// quick 메뉴 -->
-	<!-- header 영역 -->
-	<header id="header" class="header">
-		<!-- header top 영역 -->
-		<div class="header_top">
-			<div class="inner">
-				<ul class="menu_left">
-					<li>
-						<a href="#">
-							<i class="hdTop_fav"></i>즐겨찾기추가</a>
-					</li>
-					<li>
-						<a href="#">
-							<i class="hdTop_mypage"></i>마이페이지</a>
-					</li>
-					<li>
-						<a href="#">
-							<i class="hdTop_center"></i>고객센터</a>
-					</li>
-				</ul>
-				<ul class="menu_right">
-					<li>
-						<a href="#">충전하기</a>
-					</li>
-					<li class="SortLine">
-						<a href="#">요금안내</a>
-					</li>
-					<li class="SortLine">
-						<a href="#">이용안내</a>
-					</li>
-					<li class="SortLine">
-						<a href="#">1:1고객상담</a>
-					</li>
-				</ul>
-			</div>
-		</div>
-		<!-- header top 영역 -->
-		<!-- header body 영역 -->
-		<div class="header_body">
-			<div class="inner table">
-				<h1 class="logo">
-					<a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a>
-				</h1>
-				<ul class="gnbWrap table_cell">
-					<li>
-						<a href="#">문자발송</a>
-					</li>
-					<li>
-						<a href="#">선거문자</a>
-					</li>
-					<li>
-						<a href="#">맞춤제작</a>
-					</li>
-					<li>
-						<a href="#">비즈톡</a>
-					</li>
-					<li>
-						<a href="#">주소록 관리</a>
-					</li>
-					<li>
-						<a href="#">발송결과</a>
-					</li>
-					<li>
-						<a href="#">예약관리</a>
-					</li>
-					<li>
-						<a href="#">결제내역</a>
-					</li>
-				</ul>
-				<div class="s_menu">
-					<i class="allSearch_info">
-						<span>문자검색</span></i>
-					<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-					<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-				</div>
-			</div>
-			<!-- search popup 영역 -->
-			<div class="pop_search">
-				<div class="inner">
-					<div class="area_search">
-						<select name="" id="">
-							<option value="">그림문자</option>
-							<option value="">단문문자</option>
-							<option value="">장문문자</option>
-							<option value="">GIF</option>
-						</select>
-						<input type="text" placeholder="문자샘플 검색하기">
-						<button><img src="/publish/images/search02.png" alt=""></button>
-					</div>
-					<div class="area_popular">
-						<p>
-							<i></i>인기검색어</p>
-						<ul class="popular_tag">
-							<li>
-								<a href="#">#정월대보름</a>
-							</li>
-							<li class="on">
-								<a href="#">#추석</a>
-							</li>
-							<li>
-								<a href="#">#가을인사</a>
-							</li>
-							<li>
-								<a href="#">#좋은하루</a>
-							</li>
-						</ul>
-					</div>
-					<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-				</div>
-			</div>
-			<!--// search popup 영역 -->
-		</div>
-		<!--// header body 영역 -->
-		<div id="login" class="login">
-			<div class="inner table">
-				<div class="login_left table_cell">
-					<div class="login_put">
-						<label for="id_text" class="label"></label>
-						<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18">
-						<label for="password_text" class="label"></label>
-						<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18">
-						<label for="login_button" class="label"></label>
-						<button type="submit" class="login_button">로그인</button>
-					</div>
-					<div class="login_save">
-						<input type="checkbox" id="save_id">
-						<label for="save_id">아이디 저장</label>
-					</div>
-					<div class="login_find">
-						<a href="#">아이디찾기 /</a>
-						<a href="#">비밀번호 찾기</a>
-					</div>
-					<div>
-						<button type="button" class="btnType btnType2">회원가입</button>
-						<button type="button" class="btnType btnType3">둘러보기</button>
-					</div>
-				</div>
-				<div class="login_right">
-					<span>
-						<i></i>이달의 이벤트</span>
-					<button type="button" class="btnType btnType4">바로가기</button>
-				</div>
-			</div>
-		</div>
-		<!--// login 영역 -->
-	</header>
-	<!--// header 영역 -->
+	<div data-include-path="/publish/layout/_header.html"></div>
 
 	<!-- content 영역 -->
 	<div id="container" class="cont sub">
@@ -859,12 +771,20 @@
 												<span class="essential">*</span> 전송문서
 											</th>
 											<td>
+
+												<!-- 업로드 전 -->
 												<div class="file_add upload_area">
 													<p><img src="/publish/images/content/file_add.png" alt="">첨부파일을 넣어주세요</p>
 													<div class="cf_text_wrap">
-														<span>변환 가능 확장자</span><br>hwp, hwpml, doc, xls, ppt, pdf, txt, docx, xlsx, pptx, tif, htm, html, jpg, jpeg, gif, bmp, gul
+														<span>전송 가능 확장자</span>
+														<br>hwp, hwpml, doc, xls, ppt, pdf, txt, docx, xlsx,
+														<br>pptx, tif, jpg, jpeg, gif, bmp, gul
 													</div>
 												</div>
+												<!-- //업로드 전 -->
+
+
+												<!-- 업로드 후 -->
 												<div class="file_add upload_area upload_table_wrap">
 													<table class="file_upload_table">
 														<colgroup>
@@ -883,7 +803,9 @@
 														</thead>
 														<tbody>
 															<tr>
-																<td class="tLeft"><p>파일명파일명파일명파일명</p>.pptx</td>
+																<td class="tLeft">
+																	<p>파일명파일명파일명파일명</p>.pptx
+																</td>
 																<td>281.93kb</td>
 																<td>2023-03-20 14:16:17</td>
 																<td><button type="button" class="btn_file_del"><img src="/publish/images/content/del_img.png" alt="" /></button></td>
@@ -891,6 +813,7 @@
 														</tbody>
 													</table>
 												</div>
+												<!-- //업로드 후 -->
 												<div class="file_right">
 													<button type="button" class="btnType btnType9">파일첨부</button>
 													<button type="button" class="btnType btnType7">미리보기</button>
@@ -1063,13 +986,13 @@
 															<div class="btn_popup_wrap">
 																<button type="button" data-tooltip="popup03" class="btnType btnType7 tab2">자주 보내는 번호</button>
 															</div>
-															<div class="btn_popup_wrap check_validity_wrap">
+															<!-- <div class="btn_popup_wrap check_validity_wrap">
 																<button type="button" class="btnType btnType7 check_validity">오류 검사 <i class="qmMark"></i></button>
 																<div class="error_hover_cont send_hover_cont">
 																	<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p>
 																	<span>(예시) 010-1234-0001(O) / 010-123-0001(X)</span>
 																</div>
-															</div>
+															</div> -->
 														</div>
 													</div>
 													<div class="list_bottom clearfix">
@@ -1106,7 +1029,7 @@
 																<button type="button" class="btnType btnType21" onclick="location.href='/web/member/pay/PayView.do'">충전</button>
 															</div>
 															<div>
-															<button type="button" class="btnType btnType11">발송하기</button>
+																<button type="button" class="btnType btnType11">발송하기</button>
 															</div>
 														</div>
 													</div>
@@ -1216,17 +1139,24 @@
 											<p class="num_title">02</p>
 											<p>
 												<b>최대 글자의 1/3 이상의 크기로 무료거부 080번호 표기</b>
-												수신거부, 수신동의의 철회방식을 최대 글자 3분의1 크기 이상으로 표기, 또한 수신자가 비용을 부담하지 아니한다는 것
+												수신거부, 수신동의 철회방식을 최대 글자 3분의1 크기 이상으로 표기, 또한 수신자가 비용을 부담하지 아니한다는 것 안내
 												<span class="fs14 c_e40000">※ 팩스무료거부080번호는 별도로 운영 관리</span>
 												<span class="fs14 c_e40000">※ 수신거부를 받은 경우 14일 이내 처리 통지</span>
 											</p>
 										</li>
 										<li>
+											<p class="num_title">03</p>
+											<p>
+												<b>광고팩스 전송시간 : 08:00~21:00</b>
+												<span class="fs14 c_e40000">※21:00 이후 광고팩스 전송 불가</span>
+											</p>
+										</li>
+										<li>
 											<a href="#"><i></i>
-												<p>정보통신망 이용촉진 및 정보보호 등에 관한 법률전문 보기 (시행 2014.11.29)</p>
+												<p>정보통신망 이용촉진 및 정보보호 등에 관한 법률전문 보기 (시행 2024.8.14)</p>
 											</a>
 											<a href="#"><i></i>
-												<p>불법 스팸방지를 위한 정보통신망법 안내서 (2014.11)</p>
+												<p>불법 스팸방지를 위한 정보통신망법 안내서 (2024.3)</p>
 											</a>
 										</li>
 									</ul>
@@ -1237,7 +1167,7 @@
 					<!-- //팩스전송 -->
 
 					<!-- 팩스전송내역 -->
-					<div class="tab_content current" id="tab_content_2">
+					<div class="tab_content" id="tab_content_2">
 						<div class="list_info">
 							<input type="hidden" id="tdType" value="groupList">
 							<p>총 <span class="c_e40000">5</span>건</p>
@@ -1354,6 +1284,10 @@
 	</div>
 	<!--// content 영역 -->
 
+	<!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
+
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/firstpay_event.html
--- src/main/webapp/publish/firstpay_event.html
+++ src/main/webapp/publish/firstpay_event.html
@@ -83,53 +83,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+    
     <!-- header 영역 -->
     <header id="header" class="header">
         <!-- header top 영역 -->
@@ -271,7 +225,7 @@
                                     <div class="img_cont">
                                         <div class="firstpay_event event_cont">
                                             <img src="/publish/images/event/event_logo01.png" alt="" class="event_logo">
-                                            <img src="/publish/images/event/firstpay_event_cont.png" alt="" usemap="#btn">
+                                            <img src="/publish/images/event/firstpay_event_cont_img01.png" alt="" usemap="#btn">
 											<map name="btn">
 												<area target="_blank"  href="/publish/firstpay_event2.html" coords="0,1353,997,1441" shape="rect">
 											</map>
@@ -311,40 +265,9 @@
     </div>
     <!--// content 영역 -->
     <!-- footer 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/firstpay_event2.html
--- src/main/webapp/publish/firstpay_event2.html
+++ src/main/webapp/publish/firstpay_event2.html
@@ -83,53 +83,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+    
     <!-- header 영역 -->
     <header id="header" class="header">
         <!-- header top 영역 -->
@@ -269,7 +223,7 @@
                                     <div class="img_cont">
                                         <div class="firstpay_event event_cont">
                                             <img src="/publish/images/event/event_logo01.png" alt="" class="event_logo">
-                                            <img src="/publish/images/event/firstpay_event_cont_02.png" alt="" usemap="#btn">
+                                            <img src="/publish/images/event/firstpay_event_cont_img02.png" alt="" usemap="#btn">
 											
                                             <ul class="agree_wrap">
                                                 <li><input type="checkbox" id="agree01"><label for="agree01">(필수) 본인은 상기
@@ -392,9 +346,7 @@
                                                                 <td>
                                                                     <div class="area_text">
                                                                                 <div class="area_text">
-                                                                                    <p>1. <span>첫결제 이벤트는 최대 50만원까지만 적용이 됩니다.</span></p>
-                                                                                    <p>2. 현재 발급받은 전용계좌가 없습니다.</p>
-                                                                                    <p>3. 입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
+                                                                                    <p>입금 즉시 자동 충전되는 나만의 전용계좌 개설(평생 사용가능, 5천원 이상 입금 가능)</p>
                                                                                 </div>
                                                                         <!-- <p>3. 발급받은 전용계좌는 3개월 미사용시 자동 해지됩니다.</p> -->
                                                                     </div>
@@ -445,6 +397,8 @@
                                                                         <p>- <span>첫결제 이벤트는 최대 50만원까지만 적용이 됩니다.</span></p>
                                                                         <p>- 전용계좌는 개설일로부터 <span>3개월 미사용 시 자동 해지</span>됩니다.</p>
                                                                         <p>- 전용계좌에 <span>5,000원 이상 입금</span> 시, 연중무휴 <span>실시간 자동 충전이</span> 가능합니다.</p>
+                                                                        <p>- 이체 후 충전 확인까지 <span>최대 10분이 소요</span>됩니다.</p>
+                                                                        <p>- 이체금액에서 <span>부가세 10%가 제외되고 충전</span>됩니다.</p>												
                                                                         <!-- <p>- 예금주 : 문자온</p> -->
                                                                         <p>- 계좌번호 문자로 받기(일/3회까지) 
                                                                             <label for="" class="label">전화번호 입력</label>
@@ -970,20 +924,6 @@
                             </div>
                         </div>
 
-                        <div class="view_btnWrap">
-                            <button type="button" class="btnType">목록</button>
-                        </div>
-                        <ul class="list_prev-next">
-                            <li class="list_prev">
-                                <div><span>이전글<i></i></span></div>
-                                <div><a href="#none">이전이벤트</a></div>
-                            </li>
-                            <li class="list_next">
-                                <div><span>다음글<i></i></span></div>
-                                <div><a href="#none">다음이벤트</a>
-                                    <div>
-                            </li>
-                        </ul>
                     </div>
                 </div>
             </div><!-- 고객센터 - 상세페이지 -->
@@ -994,40 +934,9 @@
     </div>
     <!--// content 영역 -->
     <!-- footer 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/guide.html
--- src/main/webapp/publish/guide.html
+++ src/main/webapp/publish/guide.html
@@ -6,15 +6,11 @@
     <title>문자온 가이드</title>
 
     <style>
-        * {
-            list-style: none;
-            text-decoration: none;
-            color: #333;
-            padding: 0;
-            margin: 0;
-        }
-        .page {margin-bottom: 50px;margin-top: 10px;}
-        .page>li>a {font-weight: 800;width: 150px;display: inline-block;}
+        * {list-style: none;text-decoration: none;color: #333;padding: 0;margin: 0;}
+        .page {margin: 10px 0 50px 0;}
+        .page>li>a {position: relative;display: inline-block;width: auto;font-weight: 600;font-size: 14px;margin: 0 20px 0 0;padding: 0 0 0 8px;}
+        .page>li>a::after {position: absolute;content: "";width: 3px;height: 3px;background: #222;border-radius: 100%;left: 0;top: 10px;}
+        .page>li>b {display: block;font-size: 18px;font-weight: 800;color: #183c7c;margin: 20px 0 10px 0;}
         .font1 {font-weight: 600;color: darkblue;}
         .font2 {font-weight: 600;color: teal;}
     </style>
@@ -23,98 +19,212 @@
 <body style="width: 1200px;margin: 80px auto">
     <!-- <p>***<span class="font1"> (컨텐츠)</span> : 반복적으로 사용 안함</p>
     <p>***<span class="font2"> (보드)</span> : 반복적으로 사용</p> -->
+
     <ul class="page">
-        <li><a href="/publish/index.html">index.html</a>메인페이지</li>
-        <li><a href="/publish/sub1.html">sub1.html</a>문자전송(단문장문/대량) ++++ 전송내역, 엑셀불러오기, 주소록불러오기 팝업</li>
-        <li><a href="/publish/photo_editer.html">photo_editer.html</a>포토에디터(sub1 이미지 불러오기 클릭)</li>
-        <li><a href="/publish/mem1.html">mem1.html</a>회원가입_가입화면</li>
-        <li><a href="/publish/mem2.html">mem2.html</a>회원가입_약관동의 ++++ 본인인증1,2 팝업(2개) 동의 및 본인인증 클릭</li>
-        <li><a href="/publish/mem3.html">mem3.html</a>회원가입_정보입력</li>
-        <li><a href="/publish/mem4.html">mem4.html</a>회원가입_가입완료</li>
-        <li><a href="/publish/sub2.html">sub2.html</a>맞춤제작(맞춤제작 샘플/제작방법/내보관함) +팝업클릭</li>
-        <li><a href="/publish/popup_list.html">popup_list.html</a>팝업 리스트 --- 견적서 임시버튼</li>
-        <li><a href="/publish/mypage_index.html">mypage_index.html</a>마이페이지 메인화면</li>
-        <li><a href="/publish/mypage1.html">mypage1.html</a>로그인 - 로그인화면</li>
-        <li><a href="/publish/mypage2.html">mypage2.html</a>마이페이지 - 회원정보 변경(비밀번호 확인/개인, 기업회원정보 변경)</li>
-        <li><a href="/publish/mypage3.html">mypage3.html</a>마이페이지 - 기업회원 전환 작업안됨(디자인 컨펌x)</li>
-        <li><a href="/publish/mypage4.html">mypage4.html</a>마이페이지 - 비밀번호 변경</li>
-        <li><a href="/publish/mypage5.html">mypage5.html</a>마이페이지 - 발신번호 관리 +통신사 고객센터 팝업</li>
-        <li><a href="/publish/mypage6.html">mypage6.html</a>마이페이지 - 알림설정(수신알림/공지알림)</li>
-        <li><a href="/publish/mypage7.html">mypage7.html</a>마이페이지 - 회원탈퇴</li>
-        <li><a href="/publish/mypage8.html">mypage8.html</a>마이페이지 - 회원탈퇴 - 상세페이지</li>
-        <li><a href="/publish/mypage9.html">mypage9.html</a>로그인 - 아이디찾기/비밀번호 재설정</li>
-        <li><a href="/publish/service1.html">service1.html</a>고객센터 - 공지사항</li>
-        <li><a href="/publish/service2.html">service2.html</a>고객센터 - 이용안내(이용안내/개인정보처리방침/불법스팸방지안내) 내용 변경해야함</li>
-        <li><a href="/publish/service3.html">service3.html</a>고객센터 - 자주하는 질문</li>
-        <li><a href="/publish/service4.html">service4.html</a>고객센터 - 1:1 문의 - 문의페이지</li>
-        <li><a href="/publish/service5.html">service5.html</a>고객센터 - 이벤트</li>
-        <li><a href="/publish/service6.html">service6.html</a>고객센터 - 1:1 문의 - 리스트</li>
-        <li><a href="/publish/service7.html">service7.html</a>고객센터 - 상세페이지(공지사항/1:1문의/이벤트)</li>
-        <li><a href="/publish/payment1.html">payment1.html</a>결제관리 - 요금안내/견적내기 - 견적내기,요금안내(탭 2개) ++++ 포인트 교환 팝업(교환 클릭)</li>
-        <li><a href="/publish/payment2.html">payment2.html</a>결제관리 - 결제하기 - 신용카드,전용계좌,무통장입금,휴대폰결제,즉시이체(탭 5개)</li>
-        <li><a href="/publish/payment3.html">payment3.html</a>결제관리 - 요금 결제내역(+환불신청)</li>
-        <li><a href="/publish/payment4.html">payment4.html</a>결제관리 - 요금 사용내역</li>
-        <li><a href="/publish/payment5.html">payment5.html</a>결제관리 - 계산서/현금영수증 발행 등록 - 세금계산서,현금영수증(탭 2개)</li>
-        <li><a href="/publish/estimate.html">estimate.html</a>견적서(payment1 견적내기 - 발행하기 클릭(새창이랑 레이어 둘다만듦!!))</li>
-        <li><a href="/publish/adrbook1.html">adrbook1.html</a>주소록 관리 - 주소록 관리 ++++ 팝업(총 8개)</li>
-        <li><a href="/publish/adrbook2.html">adrbook2.html</a>주소록 관리 - 수신거부 관리 ++++ 팝업(총 4개)</li>
-        <li><a href="/publish/adrbook3.html">adrbook3.html</a>주소록 관리 - 주소록 입력 대행(무료)</li>
-        <li><a href="/publish/reservedmsg.html">reservedmsg.html</a>예약관리(리스트 전체, 발송대기, 발송중 발송완료 -총 4가지)++++ 레이어 팝업(리스트 첫줄 상세보기, 예약취소 2개)</li>
-        <li><a href="/publish/textingmsg.html">textingmsg.html</a>발송관리(리스트 전송건별, 개인별, 개인별(발송실패) -총 3가지) ++++ 레이어 팝업(상세보기 -- 예약문자와 같음)</li>
-        <li><a href="/publish/estimate2.html">estimate2.html</a>문자 발송내역</li>
-        <li><a href="/publish/index.html">index.html</a>챗봇 추가 (index 하단에 챗봇상담 클릭)</li>
-        <li><a href="/publish/sub3.html">sub3.html</a>선거문자전송(단문장문/대량) ++++ 후보자 등록 팝업</li>
-        <li><a href="/publish/adrbook4.html" style="color: #e40000;">adrbook4.html</a>폰주소록 등록(네이버(안드로이드, 아이폰),핸드폰 등록)</li>
-        <li><a href="/publish/estimate3.html" style="color: #e40000;">estimate3.html</a>간이영수증</li>
-        <li><a href="/publish/previewList1.html">previewList1.html</a>주소록관리 인쇄 미리보기 팝업</li>
-        <li><a href="/publish/previewList2.html">previewList2.html</a>주소록관리 내보내기 인쇄 미리보기 팝업</li>
-        <li><a href="/publish/email_form_dormant.html">email_form_dormant.html</a>휴면회원 메일</li>
+        <li><a target="_blank" href="/publish/index.html">index.html</a>메인</li>
+
+        <li><b>공통</b></li>
+        <li><a target="_blank" href="/publish/layout/_header.html">_header.html</a>header</li>
+        <li><a target="_blank" href="/publish/layout/_footer.html">_footer.html</a>footer</li>
+
+        <li><b>문자발송</b></li>
+        <li><a target="_blank" href="/publish/sub1.html">sub1.html</a>문자전송</li>
+        <li><a target="_blank" href="/publish/sub_election_v2024.html">sub_election_v2024.html</a>선거문자</li>
+        <li><a target="_blank" href="/publish/photo_editer.html">photo_editer.html</a>포토에디터</li>
+        <!-- ///////////////문자발송/////////////// -->
+
+
+        <li><b>카톡발송</b></li>
+        <li><a target="_blank" href="/publish/kakao_allimtalk_intro.html">kakao_allimtalk_intro.html</a>카카오톡 소개</li>
+        <li><a target="_blank" href="/publish/kakao_friendtalk_add.html">kakao_friendtalk_add.html</a> 카카오 친구톡 템플릿 등록</li>
+        <li><a target="_blank" href="/publish/kakao_use_guide.html">kakao_use_guide.html</a>알림톡 사용안내</li>
+        <li><a target="_blank" href="/publish/kakao_allimtalk_send.html">kakao_allimtalk_send.html</a>알림톡 전송</li>
+        <li><a target="_blank" href="/publish/testKakaoSendPop.html">testKakaoSendPop.html</a>카카오 테스트발송 팝업</li>
+        <li><a target="_blank" href="/publish/kakao_allimtalk_add.html">kakao_allimtalk_add.html</a>카카오톡 설정 > 알림톡 템플릿 등록</li>
+        <li><a target="_blank" href="/publish/reservedmsg_2023.html">reservedmsg_2023.html</a>예약관리 > 카카오톡</li>
+        <li><a target="_blank" href="/publish/kakao_friendtalk_send.html">kakao_friendtalk_send.html</a> 카카오 친구톡 전송</li>
+        <li><a target="_blank" href="/publish/kakao_texting_detail.html">kakao_texting_detail.html</a>개인별 실패/대기 있을 경우 팝업</li>
+        <li><a target="_blank" href="/publish/kakao_friendtalk_list.html">kakao_friendtalk_list.html</a> 카카오 친구톡 템플릿 관리</li>
+        <li><a target="_blank" href="/publish/popup_allimtalk_template_choice.html">popup_allimtalk_template_choice.html</a>알림톡 템플릿 선택</li>
+        <li><a target="_blank" href="/publish/kakao_allimtalk_list.html">kakao_allimtalk_list.html</a>카카오톡 설정 > 알림톡 템플릿 등록/관리</li>
+        <li><a target="_blank" href="/publish/kakao_profile_add.html">kakao_profile_add.html</a>카카오톡 설정 > 발신프로필 등록/관리</li>
+        <!-- ///////////////카톡발송/////////////// -->
+
+
+        <li><b>팩스발송</b></li>
+        <li><a target="_blank" href="/publish/fax_send.html">fax_send.html</a>팩스전송</li>
+        <!-- ///////////////팩스발송/////////////// -->
+
+
+        <li><b>맞춤제작</b></li>
+        <li><a target="_blank" href="/publish/sub2.html">sub2.html</a>맞춤제작</li>
+        <!-- ///////////////맞춤제작/////////////// -->
+
+
+        <li><b>주소록관리</b></li>
+        <li><a target="_blank" href="/publish/adrbook1.html">adrbook1.html</a>주소록 관리</li>
+        <li><a target="_blank" href="/publish/adrbook2.html">adrbook2.html</a>수신거부 관리</li>
+        <li><a target="_blank" href="/publish/adrbook3.html">adrbook3.html</a>주소록 입력 대행(무료)</li>
+        <li><a target="_blank" href="/publish/adrbook4.html">adrbook4.html</a>폰주소록 등록</li>
+        <li><a target="_blank" href="/publish/adrbook_fax.html">adrbook_fax.html</a>팩스 주소록 관리</li>
+        <!-- ///////////////주소록관리/////////////// -->
+
+
+        <li><b>발송결과</b></li>
+        <li><a target="_blank" href="/publish/textingmsg.html">textingmsg.html</a>발송관리</li>
+        <li><a target="_blank" href="/publish/textingmsg_detail.html">textingmsg_detail.html</a>발송관리 > 상세</li>
+        <li><a target="_blank" href="/publish/textingmsg_detail_allimtalk.html">textingmsg_detail_allimtalk.html</a>발송관리 > 상세(알림톡)</li>
+        <li><a target="_blank" href="/publish/estimate2.html">estimate2.html</a>문자 발송내역서</li>
+        <!-- ///////////////발송결과/////////////// -->
+
+
+        <li><b>예약문자관리</b></li>
+        <li><a target="_blank" href="/publish/reservedmsg.html">reservedmsg.html</a>예약관리</li>
+        <!-- ///////////////예약문자관리/////////////// -->
+
+
+        <li><b>결제관리</b></li>
+        <li><a target="_blank" href="/publish/payment1.html">payment1.html</a>요금안내/견적내기</li>
+        <li><a target="_blank" href="/publish/payment2.html">payment2.html</a>결제하기</li>
+        <li><a target="_blank" href="/publish/payment3.html">payment3.html</a>요금 결제내역</li>
+        <li><a target="_blank" href="/publish/payment4.html">payment4.html</a>요금 사용내역(table 수정 안함)</li>
+        <li><a target="_blank" href="/publish/payment5.html">payment5.html</a>세금계산서 발행 등록</li>
+        <li><a target="_blank" href="/publish/payment6.html">payment6.html</a>요금사용내역(후불회원)</li>
+        <li><a target="_blank" href="/publish/estimate.html">estimate.html</a>견적서</li>
+        <li><a target="_blank" href="/publish/use_statement.html">use_statement.html</a>사용내역서 팝업</li>
+        <li><a target="_blank" href="/publish/transaction_statement.html">transaction_statement.html</a>거래명세서 팝업</li>
+        <!-- ///////////////결제관리/////////////// -->
+
+
+        <li><b>회원가입, 로그인, 고객센터</b></li>
+
+        <li><a target="_blank" href="/publish/mem1.html">mem1.html</a>회원가입_가입화면</li>
+        <li><a target="_blank" href="/publish/mem2.html">mem2.html</a>회원가입_약관동의</li>
+        <li><a target="_blank" href="/publish/mem3.html">mem3.html</a>회원가입_정보입력</li>
+        <li><a target="_blank" href="/publish/mem4.html">mem4.html</a>회원가입_가입완료</li>
+        <!-- ///////////////회원가입/////////////// -->
+
+
+        <li>====================================================================================================================================================</li>
+
+
+        <li><a target="_blank" href="/publish/mypage_index.html">mypage_index.html</a>마이페이지>대시보드</li>
+        <!-- ///////////////마이페이지 대시보드드/////////////// -->
+
+
+        <li>====================================================================================================================================================</li>
+
+
+        <li><a target="_blank" href="/publish/mypage1.html">mypage1.html</a>로그인</li>
+        <li><a target="_blank" href="/publish/security_login_ajax.html">security_login_ajax.html</a>로그인 > 보안 로그인</li>
+        <li><a target="_blank" href="/publish/mypage1_dormant_member.html">mypage1_dormant_member.html</a>로그인 > 장기 미이용</li>
+        <li><a target="_blank" href="/publish/mypage1_dormant_member2.html">mypage1_dormant_member2.html</a>로그인 > 장기 미이용 > 확인절차</li>
+        <li><a target="_blank" href="/publish/mypage9.html">mypage9.html</a>로그인 > 아이디찾기/비밀번호 재설정</li>
+        <li><a target="_blank" href="/publish/mypage9_id.html">mypage9_id.html</a>로그인 > 아이디찾기/비밀번호 재설정 > 아이디 찾기 완료</li>
+        <li><a target="_blank" href="/publish/mypage9_password.html">mypage9_password.html</a>로그인 > 아이디찾기/비밀번호 재설정 > 비밀번호 재설정</li>
+        <!-- ///////////////로그인/////////////// -->
+
+
+        <li>====================================================================================================================================================</li>
+
+
+        <li><a target="_blank" href="/publish/mypage2.html">mypage2.html</a>마이페이지 > 회원정보 변경</li>
+
+        <li><a target="_blank" href="/publish/member_info_change_passwordCheck.html">member_info_change_passwordCheck.html</a>마이페이지 > 비밀번호 확인</li>
+        <li><a target="_blank" href="/publish/member_info_change_company.html">member_info_change_company.html</a>마이페이지 > 기업 회원정보 변경</li>
+        <li><a target="_blank" href="/publish/member_info_change_person.html">member_info_change_erson.html</a>마이페이지 > 회원정보 변경</li>
+
+        <li><a target="_blank" href="/publish/mypage3.html">mypage3.html</a>마이페이지 > 기업회원 전환</li>
+        <li><a target="_blank" href="/publish/mypage3_return.html">mypage3_return.html</a>마이페이지 > 기업회원 전환 > 반려상태</li>
+        <li><a target="_blank" href="/publish/mypage4.html">mypage4.html</a>마이페이지 > 비밀번호 변경</li>
+        <li><a target="_blank" href="/publish/mypage5.html">mypage5.html</a>마이페이지 > 발신번호 관리</li>
+        <li><a target="_blank" href="/publish/mypage5_2.html">mypage5_2.html</a>마이페이지 > 발신번호 관리 > 번호 추가</li>
+        <li><a target="_blank" href="/publish/mypage6.html">mypage6.html</a>마이페이지 > 알림설정</li>
+        <li><a target="_blank" href="/publish/mypage7.html">mypage7.html</a>마이페이지 > 회원탈퇴</li>
+        <li><a target="_blank" href="/publish/mypage8.html">mypage8.html</a>마이페이지 > 회원탈퇴 > 상세</li>
+        <li><a target="_blank" href="/publish/mypage_security_login.html">mypage_security_login.html</a>마이페이지 > 보안로그인</li>
+        <!-- ///////////////마이페이지/////////////// -->
+
+
+        <li>====================================================================================================================================================</li>
+
+
+        <li><a target="_blank" href="/publish/service1.html">service1.html</a>고객센터 > 공지사항</li>
+        <li><a target="_blank" href="/publish/service2.html">service2.html</a>고객센터 > 이용약관</li>
+        <li><a target="_blank" href="/publish/service3.html">service3.html</a>고객센터 > 자주하는 질문</li>
+        <li><a target="_blank" href="/publish/service4.html">service4.html</a>고객센터 > 1:1 문의</li>
+        <li><a target="_blank" href="/publish/service4_2.html">service4_2.html</a>고객센터 > 1:1 문의 > 등록</li>
+        <li><a target="_blank" href="/publish/service5.html">service5.html</a>고객센터 > 이벤트</li>
+        <li><a target="_blank" href="/publish/service6.html">service6.html</a>고객센터 > 불편신고</li>
+        <li><a target="_blank" href="/publish/service7.html">service7.html</a>고객센터 > 상세(공지사항/1:1문의/불편신고/이벤트)</li>
+        <!-- ///////////////고객센터/////////////// -->
+
+
+        <li>====================================================================================================================================================</li>
+
+        
+        <li><a target="_blank" href="/publish/firstpay_event.html">firstpay_event.html</a>첫결제 이벤트</li>
+        <li><a target="_blank" href="/publish/firstpay_event2.html">firstpay_event2.html</a>첫결제 이벤트 > 결제</li>
+        <!-- ///////////////첫결제 이벤트/////////////// -->
+
+
+        <li><b>팝업</b></li>
+        <li><a target="_blank" href="/publish/info_popup.html">사용안내 팝업</a></li>
+        <li><a target="_blank" href="/publish/popup_list.html">popup_list.html</a>팝업 리스트</li>
+        <li><a target="_blank" href="/publish/popup_pay_complete.html">popup_pay_complete.html</a>결제완료 팝업</li>
+        <li><a target="_blank" href="/publish/popup_fax_detail.html">popup_fax_detail.html</a>팩스전송결과 팝업</li>
+        <li><a target="_blank" href="/publish/popup_allimtalk_template_choice.html">popup_allimtalk_template_choice.html</a> 알림톡 템플릿 선택 팝업</li>
+        <li><a target="_blank" href="/publish/popup_friendtalk_template_choice.html">popup_friendtalk_template_choice.html</a> 친구톡 템플릿 선택 팝업</li>
+        <li><a target="_blank" href="/publish/previewList1.html">previewList1.html</a>주소록관리 인쇄 미리보기 팝업</li>
+        <li><a target="_blank" href="/publish/previewList2.html">previewList2.html</a>주소록관리 내보내기 인쇄 미리보기 팝업</li>
+        <li><a target="_blank" href="/publish/estimate.html">estimate.html</a>견적서</li>
+        <li><a target="_blank" href="/publish/estimate2.html">estimate2.html</a>문자 발송내역서서</li>
+        <li><a target="_blank" href="/publish/estimate3.html">estimate3.html</a>간이영수증</li>
+        <li><a target="_blank" href="/publish/kisa_management_ledger.html">kisa_management_ledger.html</a>KISA 신고 관리 대장</li>
+        <li><a target="_blank" href="/publish/testKakaoSendPop.html">testKakaoSendPop.html</a>테스트 발송 팝업</li>
+        <li><a target="_blank" href="/publish/use_statement.html">use_statement.html</a>사용내역서 팝업</li>
+        <!-- ///////////////팝업/////////////// -->
+
+
+        <li><b>기타</b></li>
+        <li><a target="_blank" href="/publish/email_form_dormant.html">email_form_dormant.html</a>휴면회원 메일</li>
+        <li><a target="_blank" href="/publish/intro_service.html">intro_service.html</a>문자온 소개 > 서비스 소개</li>
+        <li><a target="_blank" href="/publish/intro_function.html">intro_function.html</a>문자온 소개 > 주요기능</li>
+        <li><a target="_blank" href="/publish/intro_bestsample.html">intro_bestsample.html</a>문자온 소개 > 베스트문자샘플</li>
+        <!-- ///////////////기타/////////////// -->
+
+
+        <li><b>API</b></li>
+        <li><a target="_blank" href="/publish/api_admin4.html">api_admin4.html</a>API > 신청/관리 (API 사용 승인 후 IP 등록 후) </li>
+        <li><a target="_blank" href="/publish/api_admin3.html">api_admin3.html</a>API > 신청/관리 (API 사용 승인 후 IP 등록 전) </li>
+        <li><a target="_blank" href="/publish/api_admin2.html">api_admin2.html</a>API > 신청/관리 (API 사용 신청 후 심사중의 경우) </li>
+        <li><a target="_blank" href="/publish/api_admin1.html">api_admin1.html</a>API > 신청/관리 (API 사용 미신청의 경우) </li>
+        <li><a target="_blank" href="/publish/api_download.html">api_download.html</a>API > 예제 다운로드</li>
+        <li><a target="_blank" href="/publish/api_guide.html">api_guide.html</a>API > API 사용안내</li>
+        <li><a target="_blank" href="/publish/api_intro.html">api_intro.html</a>API > 문자 API 소개</li>
+        <!-- ///////////////API/////////////// -->
+
+
+        <li><b>광고</b></li>
+        <li><a target="_blank" href="/publish/publish_adv/send_group_text.html">send_group_text.html</a>텍스트 수정, 메인화면 이동 버튼 추가</li>
+        <li><a target="_blank" href="/publish/publish_text/send_text.html">send_text.html</a>문자보내기</li>
+        <li><a target="_blank" href="/publish/publish_text/text_send.html">text_send.html</a>문자발송</li>
+        <li><a target="_blank" href="/publish/publish_text/multi_text.html">multi_text.html</a>단체문자</li>
+        <!-- ///////////////광고/////////////// -->
+
+
+        <li><b>이메일 폼</b></li>
+        <li><a target="_blank" href="/publish/email_form_dormant.html">email_form_dormant.html</a>휴면회원전환 메일</li>
+        <li><a target="_blank" href="/publish/email_form_terms.html">email_form_terms.html</a>서비스 이용약관 개정</li>
+        <li><a target="_blank" href="/publish/email_form_terms_2024_clause.html">email_form_terms_2024_clause.html</a>서비스 이용약관 개정</li>
+        <li><a target="_blank" href="/publish/email_form_terms_2024_privacy.html">email_form_terms_2024_privacy.html</a>개인정보처리방침 개정</li>
+        <!-- ///////////////이메일 폼/////////////// -->
+         
+
+
     </ul>
-    
-    <strong style="font-weight: 900;font-size: 21px;">전달사항</strong>
-    <p></p>
-    <!-- 진행사항 -->
-    <strong style="margin-top: 20px;font-weight: 900;font-size: 21px;display: inline-block">진행사항</strong>
-    <p>main page 완료 ---- 3/22</p>
-    <p>sub1 문자발송 완료(단문장문그림 문자, 엑셀 문자) ---- 3/26</p>
-    <p>포토에디터 완료 ---- 3/31</p>
-    <p>회원가입_가입화면 완료 ---- 4/9</p>
-    <p>회원가입 모두 완료 ---- 4/14</p>
-    <p>포토에디터 추가 수정 및 드래그 기능 추가 ---- 4/16</p>
-    <p>맞춤제작 + 팝업 ---- 4/20</p>
-    <p>팝업리스트(불러오기, 전송내역)</p>
-    <p>마이페이지 - 회원정보 변경, 비밀번호 변경, 기업회원 전환  ---- 4/28</p>
-    <p>마이페이지 - 회원해지, 로그인화면  ---- 4/29</p>
-    <p>캘린더 변경  ---- 4/30</p>
-    <p>sub1 특수문자, 특수문자 일괄변환 팝업 ---- 5/7</p>
-    <p>고객센터 - 공지사항,자주하는 질문 완료 ---- 5/10</p>
-    <p>고객센터 - 이벤트, 1:1문의 완료 ---- 5/11</p>
-    <p>마이페이지 - 알림설정, 발신번호 관리(+팝업), 회원탈퇴 ---- 5/12</p>
-    <p>마이페이지 - 회원탈퇴 상세페이지, 고객센터 1:1 문의 리스트, 고객센터 상세페이지+답변페이지 ---- 5/13</p>
-    <p>결제내역 - 요금결제내역, 사용내역,세금계산서/영수증 완료 ---- 5/21</p>
-    <p>고객센터 - 이용안내 ---- 5/24</p>
-    <p>충전하기 ---- 5/25</p>
-    <p>결제관리(충전하기,결제내역 합침) ---- 6/2</p>
-    <p>아이디 찾기/비밀번호 변경 ---- 6/2</p>
-    <p>견적서(새창팝업)</p>
-    <p>주소록관리 - 주소록관리, 주소록 입력 대행 ---- 6/3</p>
-    <p>포인트 교환 팝업 (payment1 login 쪽 교환 버튼 클릭), 본인인증 팝업(mem2 동의 및 본인인증 클릭) ---- 6/3</p>
-    <p>주소록 관리 팝업 (adrbook1에 숨어있어서 꼭 여쭤봐주세요) ---- 6/7</p>
-    <p>예약관리 + 상세보기, 예약취소 팝업 ---- 6/8</p>
-    <p>sub1 주소록 불러오기 팝업 ---- 6/9</p>
-    <p>발송관리 + 상세보기 팝업 ---- 6/10</p>
-    <p>주소록 관리 - 수신거부 관리 팝업 ---- 6/11</p>
-    <p>견적내기 + 견적서 팝업, 대량문자 수정 ---- 6/16</p>
-    <p>문자 발송내역서(새창팝업) ---- 6/17</p>
-    <p>챗봇 추가 ---- 6/17</p>
-    <p>아이디찾기, 비밀번호 변경 페이지 추가, 선거문자 + 후보자 등록 팝업 ---- 6/18</p>
-    <p>mypage dashboard(mypage_index.html) 추가 ---- 6/21</p>
-    <p>광고문자 관련법규 안내(전송규정/수신동의), 선거문자 발송규정, 선거문자 이용안내 팝업 ---- 7/6</p>
-    <p>문자발송 오류검사, 테스트 발송 물음표 호버시 팝업 나옴 ---- 7/7</p>
-    <p>주소록 관리 전송하기 옆 물음표 호버시 팝업 나옴 ---- 7/8</p>
-    <p>발송관리 그룹등록 팝업 추가 ---- 7/28</p>
-    <!-- 진행계획 -->
-    <strong style="margin-top: 20px;font-weight: 900;font-size: 21px;display: inline-block;">진행계획</strong>
-    
+
+
 </body>
-</html>
+
+</html>
(No newline at end of file)
src/main/webapp/publish/index.html
--- src/main/webapp/publish/index.html
+++ src/main/webapp/publish/index.html
@@ -1,43 +1,78 @@
-<!DOCTYPE html>
 <html lang="ko">
 
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>문자온</title>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>단체문자 대량문자발송 인터넷 웹문자 사이트 - 문자온</title>
+	<meta name="Keywords" content="문자사이트, 대량문자, 단체문자, 문자발송, 문자전송, 인터넷문자, 단체문자사이트, 대량문자발송, 문자보내기, 단체문자발송">
+	<meta name="description" content="단체문자보내기,대량문자전송,문자사이트,인터넷,컴퓨터로 문자메세지보내기,웹발신문자,LMS문자,MMS문자,WEB발신">
+	<meta property="og:type" content="website">
+	<meta property="og:title" content="단체문자 대량문자발송 인터넷 웹문자 사이트 - 문자온">
+	<meta property="og:description" content="단체문자보내기,대량문자전송,문자사이트,인터넷,컴퓨터로 문자메세지보내기,웹발신문자,LMS문자,MMS문자,WEB발신">
+	<meta property="og:image" content="https://www.munjaon.co.kr/publish/images/favicon/ms-icon-144x144.png">
+	<meta property="og:url" content="https://www.munjaon.co.kr/web/main/mainPage.do">
 
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="/publish/css/reset.css">
-    <link rel="stylesheet" href="/publish/css/common.css">
-    <link rel="stylesheet" href="/publish/css/button.css">
-    <link rel="stylesheet" href="/publish/css/main.css">
-    <link rel="stylesheet" href="/publish/css/content.css">
-    <link rel="stylesheet" href="/publish/css/slick.css">
-    <link rel="stylesheet" href="/publish/css/font.css">
-    <link rel="stylesheet" href="/publish/css/chatbot_style.css">
-    <link rel="stylesheet" href="/publish/css/popupLayer.css">
-    <link rel="stylesheet" href="/publish/css/swiper.min.css">
-    
-    <script src="/publish/js/jquery-3.5.0.js"></script>
-    <script src="/publish/js/jquery.bxslider.js"></script>
-    <script src="/publish/js/slick.js"></script>
-    <script src="/publish/js/slick.min.js"></script>
-    <script src="/publish/js/common.js"></script>
-    <script src="/publish/js/main.js"></script>
-    <script src="/publish/js/popupLayer.js"></script>
-    <script src="/publish/js/swiper.min.js"></script>
+	<meta name="msapplication-TileColor" content="#ffffff">
+	<meta name="msapplication-TileImage" content="/publish/images/favicon/ms-icon-144x144.png">
+	<meta name="theme-color" content="#ffffff">
+	<meta property="og:image" content="/publish/images/kakao.jpg">
+
+	<!-- 파비콘 -->
+
+	<link rel="canonical" href="https://www.munjaon.co.kr/web/main/mainPage.do">
+	<link rel="apple-touch-icon" sizes="57x57" href="/publish/images/favicon/apple-icon-57x57.png">
+	<link rel="apple-touch-icon" sizes="60x60" href="/publish/images/favicon/apple-icon-60x60.png">
+	<link rel="apple-touch-icon" sizes="72x72" href="/publish/images/favicon/apple-icon-72x72.png">
+	<link rel="apple-touch-icon" sizes="76x76" href="/publish/images/favicon/apple-icon-76x76.png">
+	<link rel="apple-touch-icon" sizes="114x114" href="/publish/images/favicon/apple-icon-114x114.png">
+	<link rel="apple-touch-icon" sizes="120x120" href="/publish/images/favicon/apple-icon-120x120.png">
+	<link rel="apple-touch-icon" sizes="144x144" href="/publish/images/favicon/apple-icon-144x144.png">
+	<link rel="apple-touch-icon" sizes="152x152" href="/publish/images/favicon/apple-icon-152x152.png">
+	<link rel="apple-touch-icon" sizes="180x180" href="/publish/images/favicon/apple-icon-180x180.png">
+	<link rel="icon" type="image/png" sizes="192x192" href="/publish/images/favicon/android-icon-192x192.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="/publish/images/favicon/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="96x96" href="/publish/images/favicon/favicon-96x96.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="/publish/images/favicon/favicon-16x16.png">
+	<link rel="manifest" href="/publish/images/favicon/manifest.json">
+
+	<!-- css -->
+	<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&amp;display=swap">
+	<link rel="stylesheet" href="/publish/css/reset.css">
+	<link rel="stylesheet" href="/publish/css/common.css">
+	<link rel="stylesheet" href="/publish/css/button.css">
+	<link rel="stylesheet" href="/publish/css/main.css">
+	<link rel="stylesheet" href="/publish/css/content.css">
+	<link rel="stylesheet" href="/publish/css/mem.css">
+	<link rel="stylesheet" href="/publish/css/slick.css">
+	<link rel="stylesheet" href="/publish/css/font.css">
+	<link rel="stylesheet" href="/publish/css/chatbot_style.css">
+	<link rel="stylesheet" href="/publish/css/popupLayer.css">
+	<link rel="stylesheet" href="/publish/css/swiper.min.css">
+
+	<!-- script -->
+	<script src="/publish/js/jquery-3.5.0.js"></script>
+	<script src="/publish/js/jquery.bxslider.js"></script>
+	<script src="/publish/js/slick.js"></script>
+	<script src="/publish/js/slick.min.js"></script>
+	<script src="/publish/js/common.js"></script>
+	<script src="/publish/js/main.js"></script>
+	<script src="/publish/js/popupLayer.js"></script>
+	<script src="/publish/js/swiper.min.js"></script>
 
 </head>
+
 <body>
-    <div class="mask"></div>
+	<img referrerpolicy="no-referrer-when-downgrade" src="http://mtm.iten.co.kr:9999/matomo.php?idsite=1&amp;rec=1" style="border:0" alt="">
+
+	<div class="mask"></div>
 
 	<div class="layer_popup_wrap">
 		<div class="popup_inner">
 			<div class="layer_popup">
 				<div class="layer_popup_cont">
-					<img src="/publish/images/main/popup01.jpg" alt=""usemap="#popup-map">
+					<img src="/publish/images/main/popup01.jpg" alt="" usemap="#popup-map">
 					<map name="popup-map">
-						<area target="_blank"  href="/publish/firstpay_event.html" coords="385,458,28,410" shape="rect">
+						<area target="_blank" href="/publish/firstpay_event.html" coords="385,458,28,410" shape="rect">
 					</map>
 				</div>
 				<div class="popup_btm">
@@ -57,856 +92,1453 @@
 		</div>
 	</div>
 
-
-    <!-- skip 메뉴  -->
-    <div class="skip_menu">
-
-        <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-    </div><!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu main">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="#"><i class="quick2"></i><span>카톡상담</span></a>
-                    <div class="hover_cont">카톡상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick10"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-				<li>
-                    <a href="#"><i class="quick5"></i><span>폰주소록 등록</span></a>
-                    <div class="hover_cont">폰주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 대량전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제관리</span></a>
-                    <div class="hover_cont">결제관리</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>계산서/영수증</span></a>
-                    <div class="hover_cont">계산서/영수증</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div><!--// quick 메뉴 -->
-
-    <!-- 챗봇 -->
-	<div class="tooltip-wrap">
-		<div class="chatBotPop chat_01" tabindex="0" data-tooltip-con="chat_01" data-focus="chat_01"
-			data-focus-prev="chat01-close">
-			<div class="top_close">
-				<button type="button" class="tooltip-close btn_close" data-focus="chat01-close"><img
-						src="/publish/images/chatbot/btn_close.png" alt=""></button>
-			</div>
-			<div class="area_text">
-				<p class="tit_text">챗봇 상담원 <span>온리</span></p>
-				<p class="info_text">문자온 서비스 이용전반에 대한 궁금하신 사항을 실시간으로 확인할 수 있습니다.</p>
-			</div>
-			<div class="icon">
-				<img src="/publish/images/chatbot/character_munzaon01.png" alt="">
-			</div>
-			<ul class="btn_wrap">
-				<li><button class="btn_kakao" title="카카오톡으로 상담하기"></button>
-					<div class="hover_cont">카카오톡 상담하기</div>
-				</li>
-				<li><button class="btn_copy" title="URL복사"></button>
-					<div class="hover_cont">URL복사</div>
-				</li>
-				<li><button class="btn_call" title="전화상담"></button>
-					<div class="hover_cont">전화상담</div>
-				</li>
-			</ul>
-
-			<button type="button" class="btn_start tooltip-close" data-tooltip="chat_02" data-focus="chat01-close">시작해볼까요? </button>
-		</div>
+	<!-- skip 메뉴  -->
+	<div class="skip_menu">
+		<a href="#cont" title="본문 바로가기" class="contGo" rel="nosublink">본문 바로가기</a>
 	</div>
+	<!--// skip 메뉴  -->
 
-	<div class="tooltip-wrap">
-		<div class="chatBotPop chat_02" tabindex="0" data-tooltip-con="chat_02" data-focus="chat_02"
-			data-focus-prev="chat02-close">
-			<!-- partial:index.partial.html -->
-			<section class="msger">
-				<header class="msger-header">
-					<div class="msger-header-title">
-						<p>문자온</p><img src="/publish/images/chatbot/tit_icon1.png" alt="">
-						<span>보통 몇분 내에 응답합니다.</span>
-					</div>
-					<button class="tooltip-close btn_close" data-focus="chat01-close"><img
-							src="/publish/images/chatbot/btn_close.png" alt=""></button>
-				</header>
-				<main class="msger-chat">
-					<div class="msg left-msg">
-						<div class="msg-img"></div>
+	<!--// 요금안내 top 배너 시작 -->
+	<img class="price_top_banner" src="/publish/images/level/top_banner.png" alt="최저 8.1원 요금안내" usemap="#topbanner">
+	<map name="topbanner">
+		<area shape="poly" coords="45,165,194,164,182,183,155,200,124,208,85,202,63,187,46,167" href="https://www.munjaon.co.kr/web/pay/PayGuide.do" alt="">
+	</map>
+	<!--// 요금안내 top 배너 끝-->
 
-						<div class="msg-bubble">
-							<div class="msg-info">
-								<div class="msg-info-name">문자온</div>
-								<div class="msg-info-time">PM 3:45</div>
-							</div>
+	<!--// quick 메뉴 시작 -->
+	<!--quick 메뉴 변경전
+    <div class="quickMenu">
+    <div>
+      <p class="quick_title">QUICK<br>MENU</p>
+      <p class="quick_title2">QUICK</p>
+      <ul class="quickMenuIn">
+        <li>
+          <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
+          <div class="hover_cont">이용안내</div>
+        </li>
+        <li>
+          <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
+          <div class="hover_cont">채팅상담</div>
+        </li>
+        <li>
+          <a href="#"><i class="quick3"></i><span>원격지원</span></a>
+          <div class="hover_cont">원격지원</div>
+        </li>
+        <li>
+          <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
+          <div class="hover_cont">맞춤제작</div>
+        </li>
+        <li>
+          <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
+          <div class="hover_cont">주소록 등록</div>
+        </li>
+        <li>
+          <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
+          <div class="hover_cont">엑셀 대량전송</div>
+        </li>
+        <li>
+          <a href="#"><i class="quick7"></i><span>견적서</span></a>
+          <div class="hover_cont">견적서</div>
+        </li>
+        <li>
+          <a href="#"><i class="quick8"></i><span>결제</span></a>
+          <div class="hover_cont">결제</div>
+        </li>
+        <li>
+          <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
+          <div class="hover_cont">영수증/계산서</div>
+        </li>
+      </ul>
+      <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
+    </div>
+  </div>
+  -->
+	<!--quick 메뉴 변경후 시작-->
+	<div class="quickMenu main">
+		<div>
+			<p class="quick_title">QUICK<br>MENU</p>
+			<p class="quick_title2">QUICK</p>
+			<ul class="quickMenuIn">
+				<!--  
+            <li>
+                <a href="#" rel="nosublink"><i class="quick2"></i><span>카톡상담</span></a>
+                <div class="hover_cont">카톡상담</div>
+            </li>
+            <li>
+                <a href="#" rel="nosublink"><i class="quick3"></i><span>원격지원</span></a>
+                <div class="hover_cont">원격지원</div>
+            </li>
+            -->
+				<!-- 맞춤제작
+            <li>
+                <a href="/web/pay/PayGuide.do" rel="nosublink"><i class="quick4"></i><span>맞춤제작</span></a>
+                <div class="hover_cont">맞춤제작</div>
+            </li>
+             -->
+				<li>
+					<a href="/web/pay/PayGuide.do" rel="nosublink"><i class="quick12"></i><span>요금안내</span></a>
+					<div class="hover_cont">요금안내</div>
+				</li>
+				<li>
+					<a href="/web/mjon/addr/selectAddrList.do" rel="nosublink"><i class="quick10"></i><span>주소록 관리</span></a>
+					<div class="hover_cont">주소록 관리</div>
+				</li>
+				<li>
+					<a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a>
+					<div class="hover_cont">발신번호 관리</div>
+				</li>
+				<li style="margin-top: 1px;">
+					<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a>
+					<div class="hover_cont">엑셀 대량전송</div>
+				</li>
+				<li>
+					<a href="/web/pay/PayGuide.do?tabType=2" rel="nosublink"><i class="quick7"></i><span>견적서</span></a>
+					<div class="hover_cont">견적서</div>
+				</li>
+				<li style="margin-top: 1px;">
+					<a href="/web/member/pay/PayList.do" rel="nosublink"><i class="quick8"></i><span>결제관리</span></a>
+					<div class="hover_cont">결제관리</div>
+				</li>
+				<!-- 
+            <li>
+                <a href="/web/member/pay/BillPub.do" rel="nosublink"><i class="quick9"></i><span>계산서/영수증</span></a>
+                <div class="hover_cont">계산서/영수증</div>
+            </li>
+             -->
+				<li>
+					<a href="/web/member/pay/BillPub.do" rel="nosublink"><i class="quick9"></i><span>세금계산서</span></a>
+					<div class="hover_cont">세금계산서</div>
+				</li>
+				<li class="cscenter">
+					<a href="/web/cop/bbs/NoticeList.do" rel="nosublink"><i class="quick11"></i><span>고객센터</span></a>
+					<div class="hover_cont">
+						<div class="title">고객센터</div>
+						<div class="number">1551-8011</div>
 
-							<div class="msg-text">
-								안녕하세요. 문자온 서비스 이용에 대한 궁금하신 사항을 무엇이든 물어보세요!
-							</div>
+						<ul class="info">
+							<li>· 월~금 : 09:30 ~ 18:30</li>
+							<li>· 점심시간 : 13:00 ~ 14:00</li>
+							<li>· 토, 일요일 및 법정공휴일 휴무</li>
+						</ul>
+						<div class="cskakao">
+							<a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank" rel="nosublink">카톡 상담</a>
+							<a href="javascript:void(0);" class="remote" onclick="remotePop('https://939.co.kr/munjaon/');" rel="nosublink">원격지원</a>
 						</div>
 					</div>
-				</main>
-
-				<form class="msger-inputarea">
-					<input type="text" class="msger-input" id="textInput" placeholder="">
-					<button type="button" class="msger-send-btn" onclick="fn_submit();"><img
-							src="/publish/images/chatbot/btn_send.png" alt=""></button>
-				</form>
-			</section>
-			<!-- partial -->
-			<script src='https://use.fontawesome.com/releases/v5.0.13/js/all.js'></script>
-			<script>
-				/*
-		const msgerForm = get(".msger-inputarea");
-		const msgerInput = get(".msger-input");
-		const msgerChat = get(".msger-chat");
-		*/
-
-				const msgerInput = $(".msger-input");
-				const msgerChat = $(".msger-chat");
-
-
-				// Icons made by Freepik from www.flaticon.com
-				const BOT_IMG = "https://image.flaticon.com/icons/svg/327/327779.svg";
-				const PERSON_IMG = "https://image.flaticon.com/icons/svg/145/145867.svg";
-				const BOT_NAME = "AI ChatBot";
-				const PERSON_NAME = "You";
-
-
-				/*
-				msgerForm.addEventListener("submit", event => {
-					event.preventDefault();
-
-					const msgText = msgerInput.value;
-					if (!msgText) return;
-
-					appendMessage(PERSON_NAME, PERSON_IMG, "right", msgText);
-					msgerInput.value = "";
-					botResponse(msgText);
-				});
-				*/
-
-				$("#textInput").keypress(function (e) {
-					if ((e.which == 13) && document.getElementById("textInput").value == "") {
-						event.preventDefault();
-						return;
-					}
-					if ((e.which == 13) && document.getElementById("textInput").value != "") {
-
-						event.preventDefault();
-						var msgText = msgerInput.val();
-						appendMessage(PERSON_NAME, PERSON_IMG, "right", msgText);
-						msgerInput.val("");
-						botResponse(msgText);
-					}
-				});
-
-				function appendMessage(name, img, side, text) {
-					//   Simple solution for small apps
-					const msgHTML = '<div class="msg ' + side + '-msg">' + '<div class="msg-bubble">' +
-						'<div class="msg-info">' +
-						'<div class="msg-info-name">' + name + '</div>' +
-						'<div class="msg-info-time">' + formatDate(new Date()) + '</div>' +
-						'</div>'
-
-						+
-						'<div class="msg-text">' + text + '</div>' +
-						'</div>' +
-						'</div>';
-
-					/*
-			const msgHTML = '
-<div class="msg ${side}-msg">
-  <div class="msg-img" style="background-image: url(${img})"></div>
-
-  <div class="msg-bubble">
-    <div class="msg-info">
-      <div class="msg-info-name">${name}</div>
-      <div class="msg-info-time">${formatDate(new Date())}</div>
-    </div>
-
-    <div class="msg-text">${text}</div>
-  </div>
-</div>
-';
-*/
-
-					$(".msger-chat").append(msgHTML);
-					//msgerChat.insertAdjacentHTML("beforeend", msgHTML);
-					//msgerChat.scrollTop += 500;
-					$(".msger-chat")[0].scrollTop += 500;
-				}
-
-				function botResponse(rawText) {
-
-					// Bot Response
-					$.get("/get", {
-						msg: rawText
-					}).done(function (data) {
-						console.log(rawText);
-						console.log(data);
-						const msgText = data;
-						appendMessage(BOT_NAME, BOT_IMG, "left", msgText);
-
-					});
-
-				}
-
-
-				// Utils
-				/*		function get(selector, root = document) {
-							return root.querySelector(selector);
-						}*/
-
-				function formatDate(date) {
-					const h = "0" + date.getHours();
-					const m = "0" + date.getMinutes();
-
-					return h.slice(-2) + ':' + m.slice(-2);
-				}
-
-				function fn_submit() {
-
-					if (document.getElementById("textInput").value != "") {
-
-						event.preventDefault();
-						var msgText = msgerInput.val();
-						appendMessage(PERSON_NAME, PERSON_IMG, "right", msgText);
-						msgerInput.val("");
-						botResponse(msgText);
-					}
-
-				}
-			</script>
-
+				</li>
+			</ul>
+			<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
 		</div>
+		<div class="quick_kakaobtn main"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank" rel="nosublink">카카오톡 상담</a></div>
 	</div>
-	<!-- //챗봇 -->
+	<!--// quick 메뉴 끝 -->
 
-    <!-- header 영역 -->
-    <header id="header" class="header main">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자ON CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <!-- <li><a href="#">비즈톡</a></li> -->
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                        </select>
-                    <input type="text" placeholder="문자샘플 검색하기">
-                    <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-                </div>
-            </div><!--// search popup 영역 -->
-        </div><!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <input type="text" id="id_text" class="id_text" maxlength="30" placeholder="아이디를 입력해주세요" onfocus="this.placeholder = ''" onblur="this.placeholder='아이디를 입력해주세요'">
-                        <label for="id_text" class="label">아이디를 입력해주세요</label>
-                        <input type="password" id="password_text" class="password_text" placeholder="비밀번호를 입력해주세요" onfocus="this.placeholder = ''" onblur="this.placeholder='비밀번호를 입력해주세요'">
-                        <label for="password_text" class="label">비밀번호를 입력해주세요</label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div><!--// login 영역 -->
-    </header><!--// header 영역 -->
-    <div class="mask2"></div>
-    <!-- login 영역 -->
-    <!-- content 영역 -->
-    <div id="container" class="cont main">
-        <!-- visual 영역 -->
-        <div class="visual">
-            <div class="bxslider">
-                <div class="slide">
-                    <div class="slideImg img1"></div>
-                </div>
-                <div class="slide">
-                    <div class="slideImg img2"></div>
-                </div>
-            </div>
-            <div class="slideBtn">
-                <ul>
-                    <li class="active"><button onclick="slideNum(0,this);" class="sildeRnd"></button></li>
-                    <li><button onclick="slideNum(1,this);" class="sildeRnd"></button></li>
-                    <li><button class="slideStart"></button></li>
-                    <li><button class="slidePause"></button></li>
-                </ul>
-            </div>
-        </div><!--// visual 영역 -->
+	<!-- header 영역 -->
+	<header id="header" class="header sub">
+		<!-- header top 영역 -->
+		<div class="header_top">
+			<div class="inner">
+				<ul class="menu_left">
+					<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가2222</a></li>
+					<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
+					<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
+				</ul>
+				<ul class="menu_right">
+					<li><a href="#">충전하기</a></li>
+					<li class="SortLine"><a href="#">요금안내</a></li>
+					<li class="SortLine"><a href="#">이용안내</a></li>
+					<li class="SortLine"><a href="#">1:1고객상담</a></li>
+				</ul>
+			</div>
+		</div><!-- header top 영역 -->
+		<!-- header body 영역 -->
+		<div class="header_body">
+			<div class="inner table">
+				<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
+				<ul class="gnbWrap table_cell">
+					<li><a href="#">문자발송</a></li>
+					<li class="new"><a href="#">카톡전송</a></li>
+					<li><a href="#">선거문자</a></li>
+					<li><a href="#">맞춤제작</a></li>
+					<li><a href="#">주소록 관리</a></li>
+					<li><a href="#">발송결과</a></li>
+					<li><a href="#">예약관리</a></li>
+					<li><a href="#">결제내역</a></li>
+				</ul>
+				<div class="s_menu">
+					<i class="allSearch_info"><span>문자검색</span></i>
+					<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
+					<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
+				</div>
+			</div>
+			<!-- search popup 영역 -->
+			<div class="pop_search">
+				<div class="inner">
+					<div class="area_search">
+						<select name="" id="">
+							<option value="">그림문자</option>
+							<option value="">단문문자</option>
+							<option value="">장문문자</option>
+							<option value="">GIF</option>
+						</select>
+						<input type="text" placeholder="문자샘플 검색하기" onfocus="this.placeholder=''" onblur="this.placeholder='문자샘플 검색하기'">
+						<button><img src="/publish/images/search02.png" alt=""></button>
+					</div>
+					<div class="area_popular">
+						<p><i></i>인기검색어</p>
+						<ul class="popular_tag">
+							<li><a href="#">#정월대보름</a></li>
+							<li class="on"><a href="#">#추석</a></li>
+							<li><a href="#">#가을인사</a></li>
+							<li><a href="#">#좋은하루</a></li>
+						</ul>
+					</div>
+					<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
+				</div>
+			</div>
+			<!--// search popup 영역 -->
+		</div>
+		<!--// header body 영역 -->
+		<div id="login" class="login2">
+			<div class="inner">
+				<div class="login_left">
+					<div class="login_info">
+						<i><img src="/publish/images/mypageIcon2.png" id="commonHeaderGradeIcon"></i>
+						<div class="login2_name">
+							<p>정수빈</p><span>(개인) 님</span>
+						</div>
+						<div class="session">
+							<div>
+								<span id="ViewTimer">00:00</span>
+							</div>
+							<button type="button" onclick="sessionExpend(); return false;">연장</button>
+						</div>
+						<button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button>
+						<button type="button" class="btnType btnType2" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button>
 
+						<div class="security_box green_box">
+							<a href="/web/user/mberSecureLogin.do" class="title">보안로그인</a><!-- 보안로그인 클릭시 보안로그인 홈페이지로 -->
+							<a href="#" id="secuLoginFlag" class="state on">ON</a><!-- ON/OFF 클릭시 이벤트 발생 -->
+						</div>
+					</div>
+					<div class="login_pay">
+						<div class="check_money">
+							<div class="holdingsum_box">
+								<i></i>
+								<p>보유잔액
+									<!-- <em>(캐시)</em> --> <span class="fwMd" id="hdUserMoney">0</span>원</p>
+							</div>
+							<button type="button" class="btnType btnType3">충전</button>
+							<div class="account_box">
+								<button type="button" class="btnType btnType3">전용계좌</button>
+								<dl>
+									<dt>전용계좌</dt>
+									<dd>기업은행 48011304697636</dd>
+								</dl>
+							</div>
+						</div>
+						<div class="point">
+							<i></i>
+							<p>
+								<!-- <em>적립</em> -->포인트 <span class="fwMd">0</span>원</p>
+							<button type="button" data-tooltip="popup04" class="btnType btnType3" onclick="popScrSetting();">교환</button>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!--// login 영역 -->
+	</header>
+	<!--// header 영역 -->
+	<div class="mask"></div>
+
+	<!-- login 영역 -->
+	<!-- content 영역 -->
+	<div id="container" class="cont main">
+		<!-- visual 영역 -->
+		<div class="visual">
+			<div class="swiper-container visual_swiper swiper-container-fade swiper-container-initialized swiper-container-horizontal" style="height: 455px;">
+				<div class="swiper-wrapper">
+					<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="3">
+						<div class="slideImg"><img src="/publish/images/main/f_visual_04_20221116.jpg" alt="문자는 이제, 문자온! 선택은 역시 문자온! 문자사이트 선택의 5가지 기준 1. 가격, 속도, 성능, 기능, 보안이 보장되는가? 2. 결제, 정산, 계산서 발행 등 업무가 자동화 되어 있고 편리한가? 3. 최신 IT 기술과 트렌드가 반영되어 있는가? 4. 회원가입 및 발신번호 인증이 쉽고 빠르며, 대량문자를 전송하기에 사용이 편리한가? 5. 매일 문자샘플이 업데이트 되고, CS 및 기술응대가 실시간적으로 이루어지는가?"></div>
+					</div>
+					<div class="swiper-slide" data-swiper-slide-index="0">
+						<div class="slideImg"><img src="/publish/images/main/f_visual_01_20230313.jpg" alt="문자는 이제, 문자온! 단 한번, 국내 최저가! 인생 최저가! 첫결제 단문 7.5원 장문 32원 그림 59원 HELLO SPRING 안녕, 봄 봄꽃축제 SHINING DAY" usemap="#image-map"></div>
+					</div>
+					<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="1">
+						<div class="slideImg"><img src="/publish/images/main/f_visual_02_20221116.jpg" alt="문자도 보내고! 현금도 챙기는! 문자온만의 특별한 혜택! 결제금액의 2% 포인트 추가 적립! 포인트 1만점 이상 적립 시 현금페이백"></div>
+					</div>
+					<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="2">
+						<div class="slideImg"><img src="/publish/images/main/f_visual_03_20230313.jpg" alt="다른 사이트에는 없다! 오직 문자온에만 있다! 최고의 디자이너가 직접 제작하는 그림문자 맞춤제작을 통해 나만의 문자를 디자인 해보세요 문자온과 함께 떠나는 유채꽃 여행 봄맞이 여행을 가자!! 문자온투어에서 봄을 맞이하여 준비한 이벤트! 할인된 가격으로 제주도를 떠나보자~ 등산용품 40% 할인 DAY 2028.04.01~04.14 한라산 근처 마운틴샵 박물관 30% 할인 DAY 2028.04.01~04.28 제주 서귀포시 위치 올레길 명소 20% 할인 DAY 2028.04.01~04.21 올레길 명소 곳곳 위치 FRESH FRUITS 매주 봄제철 과일을 신선하게 받아보세요! 봄제철 한라봉 배송기간 2030.3.21-5.21까지 봄음악회 spring concert 2030.03.01~2030.03.10"></div>
+					</div>
+					<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="3">
+						<div class="slideImg"><img src="/publish/images/main/f_visual_04_20221116.jpg" alt="문자는 이제, 문자온! 선택은 역시 문자온! 문자사이트 선택의 5가지 기준 1. 가격, 속도, 성능, 기능, 보안이 보장되는가? 2. 결제, 정산, 계산서 발행 등 업무가 자동화 되어 있고 편리한가? 3. 최신 IT 기술과 트렌드가 반영되어 있는가? 4. 회원가입 및 발신번호 인증이 쉽고 빠르며, 대량문자를 전송하기에 사용이 편리한가? 5. 매일 문자샘플이 업데이트 되고, CS 및 기술응대가 실시간적으로 이루어지는가?"></div>
+					</div>
+					<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0">
+						<div class="slideImg"><img src="/publish/images/main/f_visual_01_20230313.jpg" alt="문자는 이제, 문자온! 단 한번, 국내 최저가! 인생 최저가! 첫결제 단문 7.5원 장문 32원 그림 59원 HELLO SPRING 안녕, 봄 봄꽃축제 SHINING DAY" usemap="#image-map"></div>
+					</div>
+				</div>
+				<!-- 버튼 -->
+				<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"></div>
+				<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"></div>
+				<!-- 페이징 -->
+				<div class="slide_button">
+					<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span></div>
+					<button class="slidePause"></button>
+				</div>
+				<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
+			</div>
+		</div>
+		<!--// visual 영역 -->
 		<!-- new_content1 //-->
 		<div class="banner_w">
 			<div class="sw_wrap">
-				<div class="swiper-container swiper2">
-					<div class="swiper-wrapper">
-						<div class="swiper-slide">
-							<div class="contWrap ct1">
-								<a href="#" title="페이지 이동">
-									<ul class="slide_cont table_cell">
-										<li class="cont1_title">문자 대량전송</li>
-										<li class="cont1_ex">별다른 프로그램 설치없이<br>pc에서 바로 전송이 가능</li>
+				<div class="swiper-container swiper2 swiper-container-initialized swiper-container-horizontal">
+					<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-3395px, 0px, 0px);">
+						<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">특정문구 일괄변환 기능</li>
+										<li class="cont_ex">
+											<p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt="">
+											</p>
+										</li>
 										<li class="more">자세히보기</li>
 									</ul>
 								</a>
 							</div>
 						</div>
-						<div class="swiper-slide">
-							<div class="contWrap ct2">
-								<a href="#" title="페이지 이동">
-									<ul class="slide_cont table_cell">
+						<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="6" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">문자 포토에디터 무료 제공</li>
+										<li class="cont_ex">
+											<p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt="">
+											</p>
+										</li>
+										<li class="more">자세히보기</li>
+									</ul>
+								</a>
+							</div>
+						</div>
+						<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="7" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">문자 제목 및 약도 추가</li>
+										<li class="cont_ex">
+											<p class="txt">문자메시지 내 제목 및 약도 추가 기능</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt="">
+											</p>
+										</li>
+										<li class="more">자세히보기</li>
+									</ul>
+								</a>
+							</div>
+						</div>
+						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/member/pay/BillPub.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">자동화 기반 비용처리</li>
+										<li class="cont_ex">
+											<p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt="">
+											</p>
+										</li>
+										<li class="more">자세히보기</li>
+									</ul>
+								</a>
+							</div>
+						</div>
+						<!-- 배너수정 250224 -->
+						<div class="swiper-slide" data-swiper-slide-index="0" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">대량문자·단체문자 전송</li>
+										<li class="cont_ex">
+											<p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt="">
+											</p>
+										</li>
+										<li class="more">자세히보기</li>
+									</ul>
+								</a>
+							</div>
+						</div>
+						<div class="swiper-slide" data-swiper-slide-index="1" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/api/intrdView.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">문자연동(API) 서비스 제공</li>
+										<li class="cont_ex">
+											<p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt="">
+											</p>
+										</li>
+										<li class="more">자세히보기</li>
+									</ul>
+								</a>
+							</div>
+						</div>
+						<div class="swiper-slide" data-swiper-slide-index="2" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/mjon/custom/selectMsgCustomView.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">그림문자 맞춤제작</li>
-										<li class="cont1_ex">목적에 맞는 나만의 맞춤<br> 이미지로홍보효과 극대화</li>
+										<li class="cont_ex">
+											<p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt="">
+											</p>
+										</li>
 										<li class="more">자세히보기</li>
 									</ul>
 								</a>
 							</div>
 						</div>
-						<div class="swiper-slide">
-							<div class="contWrap ct3">
-								<a href="#" title="페이지 이동">
-									<ul class="slide_cont table_cell">
+						<div class="swiper-slide" data-swiper-slide-index="3" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/mjon/addragency/selectAddrAgencyList.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
 										<li class="cont1_title">주소록 등록 무료대행</li>
-										<li class="cont1_ex">주소록 직접 등록이 어려운<br>고객을 위해 엑셀, TXT  파일 등<br>무료 등록 대행</li>
+										<li class="cont_ex">
+											<p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt="">
+											</p>
+										</li>
 										<li class="more">자세히보기</li>
 									</ul>
 								</a>
 							</div>
 						</div>
-						<div class="swiper-slide">
-							<div class="contWrap ct4">
-								<a href="#" title="페이지 이동">
-									<ul class="slide_cont table_cell">
-										<li class="cont1_title">080수신거부 무료 제공</li>
-										<li class="cont1_ex">광고, 선거 등에 필요한<br> 수신거부 번호 무료 제공</li>
+						<div class="swiper-slide" data-swiper-slide-index="4" style="width: 339.5px;">
+							<div class="contWrap">
+								<ul class="slide_cont1 table_cell1">
+									<li class="cont1_title">080수신거부 무료 제공</li>
+									<li class="cont_ex">
+										<p class="txt">광고, 선거 등 문자 전송 시 반드시 표기되어야 하는 080 수신거부 서비스 무료 제공</p>
+										<p class="bg_icon">
+											<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111598" alt="">
+										</p>
+									</li>
+								</ul>
+							</div>
+						</div>
+						<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="5" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">특정문구 일괄변환 기능</li>
+										<li class="cont_ex">
+											<p class="txt">문자내용의 특정문구(성명, 단어, 문구 등) 수신자마다 다르게 일괄 변환</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111599" alt="">
+											</p>
+										</li>
 										<li class="more">자세히보기</li>
 									</ul>
 								</a>
 							</div>
 						</div>
-						<div class="swiper-slide">
-							<div class="contWrap ct1">
-								<a href="#" title="페이지 이동">
-									<ul class="slide_cont table_cell">
-										<li class="cont1_title">문자 대량전송</li>
-										<li class="cont1_ex">별다른 프로그램 설치없이<br>pc에서 바로 전송이 가능</li>
+						<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="6" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">문자 포토에디터 무료 제공</li>
+										<li class="cont_ex">
+											<p class="txt">국내 최초 자사 기술로 개발한 문자 포토에디터 무료 제공</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111600" alt="">
+											</p>
+										</li>
+										<li class="more">자세히보기</li>
+									</ul>
+								</a>
+							</div>
+						</div>
+						<div class="swiper-slide swiper-slide-next on" data-swiper-slide-index="7" style="width: 339.5px;">
+							<div class="contWrap on">
+								<a href="/web/mjon/msgdata/selectMsgDataView.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">문자 제목 및 약도 추가</li>
+										<li class="cont_ex">
+											<p class="txt">문자메시지 내 제목 및 약도 추가 기능</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111601" alt="">
+											</p>
+										</li>
+										<li class="more">자세히보기</li>
+									</ul>
+								</a>
+							</div>
+						</div>
+						<div class="swiper-slide" data-swiper-slide-index="8" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/member/pay/BillPub.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">자동화 기반 비용처리</li>
+										<li class="cont_ex">
+											<p class="txt">세금계산서, 현금영수증 등 (충전금 전액 계산서 발행 가능)</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111602" alt="">
+											</p>
+										</li>
 										<li class="more">자세히보기</li>
 									</ul>
 								</a>
 							</div>
 						</div>
 
+						<!--// 배너수정 250224 -->
+						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">대량문자·단체문자 전송</li>
+										<li class="cont_ex">
+											<p class="txt">별도의 설치 과정 없이 클릭 한번으로 최대 30만 건까지 한번에 전송 가능</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111594" alt="">
+											</p>
+										</li>
+										<li class="more">자세히보기</li>
+									</ul>
+								</a>
+							</div>
+						</div>
+						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/api/intrdView.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">문자연동(API) 서비스 제공</li>
+										<li class="cont_ex">
+											<p class="txt">맞춤형 웹 API 연동 서비스 제공 별도 모듈 설치 없이 소스를 추가하여 간단하게 문자 발송</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111595" alt="">
+											</p>
+										</li>
+										<li class="more">자세히보기</li>
+									</ul>
+								</a>
+							</div>
+						</div>
+						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/mjon/custom/selectMsgCustomView.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">그림문자 맞춤제작</li>
+										<li class="cont_ex">
+											<p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111596" alt="">
+											</p>
+										</li>
+										<li class="more">자세히보기</li>
+									</ul>
+								</a>
+							</div>
+						</div>
+						<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" style="width: 339.5px;">
+							<div class="contWrap">
+								<a href="/web/mjon/addragency/selectAddrAgencyList.do" title="페이지 이동">
+									<ul class="slide_cont1 table_cell1">
+										<li class="cont1_title">주소록 등록 무료대행</li>
+										<li class="cont_ex">
+											<p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
+											<p class="bg_icon">
+												<img src="/cmm/fms/getImage.do?atchFileId=FILE_000000000111597" alt="">
+											</p>
+										</li>
+										<li class="more">자세히보기</li>
+									</ul>
+								</a>
+							</div>
+						</div>
 					</div>
+					<!-- 버튼 -->
+					<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide">
+						<img src="/publish/images/main/cont1_next.png" alt="다음">
+					</div>
+					<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide">
+						<img src="/publish/images/main/cont1_prev.png" alt="이전">
+					</div>
+					<!-- 페이징 -->
+					<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 6"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 7"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 8"></span></div>
+					<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
 				</div>
 			</div>
-			<!-- 버튼 -->
-				<div class="swiper-button-next"><img src="/publish/images/main/cont1_next.png"/></div>
-				<div class="swiper-button-prev"><img src="/publish/images/main/cont1_prev.png"/></div>
-				<!-- 페이징 -->
-				<div class="swiper-pagination"></div>
 		</div>
+		<form id="mainImgSendForm" name="mainImgSendForm" method="post">
+			<input type="hidden" id="atchFileId1" name="atchFileId1" value="">
+			<input type="hidden" id="fileSn" name="fileSn" value="">
+			<input type="hidden" id="strImgPath" name="strImgPath" value="">
+			<input type="hidden" id="letterId" name="letterId" value="">
+			<input type="hidden" id="mainImgFlag" name="mainImgFlag" value="N">
+			<input type="hidden" id="mainMoreSamFlag" name="mainMoreSamFlag" value="N">
+			<input type="hidden" id="mainLetterFlag" name="mainLetterFlag" value="N">
+			<input type="hidden" id="mainLetterTypeFlag" name="mainLetterTypeFlag">
+			<input type="hidden" id="cateNo" name="cateNo">
+
+		</form>
+		<form id="letterForm" name="letterForm" method="post">
+
+			<input type="hidden" id="letterType" name="letterType" value="">
+			<input type="hidden" id="memberType" name="memberType" value="">
+			<input type="hidden" id="categoryCode" name="categoryCode" value="best">
+			<input type="hidden" id="hashTag" name="hashTag" value="">
+			<input type="hidden" id="pageIndex" name="pageIndex" value="1 ">
+			<input type="hidden" id="pageUnit" name="pageUnit" value="10">
+
+			<div class="main_cont2">
+				<div class="inner">
+					<p class="tit_text">이런 문자 어때요?</p>
+					<div class="tabs">
+						<!-- Default tab_depth1 - 전체 / tab_depth2 - 인기그림문자 / tab_depth3 - BEST -->
+						<!-- <div class="tab_depth1 tDep2_mType">
+        <a href="#none" class="on" value="" rel="nosublink">전체</a>
+        <a href="#none" value="B" rel="nosublink">기업</a>
+        <a href="#none" class="on" value="P" rel="nosublink">개인</a>
+        <div class="on_active">전체</div>
+      </div> -->
+						<div class="tab_depth2 tDep1_letType">
+							<a href="#none" value="P" class="on" rel="nosublink">인기 그림문자</a>
+							<a href="#none" value="L" rel="nosublink">인기 장문문자</a>
+							<a href="#none" value="S" rel="nosublink">인기 단문문자</a>
+							<a href="#none" value="C" class="tab_custom" rel="nosublink">인기 맞춤제작</a>
+						</div>
+						<button class="btn_custom" onclick="javascript:goCustomUrl(); return false;">
+							<img src="/publish/images/main/btn_imgicon.png" alt="맞춤제작아이콘">
+							맞춤제작요청
+						</button>
+						<div class="tab_depth3 tab_basic tDep2_cateCode">
+							<a href="#none" value="best" class="on" rel="nosublink">BEST</a>
+
+							<a href="#none" value="200200" rel="nosublink">
+								요일
+							</a>
+
+							<a href="#none" value="200300" rel="nosublink">
+								경조사
+							</a>
+
+							<a href="#none" value="200400" rel="nosublink">
+								연말연시
+							</a>
+
+							<a href="#none" value="200500" rel="nosublink">
+								명절
+							</a>
+
+							<a href="#none" value="200600" rel="nosublink">
+								모임/행사
+							</a>
+
+							<a href="#none" value="200700" rel="nosublink">
+								기업/채용
+							</a>
+
+							<a href="#none" value="200800" rel="nosublink">
+								감사/축하/격려
+							</a>
+
+							<a href="#none" value="200900" rel="nosublink">
+								기념일/데이
+							</a>
+
+							<a href="#none" value="201000" rel="nosublink">
+								계절/날씨/안부
+							</a>
+
+							<a href="#none" value="201100" rel="nosublink">
+								사랑/우정/감동
+							</a>
+
+							<a href="#none" value="201200" rel="nosublink">
+								좋은글/명언
+							</a>
+
+							<a href="#none" value="201300" rel="nosublink">
+								유머/코믹
+							</a>
+
+							<a href="#none" value="201400" rel="nosublink">
+								선거
+							</a>
+
+							<a href="#none" value="201500" rel="nosublink">
+								종교
+							</a>
+
+						</div>
+						<div class="tab_depth3 tab_other tDep3_cateCode" style="display: none;">
+							<a href="#none" value="best" class="on" rel="nosublink">BEST</a>
+
+							<a href="#none" value="11100" rel="nosublink">
+								선거
+							</a>
+
+							<a href="#none" value="11200" rel="nosublink">
+								부고/조문
+							</a>
+
+							<a href="#none" value="112600" rel="nosublink">
+								결혼
+							</a>
+
+							<a href="#none" value="11300" rel="nosublink">
+								초대장
+							</a>
+
+							<a href="#none" value="11400" rel="nosublink">
+								감사/답례
+							</a>
+
+							<a href="#none" value="11500" rel="nosublink">
+								돌잔치
+							</a>
+
+							<a href="#none" value="11600" rel="nosublink">
+								환갑/고희연
+							</a>
+
+							<a href="#none" value="11700" rel="nosublink">
+								명절
+							</a>
+
+							<a href="#none" value="11800" rel="nosublink">
+								명함
+							</a>
+
+							<a href="#none" value="111000" rel="nosublink">
+								학교/학원
+							</a>
+
+							<a href="#none" value="111100" rel="nosublink">
+								음식점
+							</a>
+
+							<a href="#none" value="111200" rel="nosublink">
+								부동산
+							</a>
+
+							<a href="#none" value="111300" rel="nosublink">
+								쇼핑
+							</a>
+
+							<a href="#none" value="111400" rel="nosublink">
+								금융/카드/보험
+							</a>
+
+							<a href="#none" value="111500" rel="nosublink">
+								병원/동물병원
+							</a>
+
+							<a href="#none" value="11900" rel="nosublink">
+								택배/배송
+							</a>
+
+							<a href="#none" value="111700" rel="nosublink">
+								운동/골프/낚시
+							</a>
+
+							<a href="#none" value="111800" rel="nosublink">
+								여행/행사
+							</a>
+
+							<a href="#none" value="111900" rel="nosublink">
+								미용/뷰티
+							</a>
+
+							<a href="#none" value="112000" rel="nosublink">
+								식품
+							</a>
+
+							<a href="#none" value="112100" rel="nosublink">
+								대리운전
+							</a>
+
+							<a href="#none" value="112200" rel="nosublink">
+								렌터카/중고차
+							</a>
+
+							<a href="#none" value="112300" rel="nosublink">
+								퀵서비스
+							</a>
+
+							<a href="#none" value="112400" rel="nosublink">
+								꽃배달
+							</a>
+
+							<a href="#none" value="112500" rel="nosublink">
+								쿠폰
+							</a>
+
+						</div>
+					</div>
+					<div class="tab_contwrap">
+
+						<div id="photoLoad" style="height: 490px; display: block;">
 
 
-        <!-- content1 영역 5개 이상 
-        <div class="main_cont1">
-            <div class="inner">
-                <div id="slider-div" class="slider_div">
-                    <div class="contWrap ct1">
-                        <a href="#" title="페이지 이동">
-                            <ul class="slide_cont table_cell">
-                                <li class="cont1_title">문자 대량전송</li>
-                                <li class="cont1_ex">별다른 프로그램 설치없이<br>pc에서 바로 전송이 가능</li>
-                                <li class="more">자세히보기</li>
-                            </ul>
-                        </a>
-                    </div>
-                    <div class="contWrap ct2">
-                        <a href="#" title="페이지 이동">
-                            <ul class="slide_cont table_cell">
-                                <li class="cont1_title">그림문자 맞춤제작</li>
-                                <li class="cont1_ex">목적에 맞는 나만의 맞춤<br> 이미지로홍보효과 극대화</li>
-                                <li class="more">자세히보기</li>
-                            </ul>
-                        </a>
-                    </div>
-                    <div class="contWrap ct3">
-                        <a href="#" title="페이지 이동">
-                            <ul class="slide_cont table_cell">
-                                <li class="cont1_title">주소록 등록 무료대행</li>
-                                <li class="cont1_ex">주소록 직접 등록이 어려운<br>고객을 위해 엑셀, TXT  파일 등<br>무료 등록 대행</li>
-                                <li class="more">자세히보기</li>
-                            </ul>
-                        </a>
-                    </div>
-                    <div class="contWrap ct4">
-                        <a href="#" title="페이지 이동">
-                            <ul class="slide_cont table_cell">
-                                <li class="cont1_title">080수신거부 무료 제공</li>
-                                <li class="cont1_ex">광고, 선거 등에 필요한<br> 수신거부 번호 무료 제공</li>
-                                <li class="more">자세히보기</li>
-                            </ul>
-                        </a>
-                    </div>
-                    <div class="contWrap ct1">
-                        <a href="#" title="페이지 이동">
-                            <ul class="slide_cont table_cell">
-                                <li class="cont1_title">문자 대량전송</li>
-                                <li class="cont1_ex">별다른 프로그램 설치없이<br>pc에서 바로 전송이 가능</li>
-                                <li class="more">자세히보기</li>
-                            </ul>
-                        </a>
-                    </div>            
-                </div>
-                <div class="cont1_btnWrap">
-                    <button class="cont1_prev"><img src="/publish/images/main/cont1_prev.png" alt=""></button>
-					<button class="cont1_next"><img src="/publish/images/main/cont1_next.png" alt=""></button>
-                </div>
-            </div>
-        </div><!--// content1 영역 -->
-        <!-- content1 영역 4개 시 
-        <div class="main_cont1 show4">
-            <div class="inner">
-                <div class="contWrap ct1">
-                    <a href="#" title="페이지 이동">
-                        <ul class="slide_cont table_cell">
-                            <li class="cont1_title">1문자 대량전송</li>
-                            <li class="cont1_ex">별다른 프로그램 설치없이<br>pc에서 바로 전송이 가능</li>
-                            <li class="more">자세히보기</li>
-                        </ul>
-                    </a>
-                </div>
-                <div class="contWrap ct2 on">
-                    <a href="#" title="페이지 이동">
-                        <ul class="slide_cont table_cell">
-                            <li class="cont1_title">2그림문자 맞춤제작</li>
-                            <li class="cont1_ex">목적에 맞는 나만의 맞춤<br> 이미지로 홍보효과 극대화</li>
-                            <li class="more">자세히보기</li>
-                        </ul>
-                    </a>
-                </div>
-                <div class="contWrap ct3">
-                    <a href="#" title="페이지 이동">
-                        <ul class="slide_cont table_cell">
-                            <li class="cont1_title">3주소록 등록 무료대행</li>
-                            <li class="cont1_ex">주소록 직접 등록이 어려운<br>고객을 위해 엑셀, TXT  파일 등<br>무료 등록 대행</li>
-                            <li class="more">자세히보기</li>
-                        </ul>
-                    </a>
-                </div>
-                <div class="contWrap ct4">
-                    <a href="#" title="페이지 이동">
-                        <ul class="slide_cont table_cell">
-                            <li class="cont1_title">080수신거부 무료 제공</li>
-                            <li class="cont1_ex">광고, 선거 등에 필요한<br> 수신거부 번호 무료 제공</li>
-                            <li class="more">자세히보기</li>
-                        </ul>
-                    </a>
-                </div>
-            </div>
-        </div><!--// content1 영역 -->
-        <div class="main_cont2">
-			<div class="inner">
-				<p class="tit_text">이런 문자 어때요?</p>
-				<div class="tabs">
-					<!-- Default tab_depth1 - 전체 / tab_depth2 - 인기그림문자 / tab_depth3 - BEST -->
-					<div class="tab_depth1">
-						<a href="#none" class="on">전체</a>
-						<a href="#none">기업</a>
-						<a href="#none">개인</a>
-                        <div class="on_active">전체</div>
+
+							<script src="/publish/js/lazyLoad.js?date=202212071001"></script>
+
+							<script type="text/javascript">
+								$(document).ready(function () {
+
+									// Image Lazy Loading
+									useLazyLoading();
+								});
+							</script>
+
+
+							<div class="msg_photo_wrap tab_con active">
+								<div class="swiper-container msg_photo swiper-container-initialized swiper-container-horizontal">
+									<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1397px, 0px, 0px);">
+										<div class="swiper-slide swiper-slide-duplicate" onclick="javascript:fnMainImgSendMsg('FILE_000000000030098', '0', '/usr/local/tomcat/file/MMS/20230327/PHO_202303271221514600.jpg'); return false;" data-swiper-slide-index="5" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000030098&amp;fileSn=0" alt="대량 / 단체 문자 발송 샘플. 싱그러운 봄날" onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+										<div class="swiper-slide swiper-slide-duplicate" onclick="javascript:fnMainImgSendMsg('FILE_000000000027712', '0', '/usr/local/tomcat/file/MMS/20230306/PHO_202303060957322690.jpg'); return false;" data-swiper-slide-index="6" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000027712&amp;fileSn=0" alt="단체 / 대량 문자 전송 샘플. 향기 가득한 어느 봄날." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+										<div class="swiper-slide swiper-slide-duplicate" onclick="javascript:fnMainImgSendMsg('FILE_000000000013871', '0', '/usr/local/tomcat/file/MMS/20220510/sr000027_l.jpg'); return false;" data-swiper-slide-index="7" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000013871&amp;fileSn=0" alt="대량 / 단체 문자 발송 샘플. 봄처럼 활짝 꽃봉오리들이 활짝 피어나듯 당신의 입가에도 웃음꽃이 피어나길" onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+										<div class="swiper-slide swiper-slide-duplicate" onclick="javascript:fnMainImgSendMsg('FILE_000000000026178', '0', '/usr/local/tomcat/file/MMS/20230216/PHO_202302160947190210.jpg'); return false;" data-swiper-slide-index="8" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000026178&amp;fileSn=0" alt="단체 / 대량 문자 전송 샘플. 봄처럼 아름다운 너." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+										<div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" onclick="javascript:fnMainImgSendMsg('FILE_000000000028152', '1', '/usr/local/tomcat/file/MMS/20230315/PHO_202303151013172871.jpg'); return false;" data-swiper-slide-index="9" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000028152&amp;fileSn=1" alt="대량 / 단체 문자 발송 샘플. HELLO SPRING 안녕, 나의 봄 따뜻한 햇빛에 포근해진 날씨에 마음도 따뜻해집니다. 오늘도 마음속에 봄을 가득 채워보시길 바랍니다." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+
+
+										<div class="swiper-slide swiper-slide-active" onclick="javascript:fnMainImgSendMsg('FILE_000000000028357', '0', '/usr/local/tomcat/file/MMS/20230313/PHO_202303130546332990.jpg'); return false;" data-swiper-slide-index="0" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000028357&amp;fileSn=0" alt="단체 / 대량 문자 전송 샘플. 봄을 가득담아 그대에게 드립니다." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+
+
+										<div class="swiper-slide swiper-slide-next" onclick="javascript:fnMainImgSendMsg('FILE_000000000028765', '0', '/usr/local/tomcat/file/MMS/20230315/PHO_202303150421202720.jpg'); return false;" data-swiper-slide-index="1" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000028765&amp;fileSn=0" alt="대량 / 단체 문자 발송 샘플. 행복한 봄 웃음꽃 피어나는 봄이 왔어요. 따스한 햇살 맞으며 건강하고, 행복한 하루 보내세요." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+
+
+										<div class="swiper-slide" onclick="javascript:fnMainImgSendMsg('FILE_000000000027134', '0', '/usr/local/tomcat/file/MMS/20230227/PHO_202302270944590900.jpg'); return false;" data-swiper-slide-index="2" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000027134&amp;fileSn=0" alt="단체 / 대량 문자 전송 샘플.  Hello Spring. Happy time with you." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+
+
+										<div class="swiper-slide" onclick="javascript:fnMainImgSendMsg('FILE_000000000028471', '0', '/usr/local/tomcat/file/MMS/20230314/PHO_202303140526356130.jpg'); return false;" data-swiper-slide-index="3" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000028471&amp;fileSn=0" alt="대량 / 단체 문자 발송 샘플. 꽃향 가득한 봄" onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+
+
+										<div class="swiper-slide" onclick="javascript:fnMainImgSendMsg('FILE_000000000026177', '0', '/usr/local/tomcat/file/MMS/20230216/PHO_202302160946454730.jpg'); return false;" data-swiper-slide-index="4" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000026177&amp;fileSn=0" alt="단체 / 대량 문자 전송 샘플.  Hello Spring." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+
+
+										<div class="swiper-slide" onclick="javascript:fnMainImgSendMsg('FILE_000000000030098', '0', '/usr/local/tomcat/file/MMS/20230327/PHO_202303271221514600.jpg'); return false;" data-swiper-slide-index="5" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000030098&amp;fileSn=0" alt="대량 / 단체 문자 발송 샘플. 싱그러운 봄날" onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+
+
+										<div class="swiper-slide" onclick="javascript:fnMainImgSendMsg('FILE_000000000027712', '0', '/usr/local/tomcat/file/MMS/20230306/PHO_202303060957322690.jpg'); return false;" data-swiper-slide-index="6" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000027712&amp;fileSn=0" alt="단체 / 대량 문자 전송 샘플. 향기 가득한 어느 봄날." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+
+
+										<div class="swiper-slide" onclick="javascript:fnMainImgSendMsg('FILE_000000000013871', '0', '/usr/local/tomcat/file/MMS/20220510/sr000027_l.jpg'); return false;" data-swiper-slide-index="7" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000013871&amp;fileSn=0" alt="대량 / 단체 문자 발송 샘플. 봄처럼 활짝 꽃봉오리들이 활짝 피어나듯 당신의 입가에도 웃음꽃이 피어나길" onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+
+
+										<div class="swiper-slide" onclick="javascript:fnMainImgSendMsg('FILE_000000000026178', '0', '/usr/local/tomcat/file/MMS/20230216/PHO_202302160947190210.jpg'); return false;" data-swiper-slide-index="8" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000026178&amp;fileSn=0" alt="단체 / 대량 문자 전송 샘플. 봄처럼 아름다운 너." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+
+
+										<div class="swiper-slide swiper-slide-duplicate-prev" onclick="javascript:fnMainImgSendMsg('FILE_000000000028152', '1', '/usr/local/tomcat/file/MMS/20230315/PHO_202303151013172871.jpg'); return false;" data-swiper-slide-index="9" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000028152&amp;fileSn=1" alt="대량 / 단체 문자 발송 샘플. HELLO SPRING 안녕, 나의 봄 따뜻한 햇빛에 포근해진 날씨에 마음도 따뜻해집니다. 오늘도 마음속에 봄을 가득 채워보시길 바랍니다." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+
+										<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" onclick="javascript:fnMainImgSendMsg('FILE_000000000028357', '0', '/usr/local/tomcat/file/MMS/20230313/PHO_202303130546332990.jpg'); return false;" data-swiper-slide-index="0" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000028357&amp;fileSn=0" alt="단체 / 대량 문자 전송 샘플. 봄을 가득담아 그대에게 드립니다." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+										<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" onclick="javascript:fnMainImgSendMsg('FILE_000000000028765', '0', '/usr/local/tomcat/file/MMS/20230315/PHO_202303150421202720.jpg'); return false;" data-swiper-slide-index="1" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000028765&amp;fileSn=0" alt="대량 / 단체 문자 발송 샘플. 행복한 봄 웃음꽃 피어나는 봄이 왔어요. 따스한 햇살 맞으며 건강하고, 행복한 하루 보내세요." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+										<div class="swiper-slide swiper-slide-duplicate" onclick="javascript:fnMainImgSendMsg('FILE_000000000027134', '0', '/usr/local/tomcat/file/MMS/20230227/PHO_202302270944590900.jpg'); return false;" data-swiper-slide-index="2" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000027134&amp;fileSn=0" alt="단체 / 대량 문자 전송 샘플.  Hello Spring. Happy time with you." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+										<div class="swiper-slide swiper-slide-duplicate" onclick="javascript:fnMainImgSendMsg('FILE_000000000028471', '0', '/usr/local/tomcat/file/MMS/20230314/PHO_202303140526356130.jpg'); return false;" data-swiper-slide-index="3" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000028471&amp;fileSn=0" alt="대량 / 단체 문자 발송 샘플. 꽃향 가득한 봄" onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+										<div class="swiper-slide swiper-slide-duplicate" onclick="javascript:fnMainImgSendMsg('FILE_000000000026177', '0', '/usr/local/tomcat/file/MMS/20230216/PHO_202302160946454730.jpg'); return false;" data-swiper-slide-index="4" style="width: 279.4px;">
+											<div class="slide_area">
+												<div class="mask"></div>
+												<div class="btn_more"><img src="/publish/images/main/btn_more01.png" alt=""></div>
+												<div class="area_img">
+
+													<img class="lazy" data-src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000026177&amp;fileSn=0" alt="단체 / 대량 문자 전송 샘플.  Hello Spring." onerror="this.src='/publish/images/main/template02.jpg';">
+												</div>
+												<div class="area_img_text">
+													봄인사·봄날씨
+												</div>
+											</div>
+										</div>
+									</div>
+									<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
+								</div>
+								<!-- 버튼 -->
+								<div class="swiper-button-next btn_next" tabindex="0" role="button" aria-label="Next slide"></div>
+								<div class="swiper-button-prev btn_prev" tabindex="0" role="button" aria-label="Previous slide"></div>
+							</div>
+
+
+						</div>
+
+						<div id="letterLoad" style="height: 441px; display: none;"></div>
+
 					</div>
-					<div class="tab_depth2">
-						<a href="#none" class="on">인기 그림문자</a>
-						<a href="#none">인기 장문문자</a>
-						<a href="#none">인기 단문문자</a>
-						<a href="#none" class="tab_custom">인기 맞춤제작</a>
-					</div>
-					<button class="btn_custom"><img src="/publish/images/main/btn_imgicon.png" alt=""> 맞춤제작요청</button>
-					<div class="tab_depth3 tab_basic">
-						<a href="#none" class="on">BEST</a>
-						<a href="#none">요일</a>
-						<a href="#none">계절/날씨</a>
-						<a href="#none">선거</a>
-						<a href="#none">기념일데이</a>
-						<a href="#none">경조사</a>
-						<a href="#none">모임/행사</a>
-						<a href="#none">명절</a>
-						<a href="#none">연말연시</a>
-						<a href="#none">감사/축하</a>
-						<a href="#none">사랑/우정</a>
-						<a href="#none">격려/위로</a>
-						<a href="#none">유머/코믹</a>
-						<a href="#none">좋은글/명언</a>
-						<a href="#none">운세/별자리</a>
-						<a href="#none">종교</a>
-					</div>
-					<div class="tab_depth3 tab_other">
-						<a href="#none" class="on">BEST</a>
-						<a href="#none">전체</a>
-						<a href="#none">선거</a>
-						<a href="#none">부고/조문</a>
-						<a href="#none">초대장</a>
-						<a href="#none">개업/홍보</a>
-						<a href="#none">결혼/청첩장</a>
-						<a href="#none">감사/답례</a>
-						<a href="#none">돌잔치/백일</a>
-						<a href="#none">칠순/회갑연</a>
-						<a href="#none">명함</a>
-					</div>
+					<button type="button" class="btn_more" onclick="javascript:fnMoreSampleView(); return false;">더 많은 샘플보기</button>
 				</div>
-				<div class="tab_contwrap">
-					<button class="btn_prev btn_photo"><img src="/publish/images/main/btn_prev.png" alt=""></button>
-					<ul class="tab_con msg_photo active">
-						<li>
-							<a href="#">
-								<div class="area_img"><img src="/publish/images/main/template01.jpg" alt=""></div>
-								<div class="area_img_text">연말연시</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_img"><img src="/publish/images/main/template02.jpg" alt=""></div>
-								<div class="area_img_text">연말연시</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_img"><img src="/publish/images/main/template03.jpg" alt=""></div>
-								<div class="area_img_text">연말연시</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_img"><img src="/publish/images/main/template04.jpg" alt=""></div>
-								<div class="area_img_text">연말연시</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_img"><img src="/publish/images/main/template05.jpg" alt=""></div>
-								<div class="area_img_text">연말연시</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_img"><img src="/publish/images/main/template01.jpg" alt=""></div>
-								<div class="area_img_text">연말연시</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_img"><img src="/publish/images/main/template02.jpg" alt=""></div>
-								<div class="area_img_text">연말연시</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_img"><img src="/publish/images/main/template03.jpg" alt=""></div>
-								<div class="area_img_text">연말연시</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_img"><img src="/publish/images/main/template04.jpg" alt=""></div>
-								<div class="area_img_text">연말연시</div>
-							</a>
-						</li>
-                        <li>
-							<a href="#">
-								<div class="area_img"><img src="/publish/images/main/template05.jpg" alt=""></div>
-								<div class="area_img_text">연말연시</div>
-							</a>
-						</li>
-					</ul>
-					<button class="btn_next btn_photo"><img src="/publish/images/main/btn_next.png" alt=""></button>
-					<button class="btn_prev btn_msg"><img src="/publish/images/main/btn_prev.png" alt=""></button>
-					<ul class="tab_con msg_text">
-						<li>
-							<a href="#">
-								<div class="area_tit_text">
-									화이트데이
-								</div>
-								<div class="area_in_text">
-									<p>스크롤 생겨야하는것만 생기게 찾아보고 디자인 찾아보고</p>
-								</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_tit_text">
-									화이트데이
-								</div>
-								<div class="area_in_text">
-									<p>스크롤 생겨야하는것만 생기게 찾아보고 디자인 찾아보고</p>
-								</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_tit_text">
-									화이트데이
-								</div>
-								<div class="area_in_text">
-									<p>스크롤 생겨야하는것만 생기게 찾아보고 디자인 찾아보고</p>
-								</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_tit_text">
-									화이트데이
-								</div>
-								<div class="area_in_text">
-									<p>스크롤 생겨야하는것만 생기게 찾아보고 디자인 찾아보고</p>
-								</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_tit_text">
-									화이트데이
-								</div>
-								<div class="area_in_text">
-									<p> 즐거운 화이트데이입니다. <br>
-										달달한 하루보내시라고, 화이트데이 사탕보냅니다. <br>
-										맛있게 드시고, 새콤달콤 행복한 하루보내세요~ <br>
-										*""* <br>
-										*◆○* <br>
-										*♡◎★* <br>
-										######## <br>
-										\_____/</p>
-								</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_tit_text">
-									화이트데이
-								</div>
-								<div class="area_in_text">
-									<p> 즐거운 화이트데이입니다. <br>
-										달달한 하루보내시라고, 화이트데이 사탕보냅니다. <br>
-										맛있게 드시고, 새콤달콤 행복한 하루보내세요~ <br>
-										*""* <br>
-										*◆○* <br>
-										*♡◎★* <br>
-										######## <br>
-										\_____/</p>
-								</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_tit_text">
-									화이트데이
-								</div>
-								<div class="area_in_text">
-									<p> 즐거운 화이트데이입니다. <br>
-										달달한 하루보내시라고, 화이트데이 사탕보냅니다. <br>
-										맛있게 드시고, 새콤달콤 행복한 하루보내세요~ <br>
-										*""* <br>
-										*◆○* <br>
-										*♡◎★* <br>
-										######## <br>
-										\_____/</p>
-								</div>
-							</a>
-						</li>
-						<li>
-							<a href="#">
-								<div class="area_tit_text">
-									화이트데이
-								</div>
-								<div class="area_in_text">
-									<p> 즐거운 화이트데이입니다. <br>
-										달달한 하루보내시라고, 화이트데이 사탕보냅니다. <br>
-										맛있게 드시고, 새콤달콤 행복한 하루보내세요~ <br>
-										*""* <br>
-										*◆○* <br>
-										*♡◎★* <br>
-										######## <br>
-										\_____/</p>
-								</div>
-							</a>
-						</li>
-					</ul>
-					<button class="btn_next btn_msg"><img src="/publish/images/main/btn_next.png" alt=""></button>
-
-				</div>
-				<button class="btn_more">더 많은 샘플보기</button>
 			</div>
-		</div>
-        <!-- content3 영역 -->
-        <div class="main_cont3">
-            <div class="inner">
-                <div class="main_service">
-                    <h2><span class="text_deco"></span>자주찾는 서비스</h2>
-                    <ul>
-                        <li><a href="#"><i></i><span>요금안내</span></a></li>
-                        <li><a href="#"><i></i><span>견적내기</span></a></li>
-                        <li><a href="#"><i></i><span>충전하기</span></a></li>
-                        <li><a href="#"><i></i><span>포인트교환</span></a></li>
-                        <li><a href="#"><i></i><span>발신번호 등록</span></a></li>
-                        <li><a href="#"><i></i><span>계산서/영수증</span></a></li>
-                    </ul>
-                </div>
-                <div class="main_notice">
-                    <h2><span class="text_deco"></span>공지사항</h2>
-                    <button class="plus_btn"><!--<img src="/publish/images/plus.png">--></button>
-                    <div class="table">
-                        <ul class="table_cell">
-                            <li><a href="#" tltle="페이지 이동"><span class="text_deco2"></span>    [업그레이드] 회원가입 및 발신번호등록 정책 변경</a></li>
-                            <li><a href="#" tltle="페이지 이동"><span class="text_deco2"></span>[작업]  8월 6일 시스템 점검 안내</a></li>
-                            <li><a href="#" tltle="페이지 이동"><span class="text_deco2"></span>    [업그레이드] [Android/ IOS] 문자 앱 업데이트 안내</a></li>
-                            <li><a href="#" tltle="페이지 이동"><span class="text_deco2"></span>[오픈]  실시간 채팅하기 기능 오픈</a></li>
-                            <li><a href="#" tltle="페이지 이동"><span class="text_deco2"></span>[오픈]  GNB 자주묻는 계정정보 노출 기능 오픈</a></li>
-                            <li><a href="#" tltle="페이지 이동"><span class="text_deco2"></span>[알림]  문자 아르바이트 사기 피해 안내</a></li>
-                        </ul>
-                    </div>
-                </div>
-                <div class="service_center">
-                    <h2><span class="text_deco"></span>고객센터</h2>
-                    <div class="tablet table">
-                        <div class="table_cell">
-                            <div class="service_center_title">
-                                <p>070-4786-0008</p>
-                                <span>E-mail : help@iten.co.kr</span>
-                            </div>
-                            <div class="serive_info">
-                                <p>월~금 : 09:30 ~ 18:30 / 점심시간 : 13:00 ~ 14:00<br>
-                               토, 일요일 및 법정공휴일 휴무</p>
-                            </div>
-                            <ul class="serive_btn">
-								<li><button type="button" data-tooltip="chat_01">챗봇 문의</button></li>
-								<li><button>카카오톡 문의</button></li>
-								<li><button>원격지원</button></li>
+		</form>
+		<!-- content3 영역 -->
+		<div class="main_cont3">
+			<div class="inner" style="height: auto;">
+				<div class="main_service">
+					<div class="title">
+						<span class="text_deco"></span>자주찾는 서비스
+					</div>
+					<ul>
+						<li><a href="/web/pay/PayGuide.do" rel="nosublink"><i></i><span>요금안내</span></a></li>
+						<li><a href="/web/pay/PayGuide.do?tabType=2" rel="nosublink"><i></i><span>견적내기</span></a></li>
+						<li><a href="/web/member/pay/PayView.do" rel="nosublink"><i></i><span>충전하기</span></a></li>
+						<li><a href="#" data-tooltip="popup04" rel="nosublink" onclick="popScrSetting();"><i></i><span>포인트교환</span></a></li>
+						<li><a href="/web/user/sendNumberManage.do" rel="nosublink"><i></i><span>발신번호 등록</span></a></li>
+						<!-- <li><a href="/web/member/pay/BillPub.do" rel="nosublink"><i></i><span>계산서/영수증</span></a></li> -->
+						<li><a href="/web/member/pay/BillPub.do" rel="nosublink"><i></i><span>세금계산서</span></a></li>
+					</ul>
+				</div>
+				<div class="main_notice">
+					<div class="title">
+						<span class="text_deco"></span>공지사항
+					</div>
+					<button class="plus_btn" onclick="location.href='/web/cop/bbs/NoticeList.do'">
+					</button>
+					<ul>
+
+						<li>
+							<a href="#" onclick="fn_egov_inqire_notice('BBSMSTR_000000000762', '215'); return false;" title="페이지 이동" rel="nosublink"> <span class="text_deco2"></span> [문자온] 대량문자사이트 선택 방법 안내
+							</a>
+						</li>
+
+						<li>
+							<a href="#" onclick="fn_egov_inqire_notice('BBSMSTR_000000000762', '210'); return false;" title="페이지 이동" rel="nosublink"> <span class="text_deco2"></span> [문자온] 단체 문자 발송하는 방법
+							</a>
+						</li>
+
+						<li>
+							<a href="#" onclick="fn_egov_inqire_notice('BBSMSTR_000000000762', '177'); return false;" title="페이지 이동" rel="nosublink"> <span class="text_deco2"></span> 번호도용 문자차단 서비스 안내
+							</a>
+						</li>
+
+						<li>
+							<a href="#" onclick="fn_egov_inqire_notice('BBSMSTR_000000000762', '176'); return false;" title="페이지 이동" rel="nosublink"> <span class="text_deco2"></span> 이동통신사별 스팸차단 서비스 안내
+							</a>
+						</li>
+
+						<li>
+							<a href="#" onclick="fn_egov_inqire_notice('BBSMSTR_000000000762', '175'); return false;" title="페이지 이동" rel="nosublink"> <span class="text_deco2"></span> 주소록 입력 대행 안내
+							</a>
+						</li>
+
+						<li>
+							<a href="#" onclick="fn_egov_inqire_notice('BBSMSTR_000000000762', '174'); return false;" title="페이지 이동" rel="nosublink"> <span class="text_deco2"></span> 주소록을 통한 회원 관리
+							</a>
+						</li>
+
+						<li>
+							<a href="#" onclick="fn_egov_inqire_notice('BBSMSTR_000000000762', '173'); return false;" title="페이지 이동" rel="nosublink"> <span class="text_deco2"></span> 선거문자 관련 법규 안내
+							</a>
+						</li>
+
+					</ul>
+				</div>
+				<div class="service_center">
+					<div class="title">
+						<span class="text_deco"></span>고객센터
+					</div>
+					<div class="tablet table">
+						<div class="table_cell">
+							<div class="service_center_title">
+								<p>1551-8011</p>
+								<span>E-mail : help@iten.co.kr</span>
+							</div>
+							<div class="serive_info">
+								<p>월~금 : 09:30 ~ 18:30 / 점심시간 : 13:00 ~ 14:00<br>토, 일요일 및 법정공휴일 휴무</p>
+							</div>
+							<ul class="serive_btn">
+								<li class="kakao"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank" rel="nosublink">카톡 상담</a></li>
+								<li class="remote"><a href="javascript:void(0);" onclick="remotePop('https://939.co.kr/munjaon/');" rel="nosublink">원격지원</a></li>
+								<li class="qnabtn"><a href="/web/cop/bbs/QnaList.do" rel="nosublink">1:1 문의</a></li>
 							</ul>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div><!--// content3 영역 -->
-    </div><!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터     1차)</p>
-                        <p>사업자번호 : 653-87-00858  |  대표 : 유인식  |  통신판매등록번호 : 제 2021-다산-0422 호</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+
+		<!-- <div class="main_cont4 adv_wrap">
+			<div class="inner">
+				<ul class="adv_list">
+					<li><a href="http://www.one-keeper.co.kr/" target="_blank"><img src="/publish/images/adv/adv_onekeeper.png" alt="중요한 개인정보! 안전하게 보호하고 싶다면!"></a></li>
+					<li><a href="http://ganpandaum.co.kr/" target="_blank"><img src="/publish/images/adv/adv_ganpandaum.png" alt="간판다움 간판|인테리어|썬팅|네온|어닝"></a></li>
+					<li><a href="https://www.nordictools.co.kr/index.html" target="_blank"><img src="/publish/images/adv/adv_nordictools.png" alt="NORDIC TOOLS"></a></li>
+					<li><a href="http://www.plusphone.co.kr/web/main/mainPage.do" target="_blank"><img src="/publish/images/adv/adv_phoneplus.png" alt="폰더하기 내폰사기|내폰팔기|휴대폰수리"></a></li>
+					<li><a href="https://dawonchangho.modoo.at/" target="_blank"><img src="/publish/images/adv/adv_dawon.png" alt="다원창호 유리|샷시|방충망"></a></li>
+				</ul>
+			</div>
+		</div> -->
+
+		<div class="main_cont5 keyword_wrap">
+			<div class="inner">
+				<p class="tit_text">이런 키워드는 어때요?</p>
+				<ul class="link_box">
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_23.html" rel="nosublink">추석문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectBestMsgDataView.do?bestTagType=P&amp;bestSearchKeyword=%ED%95%9C%EA%B0%80%EC%9C%84" rel="nosublink">한가위문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_6.html" rel="nosublink">부고문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_7.html" rel="nosublink">경조문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_10.html" rel="nosublink">홍보문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_8.html" rel="nosublink">결혼문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectBestMsgDataView.do?bestTagType=P&amp;bestSearchKeyword=%EC%9E%A5%EB%A1%80" rel="nosublink">장례문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_15.html" rel="nosublink">설날문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_16.html" rel="nosublink">알림톡</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_13.html" rel="nosublink">크리스마스문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_12.html" rel="nosublink">연말연시문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectBestMsgDataView.do?bestTagType=P&amp;bestSearchKeyword=%EA%B0%90%EC%82%AC" rel="nosublink">감사문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectBestMsgDataView.do?bestTagType=L&amp;bestSearchKeyword=%ED%96%89%EC%82%AC" rel="nosublink">행사문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectBestMsgDataView.do?bestTagType=P&amp;bestSearchKeyword=%EA%B2%A9%EB%A0%A4" rel="nosublink">격려문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_18.html" rel="nosublink">생일문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectBestMsgDataView.do?bestTagType=P&amp;bestSearchKeyword=%EC%A1%B0%EC%9D%98" rel="nosublink">조의문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectBestMsgDataView.do?bestTagType=L&amp;bestSearchKeyword=%EB%AA%85%EC%A0%88" rel="nosublink">명절문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/web/mjon/msgdata/selectBestMsgDataView.do?bestTagType=L&amp;bestSearchKeyword=%EC%95%88%EB%B6%80" rel="nosublink">안부문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_text/send_text.html" rel="nosublink">문자보내기</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_9.html" rel="nosublink">웹문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000762&amp;nttId=210&amp;seCmmnCdId=&amp;frstRegisterId=&amp;viewsYn=&amp;menuNo=&amp;searchBgnDe=&amp;searchEndDe=&amp;pageIndex=1&amp;searchSortCnd=&amp;searchSortOrd=&amp;searchCnd=&amp;searchWrd=&amp;pageUnit=10" rel="nosublink">단체문자보내기</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/send_group_text.html" rel="nosublink">단체문자발송</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_text/text_send.html" rel="nosublink">문자발송</a></li>
+					<li><a href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000762&amp;nttId=176&amp;seCmmnCdId=&amp;frstRegisterId=&amp;viewsYn=&amp;menuNo=&amp;searchBgnDe=&amp;searchEndDe=&amp;pageIndex=1&amp;searchSortCnd=&amp;searchSortOrd=&amp;searchCnd=&amp;searchWrd=&amp;pageUnit=10" rel="nosublink">스팸문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000762&amp;nttId=173&amp;seCmmnCdId=&amp;frstRegisterId=&amp;viewsYn=&amp;menuNo=&amp;searchBgnDe=&amp;searchEndDe=&amp;pageIndex=1&amp;searchSortCnd=&amp;searchSortOrd=&amp;searchCnd=&amp;searchWrd=&amp;pageUnit=10" rel="nosublink">선거문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_14.html" rel="nosublink">겨울문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000762&amp;nttId=335&amp;seCmmnCdId=&amp;frstRegisterId=&amp;viewsYn=&amp;menuNo=&amp;searchBgnDe=&amp;searchEndDe=&amp;pageIndex=1&amp;searchSortCnd=&amp;searchSortOrd=&amp;searchCnd=&amp;searchWrd=&amp;pageUnit=10" rel="nosublink">그룹문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_text/multi_text.html" rel="nosublink">단체문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_22.html" rel="nosublink">여름문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_11.html" rel="nosublink">문자사이트</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_17.html" rel="nosublink">봄문자</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_3.html" rel="nosublink">대량문자보내기</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_2.html" rel="nosublink">대량문자전송</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_4.html" rel="nosublink">컴퓨터문자보내기</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_19.html" rel="nosublink">스팸차단서비스</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_20.html" rel="nosublink">전체수신오류</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_21.html" rel="nosublink">발신번호등록방법</a></li>
+					<li><a href="https://www.munjaon.co.kr/publish/publish_adv/adv_template_v1_manuscript_5.html" rel="nosublink">인터넷문자</a></li>
+				</ul>
+			</div>
+		</div>
+
+
+		<!--// content3 영역 -->
+		<div class="serv_content" style="overflow:hidden;left:-9999em;top:-9999em;width:0;height:0;visibility:hidden;">
+			단체문자 대량문자발송 인터넷 웹문자 사이트 - 문자온
+
+
+			<div class="list_cont qna_cont" id="listTab_1">
+				<ul class="qna">
+
+
+					<li>
+						<button type="button" onclick="qnaList(this)" title="닫힘">
+							<p class="question_text">Q.</p>
+							<p>
+								<span>[결제]</span>
+								"첫결제 이벤트" 결제 후 잔액이 남아 있는데 문자 발송이 안되는 경우는 왜 그런건가요?
+							</p>
+						</button>
+						<div class="qna_answer">
+							<p class="answer_text">A.</p>
+							<p class="answer_cont">
+								첫결제 이벤트 잔액이 남아 있더라도 1회 발송 문자수량 및 금액이 이벤트 잔액보다 큰 경우 문자가 발송되지 않으며, 이 경우 이벤트 잔액 이하의 금액으로 문자 수량을 조정해야 문자가 정상 발송됩니다.
+							</p>
+
+						</div>
+					</li>
+
+					<li>
+						<button type="button" onclick="qnaList(this)" title="닫힘">
+							<p class="question_text">Q.</p>
+							<p>
+								<span>[결제]</span>
+								첫결제 이벤트 후 추가 결제를 진행하였는데 잔액 부족으로 문자 발송이 안되는 경우는 왜 그런건가요?
+							</p>
+						</button>
+						<div class="qna_answer">
+							<p class="answer_text">A.</p>
+							<p class="answer_cont">
+								첫결제 이벤트 캐시가 남아 있는 경우에는 이벤트 캐시 전액 소진 후 추가결제에 따른 일반캐시 이용이 가능합니다. 이벤트 캐시 잔액만큼 문자를 선 발송하여 이벤트 캐시 전액 소진 후 자동 전환된 일반캐시를 사용하거나, 문자온 고객센터(010-8432-9333)로 문의주시면 즉시 처리 도와드리겠습니다.
+							</p>
+
+						</div>
+					</li>
+
+					<li>
+						<button type="button" onclick="qnaList(this)" title="닫힘">
+							<p class="question_text">Q.</p>
+							<p>
+								<span>[장문·단문·그림문자]</span>
+								한 번 보낸 문자를 저장해서 계속 보낼 수 있나요?
+							</p>
+						</button>
+						<div class="qna_answer">
+							<p class="answer_text">A.</p>
+							<p class="answer_cont">
+								문자온은 “내문자함” 기능을 제공하기 때문에 한 번 보낸 문자를 저장해서 계속 보낼 수 있습니다.<br>문자전송 페이지에서 문자내용 작성 후 [문자저장] 버튼을 클릭하면 해당 문자가 [내문자함]에 보관되어 언제든지 자유롭게 재발송이 가능합니다.&nbsp;
+							</p>
+
+						</div>
+					</li>
+
+					<li>
+						<button type="button" onclick="qnaList(this)" title="닫힘">
+							<p class="question_text">Q.</p>
+							<p>
+								<span>[장문·단문·그림문자]</span>
+								그림문자 발송 시 첨부 이미지 위치나 순서를 지정할 수 있나요?
+							</p>
+						</button>
+						<div class="qna_answer">
+							<p class="answer_text">A.</p>
+							<p class="answer_cont">
+								그림문자 발송 시 텍스트 내용과 이미지의 노출 순서는 이동통신사 및 단말기의 설정에 따라 달라지기 때문에 임의적인 이미지 위치나 순서 지정이 불가합니다.&nbsp;
+							</p>
+
+						</div>
+					</li>
+
+					<li>
+						<button type="button" onclick="qnaList(this)" title="닫힘">
+							<p class="question_text">Q.</p>
+							<p>
+								<span>[장문·단문·그림문자]</span>
+								그림문자 발송 시 정해진 용량이 있나요?
+							</p>
+						</button>
+						<div class="qna_answer">
+							<p class="answer_text">A.</p>
+							<p class="answer_cont">
+								문자온 그림문자는 JPG, JPEG, PNG, GIF 파일 형식을 지원하며, 최대 10mb까지 발송 가능하나, 300kb에 최적화 되어 있기 때문에 300kb보다 용량이 크거나 이미지 내 텍스트가 많은 경우 해상도가 저하될 수 있습니다. 용량이 크거나 텍스트가 많은 이미지의 경우 반드시 사전 테스트 발송 후 대량 발송을 권장드립니다.
+							</p>
+
+						</div>
+					</li>
+
+					<li>
+						<button type="button" onclick="qnaList(this)" title="닫힘">
+							<p class="question_text">Q.</p>
+							<p>
+								<span>[기타]</span>
+								위임장은 어떻게 작성하나요?
+							</p>
+						</button>
+						<div class="qna_answer">
+							<p class="answer_text">A.</p>
+							<p class="answer_cont">
+								위임장 양식은 [마이페이지] → [발신번호 관리]에서 다운로드 가능하며 발신번호 명의자를 위임자, 문자온 이용자를 수임자(대리인)로 작성하여 제출해주시면 됩니다.
+							</p>
+
+						</div>
+					</li>
+
+					<li>
+						<button type="button" onclick="qnaList(this)" title="닫힘">
+							<p class="question_text">Q.</p>
+							<p>
+								<span>[기타]</span>
+								문자온 이용 중 버튼이 안눌러지는 등 장애나 오류가 발생한 경우에는 어떻게 해야 하나요?
+							</p>
+						</button>
+						<div class="qna_answer">
+							<p class="answer_text">A.</p>
+							<p class="answer_cont">
+								문자온은 크롬, 엣지, 네이버 웨일 등의 웹브라우저에 최적화되어 있으며, 인터넷 익스플로러를 지원하지 않습니다.(마이크로소프트사 인터넷 익스플로러 서비스 종료)<br>만약 인터넷 익스플로러 이외의 브라우저 사용 중 장애 발생 시 문자온 고객센터(010-8432-9333)로 연락주시면 빠른 처리 도와드리겠습니다.
+							</p>
+
+						</div>
+					</li>
+
+					<li>
+						<button type="button" onclick="qnaList(this)" title="닫힘">
+							<p class="question_text">Q.</p>
+							<p>
+								<span>[기타]</span>
+								투넘버 또는 투폰 이용 시 발신번호 등록이 가능한가요?
+							</p>
+						</button>
+						<div class="qna_answer">
+							<p class="answer_text">A.</p>
+							<p class="answer_cont">
+								투넘버 및 투폰 번호의 경우 두 번째 번호는 가상의 번호인 관계로 이동통신사 및 가입 유형에 따라 본인 인증이 불가할 수 있습니다. 이 경우 고객님께서 가입하신 통신사를 통해 본인 인증 가능여부 확인 후 등록 신청을 진행해주시기 바랍니다.
+							</p>
+
+						</div>
+					</li>
+
+					<li>
+						<button type="button" onclick="qnaList(this)" title="닫힘">
+							<p class="question_text">Q.</p>
+							<p>
+								<span>[기타]</span>
+								세금계산서 발행은 어디서 어떻게 신청하나요?
+							</p>
+						</button>
+						<div class="qna_answer">
+							<p class="answer_text">A.</p>
+							<p class="answer_cont">
+								세금계산서는 즉시이체나 전용계좌를 통해 결제한 경우에만 발행되며, 문자온 사이트 상단 메뉴 중 [결제관리]→[요금 결제내역]→[결제수단/전용계좌 또는 즉시이체 선택]→[증빙서류 발행 신청] 버튼을 통해 신청 가능하며, 매주 수요일 일괄 발행됩니다.<br>세금계산서 자동 발행을 희망하는 경우, [결제관리]→[세금계산서 발행 등록] 메뉴를 통해 편리하게 이용하실 수 있습니다.
+							</p>
+
+						</div>
+					</li>
+
+					<li>
+						<button type="button" onclick="qnaList(this)" title="닫힘">
+							<p class="question_text">Q.</p>
+							<p>
+								<span>[장문·단문·그림문자]</span>
+								문자 발송이 안되는데(발송결과 : 수신거부 등) 어떻게 해야 하나요?
+							</p>
+						</button>
+						<div class="qna_answer">
+							<p class="answer_text">A.</p>
+							<p class="answer_cont">
+								문자온 문자 발송 결과가 “수신거부”로 나타나는 경우, 고객님의 휴대폰 번호가 '번호도용 문자 차단서비스'에 가입되어 있을 확률이 매우 높습니다. 먼저, 고객님의 휴대폰 가입 통신사(SKT, KT, LG 등)에 문의하시어 '번호도용 문자 차단서비스’ 해지 후 재발송하시면 정상 이용 가능합니다.<br>※ 이동통신사 번호도용 문자 차단서비스 : 웹에서 발송되는 스팸, 스미싱 문자 등에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스(서비스 해지 후 문자 정상 발송까지 3~7일 소요)
+							</p>
+						</div>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+
+	<!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
+
+</body>
+
+</html>
(No newline at end of file)
 
src/main/webapp/publish/info_popup.html (added)
+++ src/main/webapp/publish/info_popup.html
@@ -0,0 +1,434 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>사용안내 팝업</title>
+
+  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&amp;display=swap" rel="stylesheet">
+  <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/button.css">
+  <link rel="stylesheet" href="/publish/css/content.css">
+  <link rel="stylesheet" href="/publish/css/mem.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/popup.js"></script>
+  <script src="/publish/js/popupLayer.js"></script>
+
+  <style type="text/css">
+    .popup-com {
+      display: block;
+    }
+
+    .info_popup {
+      display: none;
+    }
+  </style>
+
+  <script>
+    $(function () {
+      setTimeout(function () {
+        var contView = $("#contId").val();
+        $("#" + contView).show();
+      }, 800)
+
+    })
+  </script>
+</head>
+
+<body>
+  <form action="" name="formData" id="formData">
+    <input type="hidden" id="contId" value="">
+  </form>
+
+  <!-- 문자전송 -->
+  <div class="info_popup" id="sendMsg" style="min-width:773px;">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in">
+      <ul class="info_list">
+        <li>(문자발송) 90byte 초과 시 자동으로 장문(LMS)으로 전환되며, 장문 문자는 최대 2,000byte까지만 작성 가능</li>
+        <li>(그림문자) 그림문자 1건당 최대 3장까지 이미지 첨부 가능[권장 사이즈 : <strong>640 x 960</strong>픽셀 / 최대용량 : <strong>10mb</strong> 이내]</li>
+        <li>※ 그림문자 이미지 용량은 300kb 이내에 최적화 되어 있기 때문에 10mb 이내 이미지라 해도 글자(텍스트)가 많은 경우 내용이 잘 보이지 않을 수 있음(텍스트 위주 그림문자 발송 시 사전 테스트 후 대량발송 권장, 해상도 저하에 따른 캐시 환불 불가)</li>
+        <li>예약문자는 수정 가능하며, 예약 발송시간 5분전까지만 취소·삭제 가능합니다.</li>
+        <li>문자 내용에 링크가 포함될 경우 수신자의 단말기종 및 설정(링크설정 허용 등)에 따라 해당 링크 비활성화 및 링크 연결 불가 등의 현상이 발생할 수 있습니다.</li>
+      </ul>
+    </div>
+  </div>
+  <!-- 문자전송 -->
+
+  <!-- 광고문자 관련법규 안내 -->
+  <div class="info_popup" id="adrvertisement1" style="min-width:773px;">
+    <div class="popup_heading">
+      <p>광고문자 관련법규 안내</p>
+    </div>
+    <div class="layer_in">
+      <div class="list_tab_wrap2 type5">
+        <!-- tab button -->
+        <ul class="list_tab">
+          <li class="tab active"><button type="button" onclick="listTab2(this,'1');">광고문자 전송규정 안내</button></li>
+          <li class="tab"><button type="button" onclick="listTab2(this,'2');">광고문자 수신동의 안내</button></li>
+        </ul>
+        <!--// tab button -->
+      </div>
+      <!-- 광고문자 전송규정 안내 -->
+      <div class="adpop_cont current" id="listTab2_1">
+        <div class="adpop1_top">
+          <div>
+            <p>의무사항</p>
+            <div>
+              <p>메시지 시작 부분에 (광고) 문구 표기<span>(광/고), (광 고), [광고], (00광고) 등과 같이 변칙
+                  표기 금지</span></p>
+              <p>업체명, 연락처, 무료거부 표기<span>“업체명”이 기재될 경우 연락처 및 무료거부 표기가
+                  없더라도 100% 광고문자로 간주</span></p>
+              <p>광고문자 전송시간<span>오전 8시부터 오후 9시까지만 전송 가능<br>
+                  ※ 오후 9시 이후에는 광고문자 전송 불가</span></p>
+            </div>
+          </div>
+        </div>
+        <div class="adpop1_middle">
+          <p>2015년 5월부터 광고전송에 대한 (광고)표시 의무가 본격 시행되었습니다.<br>
+            자세한 관련 법규 관련 사항은 아래 한국인터넷진흥원(KISA)에서 제공하는 안내서를 참고하시기 바랍니다.</p>
+          <button type="button">불법스팸방지 안내서 5차 개정판</button>
+          <a href="/download/msg/K003_불법스팸_방지_안내서_제6차_개정판(수정_2024년).pdf" target="_blank" class="download_button">불법스팸방지 안내서 6차 개정판</a>
+          <span>* 출처 : KISA 한국인터넷진흥원</span>
+        </div>
+        <div class="adpop1_bottom">
+          <p>광고문자의 범위는 어디서부터 어디까지인가요?</p>
+          <div>
+            <div>
+              <p>영리목적의 광고성 정보 범위</p>
+              <p>· 영업을 하는 자가 고객에게 보내는 정보는 원칙적으로 모두 광고성 정보로 간주<br>
+                · 주된 정보가 광고성 정보가 아니더라도 부수적으로 광고성 정보가 포함되어 있다면 광고성 정보로 분류
+              </p>
+            </div>
+            <div>
+              <p>광고성 정보의 예외</p>
+              <p>· 구매한 재화 또는 서비스에 대한 보증, 제품 리콜, 안전 또는 보안 관련 정보<br>
+                · 고객의 요청에 의해 발송되는 1회성 정보<br>
+                · 수신자가 금전적 대가를 지불하고 신청한 정보
+              </p>
+            </div>
+            <div class="adpop1_bottom_in">
+              <p>‘영리목적의 광고성 정보’의 적용범위</p>
+              <div>
+                <span>법률</span>
+                <div>
+                  <p>제50조(영리목적의 광고성 정보 전송 제한)</p>
+                  <p>① 누구든지 전자적 전송매체를 이용하여 영리목적의 광고성 정보를 전송하려면 그 수신자의 명시적인 사전 동의를 받아야한다. 다만, 다음 각 호의 어느 하나에 해당하는 경우에는 사전동의를 받지 아니한다.<br>
+                    1. 재화 등의 거래관계를 통하여 수신자로부터 직접 연락처를 수집한 자가 대통령령으로 정한 기간 이내에 자신이 처리하고 수신자와 거래한 것과 동종의 재화 등에 대한 영리목적의 광고성 정보를 전송 하려는 경우<br>
+                    2. “방문판매 등에 관한 법률”에 따른 전화권유판매자가 육성으로 수신자에게 개인정보의 수집출처를 고지하고 전화권유를 하는 경우</p>
+                </div>
+              </div>
+              <div>
+                <span>시행령</span>
+                <div>
+                  <p>제61조(영리목적의 광고성 정보 전송기준)</p>
+                  <p>① 법 제50조제1항제1호에서 “대통령령으로 정한 기간”이란 해당 재화 등의 거래가 종료된 날부터 6개월을 말한다.</p>
+                </div>
+              </div>
+              <div class="adpop1_bottom_req">
+                <p>누구든지 전자적 전송매체를 이용해 영리목적의 광고성 정보를 전송하는 경우<br>
+                  정보통신망법 제50조에서 정한 의무를 준수하여야 함</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!--// 광고문자 전송규정 안내 -->
+
+      <!-- 광고문자 수신동의 안내 -->
+      <div class="adpop_cont adpop2" id="listTab2_2">
+        <div class="adpop1_top">
+          <div>
+            <p>의무사항</p>
+            <span class="info">수신동의 여부를 받은날로부터 2년마다 재고지하여야 함</span>
+            <div>
+              <p>전송자 명칭<span>메시지 시작부분에 표기</span></p>
+              <p>날짜, 동의 사실<span>수신동의 날짜 및 수신에 동의한 사실을 입력</span></p>
+              <p>무료거부번호 표기<span>수신동의에 대한 유지 또는 철회 의사 표시</span></p>
+            </div>
+          </div>
+        </div>
+        <div class="adpop1_bottom">
+          <div class="adpop1_bottom_in">
+            <p>수신동의 여부 확인</p>
+            <div>
+              <span>법률</span>
+              <div>
+                <p>제50조(영리목적의 광고성 정보 전송 제한)</p>
+                <p>⑧ 제1항 또는 제3항에 따라 수신동의를 받은 자는 대통령령으로 정하는 바에 따라 정기적으로 광고성 정보 수신자의 수신동의 여부를 확인하여야 한다.<p>
+              </div>
+            </div>
+            <div>
+              <span>시행령</span>
+              <div>
+                <p>제62조의3(수신동의 여부 확인 방식)</p>
+                <p>① 법 제50조제1항 또는 제3항에 따라 수신자의 사전 동의를 받은 자는 같은 조 제8항에 따라 그 수신동의를 받은 날로부터 2년마다(매 2년이 되는 해의 수신동의를 받은 날과 같은 날 전까지를 말한다) 해당 수신자의 수신동의 여부를 확인하여야 한다.<br>
+                  ② 제1항에 따라 수신동의 여부를 확인하려는 자는 수신자에게 다음 각 호의 사항을 밝혀야 한다.<br>
+                  1. 전송자의 명칭<br>
+                  2. 수신자의 수신동의 사실과 수신에 동의한 날짜<br>
+                  3. 수신동의에 대한 유지 또는 철회의 의사를 표시하는 방법</p>
+              </div>
+            </div>
+            <div class="adpop1_bottom_req">
+              <p>누구든지 전자적 전송매체를 이용해 영리목적의광고성 정보를 전송하는 경우<br>
+                정보통신망법 제50조에서 정한 의무를 준수하여야 함</p>
+            </div>
+          </div>
+        </div>
+        <div class="adpop1_bottom" style="border-top: 2px solid #000;">
+          <p>수신동의가 무엇인가요?</p>
+          <div>
+            <p>· 광고성 문자 전송자는 최초 수신동의 여부를 받은날로부터 매 2년마다 수신자에게 재수신 동의를 하여야 합니다.</p>
+            <p>· 2018년 11월 29일 개정법 시행 이전 발송한 광고성 문자 수신 동의 건에 대해서는 추가 수신동의를 받아야 하며, &nbsp;&nbsp;광고성 문자 수신 동의를 받지 않고 문자전송 시 과태료가 부과되오니 반드시 유의하시기 바랍니다.</p>
+            <p>· 수신자의 의사표시 방법은 비용이 발생하지 않도록 적절한 조치를 취하여야 합니다.</p>
+            <p>· 수신자가 별도의 의사표시를 하지 않은 경우 기존 동의 의사는 계속 유지됩니다.</p>
+          </div>
+        </div>
+        <div class="adpop1_bottom">
+          <p>수신동의 처리결과를 수신자에게 반드시 통지해야 하나요?</p>
+          <div>
+            <p>· 수신자가 수신거부 또는 수신동의 철회를 요청한 경우 접수일로부터 14일 이내에 그 결과를 수신자에게<br>&nbsp;&nbsp;고지하여야 합니다.</p>
+            <p>· 수신동의 처리결과 통지는 광고성 정보 전송이 아니므로 ‘(광고)’나 ‘무료회신번호’ 등을 표기하지 않아도 됩니다.</p>
+            <p>· 수신자의 의사표시 방법은 비용이 발생하지 않도록 적절한 조치를 취하여야 합니다.</p>
+            <p class="c_e40000">&nbsp;&nbsp;ex) 귀하가 2020년 8월 30일 요청하신 수신동의 철회요청이 정상적으로 처리되었습니다. 업체명</p>
+          </div>
+        </div>
+      </div>
+      <!--// 광고문자 수신동의 안내 -->
+    </div>
+  </div>
+  <!-- 광고문자 관련법규 안내 -->
+
+  <!-- 주소록관리 -->
+  <div class="info_popup" id="adrbook1" style="min-width:773px;">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in layer_info_wrap">
+      <ul class="info_list">
+        <li>연락처를 그룹별로 분류하여 간편하고 편리하게 관리할 수 있습니다(최대 500,000개까지 등록 가능)</li>
+        <li>그룹은 그룹 간 이동, 병합 및 복사가 가능합니다.</li>
+        <li>주소록은 중복검사가 가능하며 중복된 연락처를 삭제할 수 있습니다. 단, 데이터 양에 따라 시간이 소요될 수 있습니다.</li>
+        <li>주소록 관리에서 그룹 또는 연락처를 선택하여 문자를 바로 발송할 수 있습니다.</li>
+        <li>주소록 내보내기를 통해 다른 ID로 주소록을 복사할 수 있습니다(그룹 전송만 가능, 보낸 주소록 결과는 최대 90일까지 보관)</li>
+        <li>주소록 내보내기 시에는 개인정보보호를 위해 추가 휴대폰 인증을 실시하며, 휴대폰 인증은 등록된 발신번호로만 인증 가능합니다.</li>
+        <li>고객님께서 보유하신 엑셀파일이나 텍스트파일 등으로 작성된 주소록을 대량 등록할 수 있습니다.</li>
+        <li>주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</li>
+        <li>주소록 무료대행은 신규 그룹으로 생성됩니다(기존 그룹 수정 불가)</li>
+      </ul>
+    </div>
+  </div>
+  <!-- // 주소록관리 -->
+
+  <!-- 팩스 주소록관리 -->
+  <div class="info_popup" id="faxAdrbook1" style="min-width:773px;">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in layer_info_wrap">
+      <ul class="info_list">
+        <li>연락처를 그룹별로 분류하여 간편하고 편리하게 관리할 수 있습니다(최대 500,000개까지 등록 가능)</li>
+        <li>그룹은 그룹 간 이동, 병합 및 복사가 가능합니다.</li>
+        <li>주소록은 중복검사가 가능하며 중복된 연락처를 삭제할 수 있습니다. 단, 데이터 양에 따라 시간이 소요될 수 있습니다.</li>
+        <li>주소록 관리에서 그룹 또는 연락처를 선택하여 문자를 바로 발송할 수 있습니다.</li>
+        <li>주소록 내보내기를 통해 다른 ID로 주소록을 복사할 수 있습니다(그룹 전송만 가능, 보낸 주소록 결과는 최대 90일까지 보관)</li>
+        <li>주소록 내보내기 시에는 개인정보보호를 위해 추가 휴대폰 인증을 실시하며, 휴대폰 인증은 등록된 발신번호로만 인증 가능합니다.</li>
+        <li>고객님께서 보유하신 엑셀파일이나 텍스트파일 등으로 작성된 주소록을 대량 등록할 수 있습니다.</li>
+        <li>주소록 등록이 어려우신 경우에는 주소록 입력대행 메뉴를 이용하시면 됩니다.</li>
+        <li>주소록 무료대행은 신규 그룹으로 생성됩니다(기존 그룹 수정 불가)</li>
+      </ul>
+    </div>
+  </div>
+  <!-- // 팩스 주소록관리 -->
+
+  <!-- 수신거부 -->
+  <div class="info_popup addr_block_popup" id="adrBlock" style="min-width:773px;">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in layer_info_wrap">
+      <div class="list_tab_wrap2 type5">
+        <ul class="list_tab">
+          <li class="tab active"><button type="button" onclick="listTab(this,'4');">전체</button></li>
+          <li class="tab"><button type="button" onclick="listTab(this,'5');">080 자동 수신거부</button></li>
+          <li class="tab"><button type="button" onclick="listTab(this,'6');">직접등록</button></li>
+        </ul>
+      </div>
+      <ul class="info_list list_cont current" id="listTab_4">
+        <li>080 자동 수신거부 및 직접등록을 통해 등록된 번호는 광고 또는 선거문자 발송 시 자동으로 차단됩니다.</li>
+        <li>080 자동 수신거부 목록에 등록된 거부번호를 삭제하는 경우 정보통신망법 제76조제1항제7호에 의거 과태료가 부과될 수 있으며, 문자온은 이에 대한 어떠한 민‧형사상 책임도 지지 않습니다.</li>
+        <li>근거 : 정보통신망에 관한 법률‘ 제50조제7항및제62조의2(영리목적의 광고성 정보를 전송하려는 사업자는 수신거부를 표시한 날로부터 14일 이내에 수신거부 결과를 알려야 함)</li>
+        <li>원활한 서비스 이용을 위해 수신거부 번호는 주소록에서도 완전히 삭제하신 후 이용하시기를 권장드립니다.</li>
+        <li>수신거부 처리된 번호를 주소록에서 삭제하시려면 하단의 “주소록에서 삭제” 버튼을 클릭하시면 됩니다.</li>
+        <li>수신거부 목록에 등록된 번호를 삭제하는 경우 문자가 정상적으로 발송되므로 반드시 유의하시기 바랍니다.</li>
+        <li>“결과전송” 클릭 시 선택하신 번호로 수신거부 처리결과가 문자(단문) 전송됩니다.</li>
+        <li>수신거부 직접등록은 최대 10,000건까지만 가능합니다.(080 자동 수신거부 건수 제외)</li>
+      </ul>
+      <ul class="info_list list_cont" id="listTab_5">
+        <li>080 자동 수신거부에 등록된 번호는 광고 또는 선거문자 발송 시 자동으로 차단됩니다.</li>
+        <li>080 자동 수신거부 목록에 등록된 거부번호를 삭제하는 경우 정보통신망법 제76조제1항제7호에 의거 과태료가 부과될 수 있으며, 문자온은 이에 대한 어떠한 민‧형사상 책임도 지지 않습니다.</li>
+        <li>근거 : 정보통신망에 관한 법률‘ 제50조제7항및제62조의2(영리목적의 광고성 정보를 전송하려는 사업자는 수신거부를 표시한 날로부터 14일 이내에 수신거부 결과를 알려야 함)</li>
+        <li>원활한 서비스 이용을 위해 080 자동 수신거부 번호는 주소록에서도 완전히 삭제하신 후 이용하시기를 권장드립니다.</li>
+        <li>080 자동 수신거부 처리된 번호를 주소록에서 삭제하시려면 하단의 “주소록에서 삭제” 버튼을 클릭하시면 됩니다.</li>
+        <li>수신거부 목록에 등록된 번호를 삭제하는 경우 문자가 정상적으로 발송되므로 반드시 유의하시기 바랍니다.</li>
+        <li>“결과전송” 클릭 시 선택하신 번호로 수신거부 처리결과가 문자(단문) 전송됩니다.</li>
+      </ul>
+      <ul class="info_list list_cont" id="listTab_6">
+        <li>수신거부 직접등록은 최대 10,000건까지만 가능합니다.(080 자동 수신거부 건수 제외)</li>
+        <li>수신거부 직접등록을 통해 입력된 번호는 광고 또는 선거문자 발송 시 자동으로 차단됩니다.</li>
+        <li>원활한 서비스 이용을 위해 직접등록한 수신거부 번호를 주소록에서도 완전히 삭제하신 후 이용하시기를 권장드립니다.</li>
+        <li>수신거부 직접등록 번호를 주소록에서 삭제하시려면 하단의 “주소록에서 삭제” 버튼을 클릭하시면 됩니다.</li>
+        <li>수신거부 목록에 등록된 번호를 삭제하는 경우 문자가 정상적으로 발송되므로 반드시 유의하시기 바랍니다.</li>
+      </ul>
+      <div class="info_button">
+        <button type="button" class="excel_btn" onclick="location.href='/download/addrBlock/수신거부_대량등록.xlsx'"><i class="downroad"></i>엑셀파일 다운로드</button>
+        <button type="button" class="txt_btn" onclick="location.href='/download/addrBlock/수신거부_대량등록.zip'"><i></i>TXT 샘플 다운로드</button>
+      </div>
+    </div>
+  </div>
+  <!-- // 수신거부 -->
+
+  <!-- 주소록 입력 대행(무료) -->
+  <div class="info_popup" id="adrbookAgency">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in layer_info_wrap">
+      <ul class="info_list">
+        <li>평일 09:30~17:00 사이에 신청하신 경우 <strong>당일 처리를 원칙</strong>으로 하되, 파일의 상태, 용량 등에 따라 1~2일 정도 소요될 수 있습니다<strong>(주말 및 공휴일 처리 불가)</strong></li>
+        <li>첨부가능 파일 : xlsx, xls, hwp, litxt, doc, docx, csv(파일당 최대 용량 10MB)</li>
+        <li>주소록 등록 대행은 <strong>신규 그룹으로만 생성 가능</strong>합니다</li>
+        <li>긴급한 건은 1551-8011로 연락 주시기 바랍니다.</li>
+        <li>엑셀파일에 비밀번호 설정, 수식 등이 설정되어 있는 경우 업로드가 불가합니다.</li>
+      </ul>
+    </div>
+  </div>
+  <!-- // 주소록 입력 대행(무료) -->
+
+  <!-- 발송결과 -->
+  <div class="info_popup" id="textingmsg">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in layer_info_wrap">
+      <ul class="info_list">
+        <li>보낸결과는 이동통신사의 결과값을 기반으로 표시되며, 최대 6개월간의 발송내역만 확인하실 수 있습니다.</li>
+        <li>전송내역이 필요한 경우 기간(6개월) 내에 다운로드하여 주시기 바랍니다.</li>
+        <li>보낸결과는 이동통신사 및 수신자 등의 사정으로 발송이 지연된 경우 결과가 다소 늦게 확인될 수 있습니다.</li>
+        <li>받는사람 기준으로 전송건별(묶음), 개인별(건) 상세조회가 가능합니다.</li>
+        <li>단문문자는 최대 24시간, 장문 및 그림문자는 최대 72시간까지 결과값이 수신되지 않은 경우 실패(비과금) 처리됩니다.</li>
+        <li>보낸결과는 삭제 시 복구가 불가하오니 반드시 유의하시기 바랍니다.</li>
+      </ul>
+    </div>
+  </div>
+  <!-- // 발송결과 -->
+
+
+  <!-- 예약관리 -->
+  <div class="info_popup" id="reserveMsg">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in layer_info_wrap">
+      <ul class="info_list">
+        <li>최근 3개월간 예약된 메시지를 확인할 수 있으며, 이후 내역은 자동 삭제됩니다.</li>
+        <li>예약문자는 수정 가능하며, 예약 발송시간 5분전까지만 취소·삭제 가능합니다.</li>
+        <li>취소·삭제된 메시지는 복구가 불가하며, 취소·삭제된 건에 대한 금액은 자동 재적립됩니다.</li>
+        <li>단문문자는 최대 26시간, 장문 및 그림문자는 최대 49시간까지 결과값이 수신되지 않을 경우 실패(비과금) 처리됩니다.</li>
+        <li>이동통신사 또는 수신자의 사정으로 전송이 지연된 경우 전송결과가 늦게 확인될 수 있습니다.</li>
+        <li>전송 실패 건에 대해서도 재전송이 가능합니다.</li>
+        <li>야간(21:00~08:00) 예약전송은 별도의 추가 인증을 받아야 전송 가능합니다.</li>
+      </ul>
+    </div>
+  </div>
+  <!-- // 예약관리 -->
+
+  <!-- 결제관리 > 요금안내/견적내기 -->
+  <div class="info_popup" id="payment1">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in layer_info_wrap">
+      <div class="list_tab_wrap2 type5">
+        <ul class="list_tab">
+          <li class="tab active"><button type="button" onclick="listTab(this,'4');" style="border-right: 0px;">요금안내</button></li>
+          <li class="tab "><button type="button" onclick="listTab(this,'5');">견적내기</button></li>
+        </ul>
+      </div>
+      <ul class="info_list list_cont price_history_cont current" id="listTab_4">
+        <li>포인트는 10,000원 이상부터 현금으로도 전환 가능합니다.</li>
+        <li>모든 요금은 VAT 별도 금액입니다.</li>
+      </ul>
+      <ul class="info_list list_cont price_history_cont" id="listTab_5" style="display: none;">
+        <li>견적서는 발행일로부터 30일간 유효합니다.</li>
+        <li>견적서는 결제방식, 옵션 등에 따라 차이가 발생할 수 있습니다. </li>
+        <li>대량발송의 경우 단가협의가 가능하오니 1551-8011로 문의 바랍니다.</li>
+      </ul>
+    </div>
+  </div>
+  <!-- //결제관리 > 요금안내/견적내기 -->
+
+  <!-- 결제관리 > 결제하기 -->
+  <div class="info_popup" id="payment2">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in layer_info_wrap">
+      <ul class="info_list">
+        <li>문자온 서비스 이용을 위해서 반드시 충전이 필수 입니다.</li>
+        <li>충전 자체로 매출 인식이 되지 않는 서비스 특성상, 부가세 신고는 전자 세금계산서로만 가능합니다.</li>
+        <li>모든 요금은 VAT별도 금액입니다.</li>
+      </ul>
+    </div>
+  </div>
+  <!-- //결제관리 > 결제하기 -->
+
+  <!-- 결제관리 > 요금 사용 내역 -->
+  <div class="info_popup" id="PayUserList">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in layer_info_wrap">
+      <ul class="info_list">
+        <li>요금 사용내역을 상세히 조회 및 확인하실 수 있습니다.</li>
+        <li>요금 사용내역은 사용일로부터 72시간 이후 건에 대해서만 조회 가능합니다.</li>
+        <li>발송 건수는 정상 수신건에 한하여 제공합니다.</li>
+        <li>모든 사용내역은 VAT 별도 금액입니다.</li>
+      </ul>
+    </div>
+  </div>
+  <!-- //결제관리 > 요금 사용 내역 -->
+
+  <!-- 결제관리 > 세금계산서 발행 등록 -->
+  <div class="info_popup" id="BillPub">
+    <div class="popup_heading">
+      <p>사용안내</p>
+    </div>
+    <div class="layer_in layer_info_wrap">
+      <ul class="info_list">
+        <li>세금계산서는 결제일로부터 영업일 기준 3일 소요되며, 업체 등록한 담당자 이메일로 자동 발행됩니다(결제일로부터 다음달 9일까지 신청가능)</li>
+        <li>신청기간이 지난 세금계산서 결제내역은 자동발행이 되지 않습니다.</li>
+        <li>카드전표 또는 현금영수증을 발행한 건의 경우에는 세금계산서 발행이 불가합니다.</li>
+        <li>전자세금계산서는 발행과 동시에 국세청에 전송되기 때문에 폐기 및 정정이 불가하며, 수정이 필요한 경우 문자온 담당자에게 별도로 수정 세금계산서 발행을 요청(전화 또는 이메일)하셔야 합니다.</li>
+        <li> 또한, 기존 세금계산서와 수정 세금계산서 모두를 부가세 신고하여야 합니다.</li>
+        <!-- <li>세금계산서 자동발행 등록 시 현금영수증 발행화면은 비활성화 됩니다.</li> -->
+        <li>무통장, 전용계좌는 송금액에서 공급가액이 충전됩니다(VAT 별도)</li>
+      </ul>
+    </div>
+  </div>
+  <!-- // 결제관리 > 세금계산서 발행 등록 -->
+
+</body>
+
+</html>(No newline at end of file)
src/main/webapp/publish/intro_bestsample.html
--- src/main/webapp/publish/intro_bestsample.html
+++ src/main/webapp/publish/intro_bestsample.html
@@ -33,53 +33,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+    
     <!-- header 영역 -->
     <header id="header" class="header">
         <!-- header top 영역 -->
@@ -433,40 +387,9 @@
     </div>
     <!--// content 영역 -->
     <!-- footer 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/intro_function.html
--- src/main/webapp/publish/intro_function.html
+++ src/main/webapp/publish/intro_function.html
@@ -33,53 +33,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+    
     <!-- header 영역 -->
     <header id="header" class="header">
         <!-- header top 영역 -->
@@ -215,40 +169,9 @@
     </div>
     <!--// content 영역 -->
     <!-- footer 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/intro_service.html
--- src/main/webapp/publish/intro_service.html
+++ src/main/webapp/publish/intro_service.html
@@ -33,53 +33,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+    
     <!-- header 영역 -->
     <header id="header" class="header">
         <!-- header top 영역 -->
@@ -216,40 +170,9 @@
     </div>
     <!--// content 영역 -->
     <!-- footer 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/js/common.js
--- src/main/webapp/publish/js/common.js
+++ src/main/webapp/publish/js/common.js
@@ -1,3 +1,22 @@
+// header, footer 공통 영역 불러오기
+window.addEventListener('load', function () {
+    var allElements = document.getElementsByTagName('*');
+    Array.prototype.forEach.call(allElements, function (el) {
+      var includePath = el.dataset.includePath;
+      if (includePath) {
+        var xhttp = new XMLHttpRequest();
+        xhttp.onreadystatechange = function () {
+          if (this.readyState == 4 && this.status == 200) {
+            el.outerHTML = this.responseText;
+  
+          }
+        };
+        xhttp.open('GET', includePath, true);
+        xhttp.send();
+      }
+    });
+  });
+
 $(document).ready(function () {
     /* 본문 바로가기 */
     $('.skip_menu a').on('focus', function(){
src/main/webapp/publish/js/popup.js
--- src/main/webapp/publish/js/popup.js
+++ src/main/webapp/publish/js/popup.js
@@ -68,10 +68,6 @@
 }
 
 
-
-
-
-
 /* 이미지불러오기 클릭 시 photo editer 새창 팝업 오픈  */
 function showPotoediter() { 
     //만들려는 팝업의 크기
@@ -86,3 +82,19 @@
 }
 
 
+/* 윈도우팝업 열기 */
+function infoListPop(contId, _width, _height){
+
+	var popupUrl = "/publish/info_popup.html";
+	var popupName = "사용안내 팝업"
+	var popupOption = "width="+_width+", height="+_height+", top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=1"
+
+	var infoPopup = window.open(popupUrl,popupName,popupOption);
+
+	infoPopup.onload = function() {
+		infoPopup.document.getElementById('contId').value = contId;
+		infoPopup.document.getElementById(contId).style.display="block";
+	}
+
+
+}
(No newline at end of file)
src/main/webapp/publish/kakao_allimtalk_add.html
--- src/main/webapp/publish/kakao_allimtalk_add.html
+++ src/main/webapp/publish/kakao_allimtalk_add.html
@@ -2,716 +2,574 @@
 <html lang="ko">
 
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>문자온_알림톡 템플릿 등록</title>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>문자온_알림톡 템플릿 등록</title>
 
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
-    <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/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">
-    <link rel="stylesheet" href="/publish/js/datepicker/classic.css">
-    <link rel="stylesheet" href="/publish/js/datepicker/classic.date.css">
+	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
+	<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/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">
+	<link rel="stylesheet" href="/publish/js/datepicker/classic.css">
+	<link rel="stylesheet" href="/publish/js/datepicker/classic.date.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/popupLayer.js"></script>
-    <script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
-    <script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
-    <script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
+	<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/popupLayer.js"></script>
+	<script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
+	<script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
+	<script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
 
 
 </head>
 
 <body>
-    <div class="skip_menu">
-        <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-    </div>
-    <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
-    <!-- header 영역 -->
-    <header id="header" class="header sub ">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                        <input type="text" placeholder="문자샘플 검색하기">
-                        <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-                </div>
-            </div>
-            <!--// search popup 영역 -->
-        </div>
-        <!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div>
-        <!--// login 영역 -->
-    </header>
-    <!--// header 영역 -->
-    <!-- login 영역 -->
-    <!-- content 영역 -->
-    <div id="container" class="cont sub">
-        <div class="inner">
-            <!-- send top -->
-            <div class="send_top">
-                <!-- tab button -->
-                <ul class="tabType4">
-                    <li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'2');">친구톡</button></li>
-                    <li class="tab active"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">카카오톡 설정</button></li>
-                    <li class="tab"><button type="button" onclick="TabType5(this,'4');">알림톡·친구톡 소개</button></li>
-                </ul>
-                <!--// tab button -->
-                <!-- 카카오톡 설정 - 알림톡 템플릿 등록/관리 - 내템플릿 -->
-                <div class="top_content kakaotalkset_cont current pay_tab_wrap">
-                    <div class="heading">
-                        <h2>카카오톡 설정</h2>
-                        <button type="button" class="button info" onclick="window.open('popup_kakaoset_template.html','_blank','width=790, height=300, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">사용안내</button>
-                    </div>
-                    <div class="list_tab_wrap2 type2 ">
-                        <!-- tab button -->
-                        <ul class="list_tab">
-                            <li class="tab"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">사용안내</button></li>
-                            <li class="tab"><button type="button" onclick="location.href='/publish/kakao_profile_add.html'">발신프로필 등록/관리</button></li>
-                            <li class="tab active"><button type="button" onclick="location.href='/publish/kakao_allimtalk_list.html'">알림톡 템플릿 등록/관리</button></li>
-                            <li class="tab"><button type="button">친구톡 템플릿 등록/관리</button></li>
-                        </ul>
-                        <!--// tab button -->
-                    </div>
-                    <div class="send_general kakao_wrap">
-                        <div class="send_left">
-                            <p class="tType1_title">알림톡 템플릿 등록</p>
-                            <table class="tType1">
-                                <colgroup>
-                                    <col style="width: 190px;">
-                                    <col style="width: auto;">
-                                </colgroup>
-                                <tbody>
-                                    <tr>
-                                        <th>채널</th>
-                                        <td>
-                                            <select name="" id="" class="select_gray_type">
-                                                <option value="">@munjaon</option>
-                                            </select>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th>템플릿명</th>
-                                        <td>
-                                            <input type="text" class="template_name" placeholder="템플릿 명을 입력해주세요">
-                                            <p class="template_name_cf">최대 100자, 중복불가</p>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th>카테고리</th>
-                                        <td>
-                                            <select name="" id="" class="select_gray_type template_category">
-                                                <option value="">카테고리 선택</option>
-                                            </select>
-                                            <select name="" id="" class="select_gray_type template_category">
-                                                <option value="">카테고리 선택</option>
-                                            </select>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th>강조 유형</th>
-                                        <td>
-                                            <select name="" id="" class="select_gray_type emphasis_select">
-                                                <option value="emphasis_0">없음</option>
-                                                <option value="emphasis_1">이미지형</option>
-                                                <option value="emphasis_2" selected>강조표기형</option>
-                                                <option value="emphasis_3">아이템리스트형</option>
-                                            </select>
-                                            <div class="emphasis_cont emphasis_image">
-                                                <div class="emphasis_image_info">
-                                                    <p class="info_title">자세한 이미지 제작가이드는 <a href="https://kakaobusiness.gitbook.io/main/ad/bizmessage/notice-friend/content-guide#2-1." class="c_002c9a fwBold"> 카카오 공식 제작가이드를 반드시 참고</a>해 주세요. <br>카카오톡 8.7.5버전 이상에서만 이미지 노출됨</p>
-                                                    <ul class="info_side_text">
-                                                        <li>· 권장 이미지 사이즈 : 800px X 400px <br>
-                                                            (가로:세로 비율이 2:1 아닐 경우, 가로 500px, 세로 250px 이하일 경우 업로드 불가)</li>
-                                                        <li>· 파일형식 및 크기 : jpg, png / 최대 500KB</li>
-                                                        <li>· 이미지 클릭 시 링크 연결 불가</li>
-                                                    </ul>
-                                                    <dl class="file_wrap">
-                                                        <dt>첨부이미지</dt>
-                                                        <dd>
-                                                            <input type="text" class="input-file1" title="첨부파일">
-                                                            <button type="button" class="img_add" title="이미지 추가 버튼" onclick="selectAddImg('input-file1');">파일첨부</button>
-                                                        </dd>
-                                                    </dl>
+	<div class="skip_menu">
+		<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
+	</div>
+	<!--// skip 메뉴  -->
 
-                                                </div>
-                                            </div>
-                        </div>
-                        <div class="emphasis_cont emphasis_mark active">
-                            <dl>
-                                <dt>보조문구</dt>
-                                <dd><input type="text" placeholder="강조표기 보조문구를 입력해주세요(최대 50자)"></dd>
-                                <dt>타이틀</dt>
-                                <dd><input type="text" placeholder="강조표기 타이틀을 입력해주세요(최대 50자)"></dd>
-                            </dl>
-                        </div>
-                        <div class="emphasis_cont emphasis_itemlist"></div>
-                        </td>
-                        </tr>
-                        <tr>
-                            <th>템플릿 유형</th>
-                            <td>
-                                <select name="" id="" class="select_gray_type template_type_select" onchange="templateTypeSelect(this);">
-                                    <option value="template_type_0" selected>기본형</option>
-                                    <option value="template_type_1">부가정보형</option>
-                                    <option value="template_type_2">채널추가형</option>
-                                    <option value="template_type_3">복합형</option>
-                                </select>
-                                <div class="template_type_cont type1">
-                                    <input type="text" class="template_side_text" placeholder="부가정보는 500자 이내로 변수 사용 불가능, 링크 사용 가능">
-                                </div>
-                                <div class="template_type_cont type2">
-                                    <input type="text" value="채널 추가하고 이 채널의 광고와 마케팅 메시지를 카카오톡으로 받기" readonly>
-                                </div>
-                            </td>
-                        </tr>
-                        <tr>
-                            <th>내용</th>
-                            <td class="kakao_template_text">
-                                <div class="put_left">
-                                    <textarea id="textarea" class="textarea_gray_type" placeholder="내용을 입력해주세요"></textarea>
-                                    <div class="text_length" style="right: 15px;">
-                                        <p class="fwLg"><span class="fwMd">0 /</span><span class="c_002c9a fwMd">2,000</span>byte</span>
-                                    </div>
-                                </div>
-                                <div class="put_right">
-                                    <div class="btn_popup_wrap">
-                                        <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
-                                        <div class="send_miniPop spc_character">
-                                            <div class="tab_character">
-                                                <a href="#none" class="on">특수문자</a>
-                                                <a href="#none">웃음</a>
-                                                <a href="#none">슬픔</a>
-                                                <a href="#none">분노</a>
-                                                <a href="#none">사랑</a>
-                                                <a href="#none">그외</a>
-                                            </div>
-                                            <!-- 특수문자 -->
-                                            <div class="cnt_character on">
-                                                <div class="box_character">
-                                                    <a href="#">※</a>
-                                                    <a href="#">☆</a>
-                                                    <a href="#">★</a>
-                                                    <a href="#">○</a>
-                                                    <a href="#">●</a>
-                                                    <a href="#">◎</a>
-                                                    <a href="#">◇</a>
-                                                    <a href="#">◆</a>
-                                                    <a href="#">□</a>
-                                                    <a href="#">■</a>
-                                                    <a href="#">△</a>
-                                                    <a href="#">▲</a>
-                                                    <a href="#">▽</a>
-                                                    <a href="#">▼</a>
-                                                    <a href="#">→</a>
-                                                    <a href="#">←</a>
-                                                    <a href="#">↑</a>
-                                                    <a href="#">↓</a>
-                                                    <a href="#">↔</a>
-                                                    <a href="#">〓</a>
-                                                    <a href="#">◁</a>
-                                                    <a href="#">♪</a>
-                                                    <a href="#">◀</a>
-                                                    <a href="#">▷</a>
-                                                    <a href="#">▶</a>
-                                                    <a href="#">♤</a>
-                                                    <a href="#">♠</a>
-                                                    <a href="#">♡</a>
-                                                    <a href="#">♥</a>
-                                                    <a href="#">♧</a>
-                                                    <a href="#">♣</a>
-                                                    <a href="#">⊙</a>
-                                                    <a href="#">◈</a>
-                                                    <a href="#">▣</a>
-                                                    <a href="#">◐</a>
-                                                    <a href="#">◑</a>
-                                                    <a href="#">▒</a>
-                                                    <a href="#">▦</a>
-                                                    <a href="#">♨</a>
-                                                    <a href="#">☏</a>
-                                                    <a href="#">☎</a>
-                                                    <a href="#">☞</a>
-                                                    <a href="#">☜</a>
-                                                    <a href="#">㈜</a>
-                                                    <a href="#">™</a>
-                                                    <a href="#">℡</a>
-                                                    <a href="#">ㆀ</a>
-                                                    <a href="#">ε</a>
-                                                    <a href="#">『</a>
-                                                    <a href="#">』</a>
-                                                    <a href="#">ⓛ</a>
-                                                    <a href="#">∏</a>
-                                                    <a href="#">ご</a>
-                                                    <a href="#">♂</a>
-                                                    <a href="#">↗</a>
-                                                    <a href="#">↙</a>
-                                                    <a href="#">↖</a>
-                                                    <a href="#">↘</a>
-                                                    <a href="#">ψ</a>
-                                                </div>
-                                            </div>
-                                            <!-- //특수문자 -->
+	<!-- header 영역 -->
+	<div data-include-path="/publish/layout/_header.html"></div>
+	<!--// header 영역 -->
+	<!-- login 영역 -->
+	<!-- content 영역 -->
+	<div id="container" class="cont sub">
+		<div class="inner">
+			<!-- send top -->
+			<div class="send_top">
+				<!-- tab button -->
+				<ul class="tabType4">
+					<li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
+					<li class="tab"><button type="button" onclick="TabType5(this,'2');">친구톡</button></li>
+					<li class="tab active"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">카카오톡 설정</button></li>
+					<li class="tab"><button type="button" onclick="TabType5(this,'4');">알림톡·친구톡 소개</button></li>
+				</ul>
+				<!--// tab button -->
+				<!-- 카카오톡 설정 - 알림톡 템플릿 등록/관리 - 내템플릿 -->
+				<div class="top_content kakaotalkset_cont current pay_tab_wrap">
+					<div class="heading">
+						<h2>카카오톡 설정</h2>
+						<button type="button" class="button info" onclick="window.open('popup_kakaoset_template.html','_blank','width=790, height=300, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">사용안내</button>
+					</div>
+					<div class="list_tab_wrap2 type2 ">
+						<!-- tab button -->
+						<ul class="list_tab">
+							<li class="tab"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">사용안내</button></li>
+							<li class="tab"><button type="button" onclick="location.href='/publish/kakao_profile_add.html'">발신프로필 등록/관리</button></li>
+							<li class="tab active"><button type="button" onclick="location.href='/publish/kakao_allimtalk_list.html'">알림톡 템플릿 등록/관리</button></li>
+							<li class="tab"><button type="button">친구톡 템플릿 등록/관리</button></li>
+						</ul>
+						<!--// tab button -->
+					</div>
+					<div class="send_general kakao_wrap">
+						<div class="send_left">
+							<p class="tType1_title">알림톡 템플릿 등록</p>
+							<table class="tType1">
+								<colgroup>
+									<col style="width: 190px;">
+									<col style="width: auto;">
+								</colgroup>
+								<tbody>
+									<tr>
+										<th>채널</th>
+										<td>
+											<select name="" id="" class="select_gray_type">
+												<option value="">@munjaon</option>
+											</select>
+										</td>
+									</tr>
+									<tr>
+										<th>템플릿명</th>
+										<td>
+											<input type="text" class="template_name" placeholder="템플릿 명을 입력해주세요">
+											<p class="template_name_cf">최대 100자, 중복불가</p>
+										</td>
+									</tr>
+									<tr>
+										<th>카테고리</th>
+										<td>
+											<select name="" id="" class="select_gray_type template_category">
+												<option value="">카테고리 선택</option>
+											</select>
+											<select name="" id="" class="select_gray_type template_category">
+												<option value="">카테고리 선택</option>
+											</select>
+										</td>
+									</tr>
+									<tr>
+										<th>강조 유형</th>
+										<td>
+											<select name="" id="" class="select_gray_type emphasis_select">
+												<option value="emphasis_0">없음</option>
+												<option value="emphasis_1">이미지형</option>
+												<option value="emphasis_2" selected>강조표기형</option>
+												<option value="emphasis_3">아이템리스트형</option>
+											</select>
+											<div class="emphasis_cont emphasis_image">
+												<div class="emphasis_image_info">
+													<p class="info_title">자세한 이미지 제작가이드는 <a href="https://kakaobusiness.gitbook.io/main/ad/bizmessage/notice-friend/content-guide#2-1." class="c_002c9a fwBold"> 카카오 공식 제작가이드를 반드시 참고</a>해 주세요. <br>카카오톡 8.7.5버전 이상에서만 이미지 노출됨</p>
+													<ul class="info_side_text">
+														<li>· 권장 이미지 사이즈 : 800px X 400px <br>
+															(가로:세로 비율이 2:1 아닐 경우, 가로 500px, 세로 250px 이하일 경우 업로드 불가)</li>
+														<li>· 파일형식 및 크기 : jpg, png / 최대 500KB</li>
+														<li>· 이미지 클릭 시 링크 연결 불가</li>
+													</ul>
+													<dl class="file_wrap">
+														<dt>첨부이미지</dt>
+														<dd>
+															<input type="text" class="input-file1" title="첨부파일">
+															<button type="button" class="img_add" title="이미지 추가 버튼" onclick="selectAddImg('input-file1');">파일첨부</button>
+														</dd>
+													</dl>
 
-                                            <!-- 웃음 -->
-                                            <div class="cnt_character emt_character">
-                                                <div class="box_character">
-                                                    <a href="#">⌒⌒</a>
-                                                    <a href="#">^_^</a>
-                                                    <a href="#">^0^</a>
-                                                    <a href="#">s( ̄▽ ̄)/</a>
-                                                    <a href="#">(/^^)/</a>
-                                                    <a href="#">^o^~♬</a>
-                                                    <a href="#">^.~</a>
-                                                    <a href="#">^-^b</a>
-                                                    <a href="#">^▽^</a>
-                                                    <a href="#">^ε^</a>
-                                                    <a href="#">(^^)γ</a>
-                                                    <a href="#">(~^^)~</a>
-                                                    <a href="#">☆(~.^)/</a>
-                                                    <a href="#">(*^o^*)</a>
-                                                    <a href="#">n_n</a>
-                                                    <a href="#">↖(^▽^)↗</a>
-                                                    <a href="#">( ̄∇ ̄)</a>
-                                                    <a href="#">(*^.^)♂</a>
-                                                    <a href="#">*^^*</a>
-                                                    <a href="#">ㅎ.ㅎ</a>
-                                                    <a href="#">=^.^=</a>
-                                                    <a href="#">^▽^</a>
-                                                    <a href="#">~_~</a>
-                                                    <a href="#">(=^▽^)/♪</a>
-                                                </div>
-                                            </div>
-                                            <!-- //웃음 -->
+												</div>
+											</div>
+						</div>
+						<div class="emphasis_cont emphasis_mark active">
+							<dl>
+								<dt>보조문구</dt>
+								<dd><input type="text" placeholder="강조표기 보조문구를 입력해주세요(최대 50자)"></dd>
+								<dt>타이틀</dt>
+								<dd><input type="text" placeholder="강조표기 타이틀을 입력해주세요(최대 50자)"></dd>
+							</dl>
+						</div>
+						<div class="emphasis_cont emphasis_itemlist"></div>
+						</td>
+						</tr>
+						<tr>
+							<th>템플릿 유형</th>
+							<td>
+								<select name="" id="" class="select_gray_type template_type_select" onchange="templateTypeSelect(this);">
+									<option value="template_type_0" selected>기본형</option>
+									<option value="template_type_1">부가정보형</option>
+									<option value="template_type_2">채널추가형</option>
+									<option value="template_type_3">복합형</option>
+								</select>
+								<div class="template_type_cont type1">
+									<input type="text" class="template_side_text" placeholder="부가정보는 500자 이내로 변수 사용 불가능, 링크 사용 가능">
+								</div>
+								<div class="template_type_cont type2">
+									<input type="text" value="채널 추가하고 이 채널의 광고와 마케팅 메시지를 카카오톡으로 받기" readonly>
+								</div>
+							</td>
+						</tr>
+						<tr>
+							<th>내용</th>
+							<td class="kakao_template_text">
+								<div class="put_left">
+									<textarea id="textarea" class="textarea_gray_type" placeholder="내용을 입력해주세요"></textarea>
+									<div class="text_length" style="right: 15px;">
+										<p class="fwLg"><span class="fwMd">0 /</span><span class="c_002c9a fwMd">2,000</span>byte</span>
+									</div>
+								</div>
+								<div class="put_right">
+									<div class="btn_popup_wrap">
+										<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
+										<div class="send_miniPop spc_character">
+											<div class="tab_character">
+												<a href="#none" class="on">특수문자</a>
+												<a href="#none">웃음</a>
+												<a href="#none">슬픔</a>
+												<a href="#none">분노</a>
+												<a href="#none">사랑</a>
+												<a href="#none">그외</a>
+											</div>
+											<!-- 특수문자 -->
+											<div class="cnt_character on">
+												<div class="box_character">
+													<a href="#">※</a>
+													<a href="#">☆</a>
+													<a href="#">★</a>
+													<a href="#">○</a>
+													<a href="#">●</a>
+													<a href="#">◎</a>
+													<a href="#">◇</a>
+													<a href="#">◆</a>
+													<a href="#">□</a>
+													<a href="#">■</a>
+													<a href="#">△</a>
+													<a href="#">▲</a>
+													<a href="#">▽</a>
+													<a href="#">▼</a>
+													<a href="#">→</a>
+													<a href="#">←</a>
+													<a href="#">↑</a>
+													<a href="#">↓</a>
+													<a href="#">↔</a>
+													<a href="#">〓</a>
+													<a href="#">◁</a>
+													<a href="#">♪</a>
+													<a href="#">◀</a>
+													<a href="#">▷</a>
+													<a href="#">▶</a>
+													<a href="#">♤</a>
+													<a href="#">♠</a>
+													<a href="#">♡</a>
+													<a href="#">♥</a>
+													<a href="#">♧</a>
+													<a href="#">♣</a>
+													<a href="#">⊙</a>
+													<a href="#">◈</a>
+													<a href="#">▣</a>
+													<a href="#">◐</a>
+													<a href="#">◑</a>
+													<a href="#">▒</a>
+													<a href="#">▦</a>
+													<a href="#">♨</a>
+													<a href="#">☏</a>
+													<a href="#">☎</a>
+													<a href="#">☞</a>
+													<a href="#">☜</a>
+													<a href="#">㈜</a>
+													<a href="#">™</a>
+													<a href="#">℡</a>
+													<a href="#">ㆀ</a>
+													<a href="#">ε</a>
+													<a href="#">『</a>
+													<a href="#">』</a>
+													<a href="#">ⓛ</a>
+													<a href="#">∏</a>
+													<a href="#">ご</a>
+													<a href="#">♂</a>
+													<a href="#">↗</a>
+													<a href="#">↙</a>
+													<a href="#">↖</a>
+													<a href="#">↘</a>
+													<a href="#">ψ</a>
+												</div>
+											</div>
+											<!-- //특수문자 -->
 
-                                            <!-- 슬픔 -->
-                                            <div class="cnt_character emt_character">
-                                                <div class="box_character">
-                                                    <a href="#">(づ_T)</a>
-                                                    <a href="#">(ㅠ.ㅠ)</a>
-                                                    <a href="#">(#_-)</a>
-                                                    <a href="#">o(T^T)o</a>
-                                                    <a href="#">ㅠ.ㅠ</a>
-                                                    <a href="#">(-_-メ)</a>
-                                                    <a href="#">Y.Y</a>
-                                                    <a href="#">TmT</a>
-                                                    <a href="#">ご.ご</a>
-                                                    <a href="#">(=_=;)</a>
-                                                    <a href="#">⊇.⊆</a>
-                                                    <a href="#">(o_Φ)</a>
-                                                    <a href="#">∋.∈</a>
-                                                    <a href="#">(___)_</a>
-                                                    <a href="#">(-.¥)</a>
-                                                    <a href="#">@_O</a>
-                                                    <a href="#">●⊙</a>
-                                                    <a href="#">(♨_♨)</a>
-                                                    <a href="#">(X_X)</a>
-                                                    <a href="#">Θ_Θ</a>
-                                                    <a href="#">(∏.∏)</a>
-                                                    <a href="#">(づ_ど)</a>
-                                                    <a href="#">( ̄^ ̄)</a>
-                                                </div>
-                                            </div>
-                                            <!-- //슬픔 -->
+											<!-- 웃음 -->
+											<div class="cnt_character emt_character">
+												<div class="box_character">
+													<a href="#">⌒⌒</a>
+													<a href="#">^_^</a>
+													<a href="#">^0^</a>
+													<a href="#">s( ̄▽ ̄)/</a>
+													<a href="#">(/^^)/</a>
+													<a href="#">^o^~♬</a>
+													<a href="#">^.~</a>
+													<a href="#">^-^b</a>
+													<a href="#">^▽^</a>
+													<a href="#">^ε^</a>
+													<a href="#">(^^)γ</a>
+													<a href="#">(~^^)~</a>
+													<a href="#">☆(~.^)/</a>
+													<a href="#">(*^o^*)</a>
+													<a href="#">n_n</a>
+													<a href="#">↖(^▽^)↗</a>
+													<a href="#">( ̄∇ ̄)</a>
+													<a href="#">(*^.^)♂</a>
+													<a href="#">*^^*</a>
+													<a href="#">ㅎ.ㅎ</a>
+													<a href="#">=^.^=</a>
+													<a href="#">^▽^</a>
+													<a href="#">~_~</a>
+													<a href="#">(=^▽^)/♪</a>
+												</div>
+											</div>
+											<!-- //웃음 -->
 
-                                            <!-- 분노 -->
-                                            <div class="cnt_character emt_character">
-                                                <div class="box_character">
-                                                    <a href="#">Θ_Θ</a>
-                                                    <a href="#">=-_-a</a>
-                                                    <a href="#">('o')</a>
-                                                    <a href="#">(`へ´)</a>
-                                                    <a href="#">(-ヘㅡメ)凸</a>
-                                                    <a href="#">⊙⊙ㆀ</a>
-                                                    <a href="#">⊙.⊙</a>
-                                                    <a href="#">ㅡㅡ+</a>
-                                                    <a href="#">(`o´)y</a>
-                                                    <a href="#">づºДº)つ</a>
-                                                    <a href="#">O_O</a>
-                                                    <a href="#">(@.@)</a>
-                                                    <a href="#">★.★</a>
-                                                    <a href="#">(;¬_¬)</a>
-                                                    <a href="#">┏(;-_-)┛</a>
-                                                    <a href="#">┏(-_-メ)┓</a>
-                                                    <a href="#">(>&#60;ㆀ)&#47;</a>
-                                                    <a href="#">--メ凸</a>
-                                                    <a href="#">(`_)乂(_′)</a>
-                                                    <a href="#">(-_-)c+_=)</a>
-                                                </div>
-                                            </div>
-                                            <!-- //분노 -->
+											<!-- 슬픔 -->
+											<div class="cnt_character emt_character">
+												<div class="box_character">
+													<a href="#">(づ_T)</a>
+													<a href="#">(ㅠ.ㅠ)</a>
+													<a href="#">(#_-)</a>
+													<a href="#">o(T^T)o</a>
+													<a href="#">ㅠ.ㅠ</a>
+													<a href="#">(-_-メ)</a>
+													<a href="#">Y.Y</a>
+													<a href="#">TmT</a>
+													<a href="#">ご.ご</a>
+													<a href="#">(=_=;)</a>
+													<a href="#">⊇.⊆</a>
+													<a href="#">(o_Φ)</a>
+													<a href="#">∋.∈</a>
+													<a href="#">(___)_</a>
+													<a href="#">(-.¥)</a>
+													<a href="#">@_O</a>
+													<a href="#">●⊙</a>
+													<a href="#">(♨_♨)</a>
+													<a href="#">(X_X)</a>
+													<a href="#">Θ_Θ</a>
+													<a href="#">(∏.∏)</a>
+													<a href="#">(づ_ど)</a>
+													<a href="#">( ̄^ ̄)</a>
+												</div>
+											</div>
+											<!-- //슬픔 -->
 
-                                            <!-- 사랑 -->
-                                            <div class="cnt_character emt_character">
-                                                <div class="box_character">
-                                                    <a href="#">♥.♥</a>
-                                                    <a href="#">^o^~♬</a>
-                                                    <a href="#">(*^}{^*)</a>
-                                                    <a href="#">ⓛⓞⓥⓔ</a>
-                                                    <a href="#">(*_*)</a>
-                                                    <a href="#">(♡.♡)</a>
-                                                    <a href="#">ε♡₃ε♥</a>
-                                                    <a href="#">(*..)(..*)</a>
-                                                    <a href="#">(~.^)s</a>
-                                                    <a href="#">☞♡☜</a>
-                                                    <a href="#">*♥o♥*</a>
-                                                    <a href="#">(/^o^)/♡</a>
-                                                    <a href="#">@-m-m--</a>
-                                                    <a href="#">=>>------▷♡</a>
-                                                    <a href="#">(*^^)σ(^_^)</a>
-                                                    <a href="#">(*^-^)♡(^o^*)</a>
-                                                    <a href="#">(づ^.^)づ~♡</a>
-                                                    <a href="#">\(*^▽^*)ノ</a>
-                                                    <a href="#">*⌒З^)^.⌒*)</a>
-                                                    <a href="#">(づ ̄³ ̄)づ~</a>
-                                                    <a href="#">(づ ̄³ ̄)づ</a>
-                                                    <a href="#">(^*^)kiss</a>
-                                                    <a href="#">(*'-⌒*)ⓥ</a>
-                                                    <a href="#">s( ̄▽ ̄)/</a>
-                                                </div>
-                                            </div>
-                                            <!-- //사랑 -->
+											<!-- 분노 -->
+											<div class="cnt_character emt_character">
+												<div class="box_character">
+													<a href="#">Θ_Θ</a>
+													<a href="#">=-_-a</a>
+													<a href="#">('o')</a>
+													<a href="#">(`へ´)</a>
+													<a href="#">(-ヘㅡメ)凸</a>
+													<a href="#">⊙⊙ㆀ</a>
+													<a href="#">⊙.⊙</a>
+													<a href="#">ㅡㅡ+</a>
+													<a href="#">(`o´)y</a>
+													<a href="#">づºДº)つ</a>
+													<a href="#">O_O</a>
+													<a href="#">(@.@)</a>
+													<a href="#">★.★</a>
+													<a href="#">(;¬_¬)</a>
+													<a href="#">┏(;-_-)┛</a>
+													<a href="#">┏(-_-メ)┓</a>
+													<a href="#">(>&#60;ㆀ)&#47;</a>
+													<a href="#">--メ凸</a>
+													<a href="#">(`_)乂(_′)</a>
+													<a href="#">(-_-)c+_=)</a>
+												</div>
+											</div>
+											<!-- //분노 -->
 
-                                            <!-- 그외 -->
-                                            <div class="cnt_character emt_character emt_etc ">
-                                                <div class="box_character">
-                                                    <a href="#">&#60;:3)--</a>
-                                                    <a href="#">(^(oo)^)</a>
-                                                    <a href="#">(:::[</a>
-                                                    <a href="#">]:::)</a>
-                                                    <a href="#">[( ̄. ̄)]zZ</a>
-                                                    <a href="#">(``)(``)</a>
-                                                    <a href="#">(T(oo)T)</a>
-                                                    <a href="#">(^.^)=O)#.#)</a>
-                                                    <a href="#">?‥…─━★</a>
-                                                    <a href="#">(__)zzz</a>
-                                                    <a href="#">(=ㅅ)=333</a>
-                                                    <a href="#">&#60;(>.<ㆀ)></a>
-                                                    <a href="#">>(/////)&#60;</a>
-                                                    <a href="#">((ど(</a>
-                                                    <a href="#">^0^</a>
-                                                    <a href="#">)つ))</a>
-                                                    <a href="#">■■■■■□90%</a>
-                                                    <a href="#">( ̄_ ̄>-(^▽^;)</a>
-                                                    <a href="#">∑⊙)++333=◀</a>
-                                                    <a href="#">(ノ^_^)ノ~~⑩</a>
-                                                    <a href="#">(^▽^)/\(^_^)</a>
-                                                    <a href="#">(*.*)@==(`.`)</a>
-                                                    <a href="#">(っㅡㅡ)つ━●</a>
-                                                    <a href="#">(``)(</a>
-                                                    <a href="#">:)(..)(:</a>
-                                                    <a href="#">(``)</a>
-                                                </div>
-                                            </div>
-                                            <!-- //그외 -->
-                                            <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
-                                        </div>
-                                    </div>
-                                    <div class="btn_popup_wrap convers_wrap">
-                                        <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
-                                        <div class="send_miniPop convers">
-                                            <div>
-                                                <div class="convers_top">
-                                                    <span>특정문구 일괄변환이란?</span>
-                                                    <p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른 내용의 메시지를 발송하는 기능</p>
-                                                </div>
-                                                <div class="convers_middle"><a href="#">#{이름}</a></div>
-                                                <div class="convers_bottom">
-                                                    <a href="#">#{1}</a>
-                                                    <a href="#">#{2}</a>
-                                                    <a href="#">#{3}</a>
-                                                    <a href="#">#{4}</a>
-                                                </div>
-                                            </div>
-                                            <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
-                                        </div>
-                                    </div>
-                                    <div class="btn_popup_wrap spc_wrap">
-                                        <button type="button" class="btnType btnType7" onclick="miniPopup(this)">이모티콘</button>
-                                        <div class="send_miniPop spc_character kakao_emoticon">
-                                            <div class="cnt_character">
-                                                <div class="box_character">
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_001.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_002.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_003.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_004.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_005.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_006.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_007.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_008.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_009.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_010.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_011.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_012.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_013.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_014.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_015.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_016.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_017.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_018.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_019.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_020.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_021.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_022.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_023.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_024.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_025.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_026.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_027.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_028.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_029.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_030.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_031.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_032.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_033.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_034.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_035.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_036.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_037.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_038.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_039.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_040.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_041.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_042.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_043.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_044.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_045.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_046.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_047.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_048.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_049.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_050.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_051.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_052.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_053.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_054.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_055.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_056.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_057.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_058.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_059.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_060.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_061.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_062.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_063.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_064.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_065.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_066.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_067.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_068.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_069.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_070.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_071.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_072.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_073.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_074.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_075.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_076.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_077.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_078.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_079.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_080.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_081.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_082.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1001.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1002.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1003.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1004.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1005.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1006.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1007.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1008.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1009.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1010.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1011.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1012.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1013.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1014.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1015.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1016.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1017.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1018.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1019.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1020.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1021.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1022.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1023.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1024.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1025.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1026.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1027.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1028.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1029.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1030.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1031.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1032.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1033.png" alt="" /></a>
-					                                <a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1034.png" alt="" /></a>
-					                              </div>
-                                            </div>
-                                            <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
-                                        </div>
-                                    </div>
-                                    <div class="send_btnWrap">
-                                        <button type="button" class="btnType btnType9">초기화</button>
-                                    </div>
-                                </div>
-                            </td>
-                        </tr>
-                        <tr>
-                            <th>버튼</th>
-                            <td class="template_button">
-                                <select name="" id="" class="select_gray_type template_button_select">
-                                    <option value="button_type_0">버튼타입 선택</option>
-                                    <option value="button_type_1">배송조회</option>
-                                    <option value="button_type_2">웹링크</option>
-                                    <option value="button_type_3">앱링크</option>
-                                    <option value="button_type_4">봇키워드</option>
-                                    <option value="button_type_5">메시지전달</option>
-                                    <option value="button_type_6">상담톡전환</option>
-                                    <option value="button_type_7">챗봇전환</option>
-                                </select>
-                                <button type="button" class="btnType btnType6" onclick="templateButtonAdd();">추가</button>
-                                <div class="button_add_wrap">
-                                    <!-- <dl class="button_type_wrap template_channel_add">
+											<!-- 사랑 -->
+											<div class="cnt_character emt_character">
+												<div class="box_character">
+													<a href="#">♥.♥</a>
+													<a href="#">^o^~♬</a>
+													<a href="#">(*^}{^*)</a>
+													<a href="#">ⓛⓞⓥⓔ</a>
+													<a href="#">(*_*)</a>
+													<a href="#">(♡.♡)</a>
+													<a href="#">ε♡₃ε♥</a>
+													<a href="#">(*..)(..*)</a>
+													<a href="#">(~.^)s</a>
+													<a href="#">☞♡☜</a>
+													<a href="#">*♥o♥*</a>
+													<a href="#">(/^o^)/♡</a>
+													<a href="#">@-m-m--</a>
+													<a href="#">=>>------▷♡</a>
+													<a href="#">(*^^)σ(^_^)</a>
+													<a href="#">(*^-^)♡(^o^*)</a>
+													<a href="#">(づ^.^)づ~♡</a>
+													<a href="#">\(*^▽^*)ノ</a>
+													<a href="#">*⌒З^)^.⌒*)</a>
+													<a href="#">(づ ̄³ ̄)づ~</a>
+													<a href="#">(づ ̄³ ̄)づ</a>
+													<a href="#">(^*^)kiss</a>
+													<a href="#">(*'-⌒*)ⓥ</a>
+													<a href="#">s( ̄▽ ̄)/</a>
+												</div>
+											</div>
+											<!-- //사랑 -->
+
+											<!-- 그외 -->
+											<div class="cnt_character emt_character emt_etc ">
+												<div class="box_character">
+													<a href="#">&#60;:3)--</a>
+													<a href="#">(^(oo)^)</a>
+													<a href="#">(:::[</a>
+													<a href="#">]:::)</a>
+													<a href="#">[( ̄. ̄)]zZ</a>
+													<a href="#">(``)(``)</a>
+													<a href="#">(T(oo)T)</a>
+													<a href="#">(^.^)=O)#.#)</a>
+													<a href="#">?‥…─━★</a>
+													<a href="#">(__)zzz</a>
+													<a href="#">(=ㅅ)=333</a>
+													<a href="#">&#60;(>.<ㆀ)></a>
+													<a href="#">>(/////)&#60;</a>
+													<a href="#">((ど(</a>
+													<a href="#">^0^</a>
+													<a href="#">)つ))</a>
+													<a href="#">■■■■■□90%</a>
+													<a href="#">( ̄_ ̄>-(^▽^;)</a>
+													<a href="#">∑⊙)++333=◀</a>
+													<a href="#">(ノ^_^)ノ~~⑩</a>
+													<a href="#">(^▽^)/\(^_^)</a>
+													<a href="#">(*.*)@==(`.`)</a>
+													<a href="#">(っㅡㅡ)つ━●</a>
+													<a href="#">(``)(</a>
+													<a href="#">:)(..)(:</a>
+													<a href="#">(``)</a>
+												</div>
+											</div>
+											<!-- //그외 -->
+											<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
+										</div>
+									</div>
+									<div class="btn_popup_wrap convers_wrap">
+										<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
+										<div class="send_miniPop convers">
+											<div>
+												<div class="convers_top">
+													<span>특정문구 일괄변환이란?</span>
+													<p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른 내용의 메시지를 발송하는 기능</p>
+												</div>
+												<div class="convers_middle"><a href="#">#{이름}</a></div>
+												<div class="convers_bottom">
+													<a href="#">#{1}</a>
+													<a href="#">#{2}</a>
+													<a href="#">#{3}</a>
+													<a href="#">#{4}</a>
+												</div>
+											</div>
+											<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
+										</div>
+									</div>
+									<div class="btn_popup_wrap spc_wrap">
+										<button type="button" class="btnType btnType7" onclick="miniPopup(this)">이모티콘</button>
+										<div class="send_miniPop spc_character kakao_emoticon">
+											<div class="cnt_character">
+												<div class="box_character">
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_001.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_002.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_003.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_004.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_005.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_006.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_007.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_008.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_009.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_010.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_011.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_012.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_013.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_014.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_015.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_016.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_017.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_018.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_019.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_020.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_021.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_022.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_023.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_024.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_025.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_026.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_027.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_028.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_029.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_030.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_031.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_032.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_033.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_034.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_035.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_036.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_037.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_038.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_039.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_040.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_041.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_042.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_043.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_044.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_045.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_046.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_047.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_048.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_049.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_050.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_051.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_052.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_053.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_054.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_055.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_056.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_057.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_058.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_059.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_060.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_061.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_062.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_063.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_064.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_065.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_066.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_067.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_068.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_069.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_070.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_071.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_072.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_073.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_074.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_075.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_076.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_077.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_078.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_079.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_080.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_081.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_082.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1001.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1002.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1003.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1004.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1005.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1006.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1007.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1008.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1009.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1010.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1011.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1012.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1013.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1014.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1015.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1016.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1017.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1018.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1019.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1020.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1021.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1022.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1023.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1024.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1025.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1026.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1027.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1028.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1029.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1030.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1031.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1032.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1033.png" alt="" /></a>
+													<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1034.png" alt="" /></a>
+												</div>
+											</div>
+											<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
+										</div>
+									</div>
+									<div class="send_btnWrap">
+										<button type="button" class="btnType btnType9">초기화</button>
+									</div>
+								</div>
+							</td>
+						</tr>
+						<tr>
+							<th>버튼</th>
+							<td class="template_button">
+								<select name="" id="" class="select_gray_type template_button_select">
+									<option value="button_type_0">버튼타입 선택</option>
+									<option value="button_type_1">배송조회</option>
+									<option value="button_type_2">웹링크</option>
+									<option value="button_type_3">앱링크</option>
+									<option value="button_type_4">봇키워드</option>
+									<option value="button_type_5">메시지전달</option>
+									<option value="button_type_6">상담톡전환</option>
+									<option value="button_type_7">챗봇전환</option>
+								</select>
+								<button type="button" class="btnType btnType6" onclick="templateButtonAdd();">추가</button>
+								<div class="button_add_wrap">
+									<!-- <dl class="button_type_wrap template_channel_add">
                                                 <dt>채널추가</dt>
                                                 <dd class="button_type_input"><input type="text" value="채널 추가" readonly>
                                                 </dd>
@@ -763,134 +621,107 @@
                                                 <dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd>
                                             </dl>
                                          -->
-                                </div>
-                            </td>
-                        </tr>
-                        <tr>
-                            <th>보안템플릿</th>
-                            <td class="security_template_wrap">
-                                <input type="radio" id="security_n" name="security"><label for="security_n">불필요</label>
-                                <input type="radio" id="security_y" name="security"><label for="security_y">보안필요</label>
-                                <p class="cf_text"><span class="c_e40000">*</span> 보안필요 체크시, 메인 디바이스 모바일 이외의 디바이스에서는 메시지 내용이 노출되지 않습니다.</p>
-                            </td>
-                        </tr>
-                        </tbody>
-                        </table>
-                        <div class="box_wrap kakao_alimtalk_return">
-                            <div class="box_cont">
-                                <ul>
-                                    <li class="alitalk_return_info">
-                                        <dl>
-                                            <dt>상태</dt>
-                                            <dd><p class="state_type state_red">반려</p></dd>
-                                            <dt>등록일시</dt>
-                                            <dd>2023-03-08 10:42:27</dd>
-                                        </dl>
-                                    </li>
-                                    <li>
-                                        <dl>
-                                            <dt>결과 및 요청사항</dt>
-                                            <dd>
-                                            	안녕하세요. 카카오톡 알림톡 검수 담당자입니다. 알림톡은 정보성 메시지에 한하여 발송이 가능
-												하오나 해당 메시지 내용 확인 시 발송 목적이 확인되는 문구가 존재하지 않아 정보성 메시지인지 
-												확인이 어렵습니다. 따라서 발송 목적이 확인되도록 메시지 수정 및 고정값 추가 요청드립니다. 
-												* 테스트 메시지일 경우 메시지 내 '테스트(test)'를 고정값으로 추가 요청드립니다. 더 자세한 
+								</div>
+							</td>
+						</tr>
+						<tr>
+							<th>보안템플릿</th>
+							<td class="security_template_wrap">
+								<input type="radio" id="security_n" name="security"><label for="security_n">불필요</label>
+								<input type="radio" id="security_y" name="security"><label for="security_y">보안필요</label>
+								<p class="cf_text"><span class="c_e40000">*</span> 보안필요 체크시, 메인 디바이스 모바일 이외의 디바이스에서는 메시지 내용이 노출되지 않습니다.</p>
+							</td>
+						</tr>
+						</tbody>
+						</table>
+						<div class="box_wrap kakao_alimtalk_return">
+							<div class="box_cont">
+								<ul>
+									<li class="alitalk_return_info">
+										<dl>
+											<dt>상태</dt>
+											<dd>
+												<p class="state_type state_red">반려</p>
+											</dd>
+											<dt>등록일시</dt>
+											<dd>2023-03-08 10:42:27</dd>
+										</dl>
+									</li>
+									<li>
+										<dl>
+											<dt>결과 및 요청사항</dt>
+											<dd>
+												안녕하세요. 카카오톡 알림톡 검수 담당자입니다. 알림톡은 정보성 메시지에 한하여 발송이 가능
+												하오나 해당 메시지 내용 확인 시 발송 목적이 확인되는 문구가 존재하지 않아 정보성 메시지인지
+												확인이 어렵습니다. 따라서 발송 목적이 확인되도록 메시지 수정 및 고정값 추가 요청드립니다.
+												* 테스트 메시지일 경우 메시지 내 '테스트(test)'를 고정값으로 추가 요청드립니다. 더 자세한
 												알림톡 검수 가이드는 딜러사를 통해 확인 부탁드립니다. 감사합니다.
 											</dd>
-                                        </dl>
-                                    </li>
-                                    <li class="alitalk_return_info">
-                                        <dl>
-                                            <dt>상태</dt>
-                                            <dd><p class="state_type state_red">반려</p></dd>
-                                            <dt>등록일시</dt>
-                                            <dd>2023-03-08 10:42:27</dd>
-                                        </dl>
-                                    </li>
-                                    <li>
-                                        <dl>
-                                            <dt>첨부파일</dt>
-                                            <dd><a href="#" download class="file_text"><i></i>첨부파일.jpg</a></dd>
-                                        </dl>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="send_right">
-                        <div class="phone">
-                            <div class="phoneIn">
-                                <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
-                                <!-- 텍스트 미리보기 -->
-                                <div class="text_preview">
-                                    <div class="allimtalk_title">
-                                        <img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
-                                    </div>
-                                    <div class="allimtalk_content">
-                                        <p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
-                                        <p class="emphasis_title_text">타이틀 미리보기</p>
-                                        <p class="template_text">내용미리보기</p>
-                                        <p class="side_info_text">부가정보내용</p>
-                                        <p class="channel_info_text">채널 추가하고 이 채널의 광고와 마케팅 메시지 받기</p>
-                                        <button type="button" class="btn_kakao_channel">
-                                            <img src="/publish/images/content/icon_kakao_channel_plus.png" alt=""> 채널추가
-                                        </button>
-                                        <button type="button" class="btn_kakao_type">버튼명</button>
-                                    </div>
-                                </div>
-                                <!-- //텍스트 미리보기 -->
-                            </div>
-                            <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
-                                    <div class="phone_bottom">
-                                        <div class="send_btn">
-                                            <button type="button" class="btnType btnType10">등록하기</button>
-                                            <button type="button" class="btnType btnType11">취소</button>
-                                        </div>
-                                    </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!--// send top -->
-    </div>
-    </div>
-    <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+										</dl>
+									</li>
+									<li class="alitalk_return_info">
+										<dl>
+											<dt>상태</dt>
+											<dd>
+												<p class="state_type state_red">반려</p>
+											</dd>
+											<dt>등록일시</dt>
+											<dd>2023-03-08 10:42:27</dd>
+										</dl>
+									</li>
+									<li>
+										<dl>
+											<dt>첨부파일</dt>
+											<dd><a href="#" download class="file_text"><i></i>첨부파일.jpg</a></dd>
+										</dl>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div class="send_right">
+						<div class="phone">
+							<div class="phoneIn">
+								<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
+								<!-- 텍스트 미리보기 -->
+								<div class="text_preview">
+									<div class="allimtalk_title">
+										<img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
+									</div>
+									<div class="allimtalk_content">
+										<p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
+										<p class="emphasis_title_text">타이틀 미리보기</p>
+										<p class="template_text">내용미리보기</p>
+										<p class="side_info_text">부가정보내용</p>
+										<p class="channel_info_text">채널 추가하고 이 채널의 광고와 마케팅 메시지 받기</p>
+										<button type="button" class="btn_kakao_channel">
+											<img src="/publish/images/content/icon_kakao_channel_plus.png" alt=""> 채널추가
+										</button>
+										<button type="button" class="btn_kakao_type">버튼명</button>
+									</div>
+								</div>
+								<!-- //텍스트 미리보기 -->
+							</div>
+							<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
+									<div class="phone_bottom">
+										<div class="send_btn">
+											<button type="button" class="btnType btnType10">등록하기</button>
+											<button type="button" class="btnType btnType11">취소</button>
+										</div>
+									</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--// send top -->
+	</div>
+	</div>
+	<!--// content 영역 -->
+	<!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/kakao_allimtalk_intro.html
--- src/main/webapp/publish/kakao_allimtalk_intro.html
+++ src/main/webapp/publish/kakao_allimtalk_intro.html
@@ -227,7 +227,7 @@
                                     </li>
                                     <li>
                                         <p>2</p>
-                                        <p><span>문자 메시지 대비</span> 75% 이상 저렴</p>
+                                        <p><span>문자 메시지 대비</span> 65% 이상 저렴</p>
                                     </li>
                                     <li>
                                         <p>3</p>
@@ -264,7 +264,7 @@
                                         <div class="fight-img">
                                             <p class="name">문자</p>
                                             <div class="icon">
-                                                <img src="/publish/images/kakao_intro_cont/message.jpg" alt="문자">
+                                                <img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
                                                 <p class="price">18원</p>
                                             </div>
                                         </div>
@@ -272,12 +272,12 @@
                                         <div class="fight-img kakao">
                                             <p class="name">알림톡</p>
                                             <div class="icon">
-                                                <img src="/publish/images/kakao_intro_cont/kakao.jpg" alt="카카오">
-                                                <p class="price">6.5원</p>
+                                                <img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
+                                                <p class="price">6.9원</p>
                                             </div>
                                         </div>
                                         <div class="text">
-                                            <p>문자 대비&nbsp;<span>75% 저렴</span></p>
+                                            <p>문자 대비&nbsp;<span>65% 저렴</span></p>
                                         </div>
                                     </div>
                                     <div class="fight-line"></div>
@@ -285,7 +285,7 @@
                                         <div class="fight-img">
                                             <p class="name">문자</p>
                                             <div class="icon">
-                                                <img src="/publish/images/kakao_intro_cont/message.jpg" alt="문자">
+                                                <img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
                                                 <p class="price">90Byte</p>
                                             </div>
                                         </div>
@@ -293,7 +293,7 @@
                                         <div class="fight-img kakao">
                                             <p class="name">알림톡</p>
                                             <div class="icon">
-                                                <img src="/publish/images/kakao_intro_cont/kakao.jpg" alt="카카오">
+                                                <img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
                                                 <p class="price">1,000글자</p>
                                             </div>
                                         </div>
@@ -472,40 +472,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/kakao_allimtalk_list.html
--- src/main/webapp/publish/kakao_allimtalk_list.html
+++ src/main/webapp/publish/kakao_allimtalk_list.html
@@ -37,53 +37,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+    
     <!-- header 영역 -->
     <header id="header" class="header sub ">
         <!-- header top 영역 -->
@@ -844,40 +798,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/kakao_allimtalk_send.html
--- src/main/webapp/publish/kakao_allimtalk_send.html
+++ src/main/webapp/publish/kakao_allimtalk_send.html
@@ -6,8 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>문자온_알림톡 전송</title>
 
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"
-        rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
     <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">
@@ -25,10 +24,29 @@
     <script src="/publish/js/common.js"></script>
     <script src="/publish/js/content.js"></script>
     <script src="/publish/js/popupLayer.js"></script>
+
     <script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
     <script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
     <script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
-	
+
+    <script>
+
+        $(function () {
+            // 즉시/예약 시 예약설정 노출
+            $("[name=reserYn]").change(function () {
+                var thisVal = $(this).val();
+                if (thisVal == "Y") {
+                    $(".use_enter,.rev_selected").show();
+                    $(".send_content").css("padding", "0");
+                } else {
+                    $(".use_enter,.rev_selected").hide();
+                    $(".send_content").removeAttr("style");
+                }
+            });
+        })
+
+    </script>
+
 
 </head>
 
@@ -37,53 +55,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+
     <!-- header 영역 -->
     <header id="header" class="header sub ">
         <!-- header top 영역 -->
@@ -105,8 +77,7 @@
         <!-- header body 영역 -->
         <div class="header_body">
             <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
-                            alt="문자온 CI"></a></h1>
+                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
                 <ul class="gnbWrap table_cell">
                     <li><a href="#">문자발송</a></li>
                     <li><a href="#">선거문자</a></li>
@@ -119,8 +90,7 @@
                 </ul>
                 <div class="s_menu">
                     <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
-                            src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
+                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
                     <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
                 </div>
             </div>
@@ -146,8 +116,7 @@
                             <li><a href="#">#좋은하루</a></li>
                         </ul>
                     </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
-                            alt=""></button>
+                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
                 </div>
             </div>
             <!--// search popup 영역 -->
@@ -158,11 +127,9 @@
                 <div class="login_left table_cell">
                     <div class="login_put">
                         <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
-                            size="18">
+                        <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18">
                         <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
-                            maxlength="30" size="18">
+                        <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18">
                         <label for="login_button" class="label"></label>
                         <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
                     </div>
@@ -237,6 +204,7 @@
                                                     <li>* 변수명 설정파일을 다운로드 받으신 후 전송대상과 변수를 입력 후 업로드해주세요.</li>
                                                     <li>* 엑셀서식은 반드시 <span>텍스트 서식으로 등록</span>해주세요.</li>
                                                     <li>* 한번에 전송가능한 <span>최대 발송건은 50만건</span>입니다.</li>
+                                                    <li>* 배송조회시 운송장 번호는 <span>숫자만 등록</span>해주세요.</li>
                                                 </ul>
                                                 <button type="button" class="excel_btn"><i></i> #{변수명} 설정 파일 다운로드</button>
                                             </div>
@@ -246,7 +214,7 @@
                                         <th>받는사람</th>
                                         <td class="putText">
                                             <div class="clearfix receipt_num receiver_wrap01">
-                                                <div class="receipt_num_top">
+                                                <div class="receipt_num_top" style="align-items:center;gap:6px;">
                                                     <label for="" class="label">받는 번호입력</label>
                                                     <input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;">
                                                     <button type="button" class="btnType btnType6">번호추가</button>
@@ -271,163 +239,163 @@
                                                             </div>
                                                         </div>
                                                         <div class="list_body_wrap">
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
                                                             </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
                                                             </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
+                                                            </div>
+                                                            <div class="list_table list_body">
+                                                                <div class="cb_wrap">
+                                                                    <label for="" class="label"></label>
+                                                                    <input type="checkbox">
+                                                                </div>
+                                                                <div class="list_table_num">
+                                                                    <p>010-1234-5678</p>
+                                                                </div>
+                                                                <div class="list_table_name">
+                                                                    <p>홍길동</p>
+                                                                </div>
                                                             </div>
                                                         </div>
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
-                                                            </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
-                                                            </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
-                                                            </div>
-                                                        </div>
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
-                                                            </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
-                                                            </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
-                                                            </div>
-                                                        </div>
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
-                                                            </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
-                                                            </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
-                                                            </div>
-                                                        </div>
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
-                                                            </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
-                                                            </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
-                                                            </div>
-                                                        </div>
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
-                                                            </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
-                                                            </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
-                                                            </div>
-                                                        </div>
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
-                                                            </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
-                                                            </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
-                                                            </div>
-                                                        </div>
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
-                                                            </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
-                                                            </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
-                                                            </div>
-                                                        </div>
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
-                                                            </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
-                                                            </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
-                                                            </div>
-                                                        </div>
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
-                                                            </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
-                                                            </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
-                                                            </div>
-                                                        </div>
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
-                                                            </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
-                                                            </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
-                                                            </div>
-                                                        </div>
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
-                                                            </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
-                                                            </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
-                                                            </div>
-                                                        </div>
-                                                        <div class="list_table list_body">
-                                                            <div class="cb_wrap">
-                                                                <label for="" class="label"></label>
-                                                                <input type="checkbox">
-                                                            </div>
-                                                            <div class="list_table_num">
-                                                                <p>010-1234-5678</p>
-                                                            </div>
-                                                            <div class="list_table_name">
-                                                                <p>홍길동</p>
-                                                            </div>
-                                                        </div>
-                                                    </div>
                                                     </div>
                                                     <div class="put_right">
                                                         <div class="btn_popup_wrap spc_wrap">
@@ -762,7 +730,7 @@
                                                                     <p>4</p>
                                                                 </div>
                                                             </div>
-                                                    </div>
+                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -784,8 +752,7 @@
                                                 </div>
                                                 <div class="pay_type clearfix">
                                                     <div>
-                                                        <input type="radio" id="radio_bill_1" name="radio_bill"
-                                                            checked="checked">
+                                                        <input type="radio" id="radio_bill_1" name="radio_bill" checked="checked">
                                                         <label for="radio_bill_1">보유잔액</label>
                                                         <label for="userMoney" class="label">보유잔액</label>
                                                         <input type="text" id="userMoney" name="userMoney" value="0" readonly="">
@@ -799,7 +766,8 @@
                                     </tr>
                                     <tr>
                                         <th colspan="2" class="replace_send_th">
-                                            <div class="title_th"><p>대체문자</p> 
+                                            <div class="title_th">
+                                                <p>대체문자</p>
                                                 <input type="checkbox" id="send_fail_check" class="send_fail_check"><label for="send_fail_check">알림톡 전송 실패 시 문자 전송</label>
                                             </div>
                                             <div class="replace_send_wrap">
@@ -844,274 +812,14 @@
                                                                                     </span>
                                                                                     <span class="c_002c9a fwMd" id="limitLeng">90</span>byte
                                                                                 </p>
-                                                                                <span
-                                                                                    class="msg_com msg_short">단문</span>
+                                                                                <span class="msg_com msg_short">단문</span>
                                                                             </div>
                                                                         </div>
                                                                     </div>
                                                                     <div class="put_right">
-                                                                        <div class="btn_popup_wrap spc_wrap">
-                                                                            <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
-                                                                            <div class="send_miniPop spc_character">
-                                                                                <div class="tab_character">
-                                                                                    <a href="#none" class="on">특수문자</a>
-                                                                                    <a href="#none">웃음</a>
-                                                                                    <a href="#none">슬픔</a>
-                                                                                    <a href="#none">분노</a>
-                                                                                    <a href="#none">사랑</a>
-                                                                                    <a href="#none">그외</a>
-                                                                                </div>
-                                                                                <!-- 특수문자 -->
-                                                                                <div class="cnt_character on">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">※</a>
-                                                                                        <a href="#">☆</a>
-                                                                                        <a href="#">★</a>
-                                                                                        <a href="#">○</a>
-                                                                                        <a href="#">●</a>
-                                                                                        <a href="#">◎</a>
-                                                                                        <a href="#">◇</a>
-                                                                                        <a href="#">◆</a>
-                                                                                        <a href="#">□</a>
-                                                                                        <a href="#">■</a>
-                                                                                        <a href="#">△</a>
-                                                                                        <a href="#">▲</a>
-                                                                                        <a href="#">▽</a>
-                                                                                        <a href="#">▼</a>
-                                                                                        <a href="#">→</a>
-                                                                                        <a href="#">←</a>
-                                                                                        <a href="#">↑</a>
-                                                                                        <a href="#">↓</a>
-                                                                                        <a href="#">↔</a>
-                                                                                        <a href="#">〓</a>
-                                                                                        <a href="#">◁</a>
-                                                                                        <a href="#">♪</a>
-                                                                                        <a href="#">◀</a>
-                                                                                        <a href="#">▷</a>
-                                                                                        <a href="#">▶</a>
-                                                                                        <a href="#">♤</a>
-                                                                                        <a href="#">♠</a>
-                                                                                        <a href="#">♡</a>
-                                                                                        <a href="#">♥</a>
-                                                                                        <a href="#">♧</a>
-                                                                                        <a href="#">♣</a>
-                                                                                        <a href="#">⊙</a>
-                                                                                        <a href="#">◈</a>
-                                                                                        <a href="#">▣</a>
-                                                                                        <a href="#">◐</a>
-                                                                                        <a href="#">◑</a>
-                                                                                        <a href="#">▒</a>
-                                                                                        <a href="#">▦</a>
-                                                                                        <a href="#">♨</a>
-                                                                                        <a href="#">☏</a>
-                                                                                        <a href="#">☎</a>
-                                                                                        <a href="#">☞</a>
-                                                                                        <a href="#">☜</a>
-                                                                                        <a href="#">㈜</a>
-                                                                                        <a href="#">™</a>
-                                                                                        <a href="#">℡</a>
-                                                                                        <a href="#">ㆀ</a>
-                                                                                        <a href="#">ε</a>
-                                                                                        <a href="#">『</a>
-                                                                                        <a href="#">』</a>
-                                                                                        <a href="#">ⓛ</a>
-                                                                                        <a href="#">∏</a>
-                                                                                        <a href="#">ご</a>
-                                                                                        <a href="#">♂</a>
-                                                                                        <a href="#">↗</a>
-                                                                                        <a href="#">↙</a>
-                                                                                        <a href="#">↖</a>
-                                                                                        <a href="#">↘</a>
-                                                                                        <a href="#">ψ</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //특수문자 -->
-
-                                                                                <!-- 웃음 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">⌒⌒</a>
-                                                                                        <a href="#">^_^</a>
-                                                                                        <a href="#">^0^</a>
-                                                                                        <a href="#">s( ̄▽ ̄)/</a>
-                                                                                        <a href="#">(/^^)/</a>
-                                                                                        <a href="#">^o^~♬</a>
-                                                                                        <a href="#">^.~</a>
-                                                                                        <a href="#">^-^b</a>
-                                                                                        <a href="#">^▽^</a>
-                                                                                        <a href="#">^ε^</a>
-                                                                                        <a href="#">(^^)γ</a>
-                                                                                        <a href="#">(~^^)~</a>
-                                                                                        <a href="#">☆(~.^)/</a>
-                                                                                        <a href="#">(*^o^*)</a>
-                                                                                        <a href="#">n_n</a>
-                                                                                        <a href="#">↖(^▽^)↗</a>
-                                                                                        <a href="#">( ̄∇ ̄)</a>
-                                                                                        <a href="#">(*^.^)♂</a>
-                                                                                        <a href="#">*^^*</a>
-                                                                                        <a href="#">ㅎ.ㅎ</a>
-                                                                                        <a href="#">=^.^=</a>
-                                                                                        <a href="#">^▽^</a>
-                                                                                        <a href="#">~_~</a>
-                                                                                        <a href="#">(=^▽^)/♪</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //웃음 -->
-
-                                                                                <!-- 슬픔 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">(づ_T)</a>
-                                                                                        <a href="#">(ㅠ.ㅠ)</a>
-                                                                                        <a href="#">(#_-)</a>
-                                                                                        <a href="#">o(T^T)o</a>
-                                                                                        <a href="#">ㅠ.ㅠ</a>
-                                                                                        <a href="#">(-_-メ)</a>
-                                                                                        <a href="#">Y.Y</a>
-                                                                                        <a href="#">TmT</a>
-                                                                                        <a href="#">ご.ご</a>
-                                                                                        <a href="#">(=_=;)</a>
-                                                                                        <a href="#">⊇.⊆</a>
-                                                                                        <a href="#">(o_Φ)</a>
-                                                                                        <a href="#">∋.∈</a>
-                                                                                        <a href="#">(___)_</a>
-                                                                                        <a href="#">(-.¥)</a>
-                                                                                        <a href="#">@_O</a>
-                                                                                        <a href="#">●⊙</a>
-                                                                                        <a href="#">(♨_♨)</a>
-                                                                                        <a href="#">(X_X)</a>
-                                                                                        <a href="#">Θ_Θ</a>
-                                                                                        <a href="#">(∏.∏)</a>
-                                                                                        <a href="#">(づ_ど)</a>
-                                                                                        <a href="#">( ̄^ ̄)</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //슬픔 -->
-
-                                                                                <!-- 분노 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">Θ_Θ</a>
-                                                                                        <a href="#">=-_-a</a>
-                                                                                        <a href="#">('o')</a>
-                                                                                        <a href="#">(`へ´)</a>
-                                                                                        <a href="#">(-ヘㅡメ)凸</a>
-                                                                                        <a href="#">⊙⊙ㆀ</a>
-                                                                                        <a href="#">⊙.⊙</a>
-                                                                                        <a href="#">ㅡㅡ+</a>
-                                                                                        <a href="#">(`o´)y</a>
-                                                                                        <a href="#">づºДº)つ</a>
-                                                                                        <a href="#">O_O</a>
-                                                                                        <a href="#">(@.@)</a>
-                                                                                        <a href="#">★.★</a>
-                                                                                        <a href="#">(;¬_¬)</a>
-                                                                                        <a href="#">┏(;-_-)┛</a>
-                                                                                        <a href="#">┏(-_-メ)┓</a>
-                                                                                        <a href="#">(>&#60;ㆀ)&#47;</a>
-                                                                                        <a href="#">--メ凸</a>
-                                                                                        <a href="#">(`_)乂(_′)</a>
-                                                                                        <a href="#">(-_-)c+_=)</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //분노 -->
-
-                                                                                <!-- 사랑 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">♥.♥</a>
-                                                                                        <a href="#">^o^~♬</a>
-                                                                                        <a href="#">(*^}{^*)</a>
-                                                                                        <a href="#">ⓛⓞⓥⓔ</a>
-                                                                                        <a href="#">(*_*)</a>
-                                                                                        <a href="#">(♡.♡)</a>
-                                                                                        <a href="#">ε♡₃ε♥</a>
-                                                                                        <a href="#">(*..)(..*)</a>
-                                                                                        <a href="#">(~.^)s</a>
-                                                                                        <a href="#">☞♡☜</a>
-                                                                                        <a href="#">*♥o♥*</a>
-                                                                                        <a href="#">(/^o^)/♡</a>
-                                                                                        <a href="#">@-m-m--</a>
-                                                                                        <a href="#">=>>------▷♡</a>
-                                                                                        <a href="#">(*^^)σ(^_^)</a>
-                                                                                        <a href="#">(*^-^)♡(^o^*)</a>
-                                                                                        <a href="#">(づ^.^)づ~♡</a>
-                                                                                        <a href="#">\(*^▽^*)ノ</a>
-                                                                                        <a href="#">*⌒З^)^.⌒*)</a>
-                                                                                        <a href="#">(づ ̄³ ̄)づ~</a>
-                                                                                        <a href="#">(づ ̄³ ̄)づ</a>
-                                                                                        <a href="#">(^*^)kiss</a>
-                                                                                        <a href="#">(*'-⌒*)ⓥ</a>
-                                                                                        <a href="#">s( ̄▽ ̄)/</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //사랑 -->
-
-                                                                                <!-- 그외 -->
-                                                                                <div
-                                                                                    class="cnt_character emt_character emt_etc ">
-                                                                                    <div class="box_character">
-                                                                                        <a href="#">&#60;:3)--</a>
-                                                                                        <a href="#">(^(oo)^)</a>
-                                                                                        <a href="#">(:::[</a>
-                                                                                        <a href="#">]:::)</a>
-                                                                                        <a href="#">[( ̄. ̄)]zZ</a>
-                                                                                        <a href="#">(``)(``)</a>
-                                                                                        <a href="#">(T(oo)T)</a>
-                                                                                        <a href="#">(^.^)=O)#.#)</a>
-                                                                                        <a href="#">?‥…─━★</a>
-                                                                                        <a href="#">(__)zzz</a>
-                                                                                        <a href="#">(=ㅅ)=333</a>
-                                                                                        <a href="#">&#60;(>.<ㆀ)></a>
-                                                                                        <a href="#">>(/////)&#60;</a>
-                                                                                        <a href="#">((ど(</a>
-                                                                                        <a href="#">^0^</a>
-                                                                                        <a href="#">)つ))</a>
-                                                                                        <a href="#">■■■■■□90%</a>
-                                                                                        <a href="#">( ̄_ ̄>-(^▽^;)</a>
-                                                                                        <a href="#">∑⊙)++333=◀</a>
-                                                                                        <a href="#">(ノ^_^)ノ~~⑩</a>
-                                                                                        <a href="#">(^▽^)/\(^_^)</a>
-                                                                                        <a href="#">(*.*)@==(`.`)</a>
-                                                                                        <a href="#">(っㅡㅡ)つ━●</a>
-                                                                                        <a href="#">(``)(</a>
-                                                                                        <a href="#">:)(..)(:</a>
-                                                                                        <a href="#">(``)</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <!-- //그외 -->
-                                                                                <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
-                                                                            </div>
-                                                                        </div>
-                                                                        <div class="btn_popup_wrap convers_wrap">
-                                                                            <button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
-                                                                            <div class="send_miniPop convers">
-                                                                                <div>
-                                                                                    <div class="convers_top">
-                                                                                        <span>특정문구 일괄변환이란?</span>
-                                                                                        <p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른
-                                                                                            내용의 메시지를 발송하는 기능</p>
-                                                                                    </div>
-                                                                                    <div class="convers_middle"><a
-                                                                                            href="#">#{이름}</a></div>
-                                                                                    <div class="convers_bottom">
-                                                                                        <a href="#">#{1}</a>
-                                                                                        <a href="#">#{2}</a>
-                                                                                        <a href="#">#{3}</a>
-                                                                                        <a href="#">#{4}</a>
-                                                                                    </div>
-                                                                                </div>
-                                                                                <button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
-                                                                            </div>
-                                                                        </div>
-                                                                        <button type="button" class="btnType btnType7">내문자함</button>
-                                                                        <button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
+                                                                        <button type="button" class="btnType btnType7" onclick="javascript:fn_errorChk(); return false;">오류검사<i class="qmMark"></i></button>
                                                                         <div class="send_btnWrap">
-                                                                            <button type="button" class="btnType btnType9">문자저장</button>
-                                                                            <button type="button" class="btnType btnType9">초기화</button>
+                                                                            <button type="button" class="btnType btnType9" style="width:100%;">초기화</button>
                                                                         </div>
                                                                     </div>
 
@@ -1137,23 +845,23 @@
                                             <img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
                                         </div>
                                         <div class="allimtalk_content">
-<!--                                             <div class="kakao_image"> -->
-<!--                                                 <img src="/publish/images/content/kakao_template_img.png" alt=""> -->
-<!--                                             </div> -->
+                                            <!--                                             <div class="kakao_image"> -->
+                                            <!--                                                 <img src="/publish/images/content/kakao_template_img.png" alt=""> -->
+                                            <!--                                             </div> -->
                                             <p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
                                             <p class="emphasis_title_text">타이틀 미리보기</p>
                                             <p class="template_text">내용미리보기</p>
-                                            <p class="side_info_text">부가정보내용</p> 
+                                            <p class="side_info_text">부가정보내용</p>
                                             <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p>
                                             <button type="button" class="btn_kakao_type">버튼명</button>
                                             <button type="button" class="btn_kakao_type">버튼명</button>
-<!--                                             <p class="emphasis_side_text">강조표기 보조문구 미리보기</p> -->
-<!--                                             <p class="emphasis_title_text">타이틀 미리보기</p> -->
-<!--                                             <p class="template_text">내용미리보기</p> -->
-<!--                                             <p class="side_info_text">부가정보내용</p>  -->
-<!--                                             <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p> -->
-<!--                                             <button type="button" class="btn_kakao_type">버튼명</button> -->
-<!--                                             <button type="button" class="btn_kakao_type">버튼명</button> -->
+                                            <!--                                             <p class="emphasis_side_text">강조표기 보조문구 미리보기</p> -->
+                                            <!--                                             <p class="emphasis_title_text">타이틀 미리보기</p> -->
+                                            <!--                                             <p class="template_text">내용미리보기</p> -->
+                                            <!--                                             <p class="side_info_text">부가정보내용</p>  -->
+                                            <!--                                             <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p> -->
+                                            <!--                                             <button type="button" class="btn_kakao_type">버튼명</button> -->
+                                            <!--                                             <button type="button" class="btn_kakao_type">버튼명</button> -->
                                         </div>
                                     </div>
                                     <!-- //텍스트 미리보기 -->
@@ -1184,17 +892,11 @@
                                             <button type="button" class="btnType btnType10" onclick="javascript:fnTestSend(); return false;">테스트발송</button>
                                         </div>
                                     </div>
-                                    <div class="rev_selected">
+                                    <div class="rev_selected" style="display:none;">
                                         <div class="rev_top">
                                             <span>날짜 :</span>
                                             <div class="calendar_wrap">
-                                                <input type="text" class="startDate inp" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true">
-                                                <div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
-                                                    <button type="button" value="달력 팝업 열기" onclick="return calendarOpen('startDate-lry','',this)"></button>
-                                                    <div id="startDate-lry" class="calendarPop" style="display: none;">
-                                                        <iframe id="startDate-ifrm" name="startDate-ifrm" class="calendar-frame" src="/publish/calendar.html" title=" 달력 팝업" frameborder="0" scrolling="no"></iframe>
-                                                    </div>
-                                                </div>
+                                                <input type="text" class="startDate inp calendar picker__input" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="startDate_root">
                                             </div>
                                             <label for="" class="label">시 선택</label>
                                             <div class="selBox">
@@ -1240,39 +942,8 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
+    <!-- footer -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
     <!--// footer 영역 -->
 </body>
 
src/main/webapp/publish/kakao_friendtalk_add.html
--- src/main/webapp/publish/kakao_friendtalk_add.html
+++ src/main/webapp/publish/kakao_friendtalk_add.html
@@ -37,53 +37,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+    
     <!-- header 영역 -->
     <header id="header" class="header sub ">
         <!-- header top 영역 -->
@@ -709,40 +663,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/kakao_friendtalk_list.html
--- src/main/webapp/publish/kakao_friendtalk_list.html
+++ src/main/webapp/publish/kakao_friendtalk_list.html
@@ -37,53 +37,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+    
     <!-- header 영역 -->
     <header id="header" class="header sub ">
         <!-- header top 영역 -->
@@ -763,40 +717,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/kakao_friendtalk_send.html
--- src/main/webapp/publish/kakao_friendtalk_send.html
+++ src/main/webapp/publish/kakao_friendtalk_send.html
@@ -37,53 +37,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+    
     <!-- header 영역 -->
     <header id="header" class="header sub ">
         <!-- header top 영역 -->
@@ -1321,40 +1275,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/kakao_profile_add.html
--- src/main/webapp/publish/kakao_profile_add.html
+++ src/main/webapp/publish/kakao_profile_add.html
@@ -33,7 +33,7 @@
     <!--  -->
     <div class="tooltip-wrap">
         <div class="popup-com add_profile_popup01" tabindex="0" data-tooltip-con="add_profile_popup01"
-            data-focus="add_profile_popup01" data-focus-prev="add_profile_popup01-close" style="width: 878px;">
+            data-focus="add_profile_popup01" data-focus-prev="add_profile_popup01-close" style="width: 900px;">
             <div class="popup_heading">
                 <p>발신프로필 등록</p>
                 <button type="button" class="tooltip-close" data-focus="add_profile_popup01-close"><img
@@ -101,53 +101,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+    
     <!-- header 영역 -->
     <header id="header" class="header sub ">
         <!-- header top 영역 -->
@@ -405,40 +359,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
src/main/webapp/publish/kakao_use_guide.html
--- src/main/webapp/publish/kakao_use_guide.html
+++ src/main/webapp/publish/kakao_use_guide.html
@@ -52,53 +52,7 @@
         <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
     </div>
     <!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div>
-    <!--// quick 메뉴 -->
+    
     <!-- header 영역 -->
     <header id="header" class="header sub ">
         <!-- header top 영역 -->
@@ -417,40 +371,9 @@
     </div>
     </div>
     <!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
-                        <p>사업자번호 : 653-87-00858 | 대표 : 유인식 | 통신판매등록번호 : 제 다산-12345호 | 문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer>
-    <!--// footer 영역 -->
+    <!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
 </body>
 
 </html>
(No newline at end of file)
 
src/main/webapp/publish/kisa.html (added)
+++ src/main/webapp/publish/kisa.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>문자온</title>
+
+	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
+	<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/button.css">
+	<link rel="stylesheet" href="/publish/css/content.css">
+	<link rel="stylesheet" href="/publish/css/mem.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>
+
+</head>
+
+<body>
+	<div class="mask"></div>
+	<div data-include-path="/publish/layout/_header.html"></div>
+	<!-- login 영역 -->
+	<!-- content 영역 -->
+	<div id="container" class="cont sub">
+		<div class="inner">
+			<!-- send top -->
+			<div class="send_top">
+				<!-- tab button -->
+				<ul class="tabType4">
+					<li class="tab"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
+					<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html.html'">보안로그인</button></li>
+				</ul>
+				<!--// tab button -->
+				<!-- kisa 신고 -->
+				<div class="mypage_content current" id="tab5_1">
+					<div class="heading">
+						<h2>KISA 신고</h2>
+					</div>
+					<div class="kisa_info">
+						고객님께서 발송하신 문자가 <strong>정보통신법 제50조에 위반되어 한국인터넷진흥원(KISA)에 신고 접수</strong>되었습니다.<br>아래 신고내역을 확인하신 후 소명자료 제출과 서명을 완료해주시기 바랍니다.
+						<p>※ 광고문자 규정 위반 시 최대 1년 이하의 징역 또는 3,000만원 이하의 과태료 부과(해당 발신번호 사용불가)</p>
+						<button type="button" class="btnType btnType11" data-tooltip="kisa_popup">광고법령보기</button>
+					</div>
+
+
+					<div class="excel_middle">
+						<div class="select_btnWrap clearfix">
+							<div class="btn_left"><span class="cal_label">기간선택</span>
+								<div class="calendar_wrap">
+									<input type="text" class="startDate inp calendar picker__input" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="startDate_root">
+									<span class="dateEtc"> ~ </span>
+									<input type="text" class="endDate inp calendar picker__input" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="endDate_root">
+								</div>
+								<button type="button" class="btnType btnType19">전월</button>
+								<button type="button" class="btnType btnType19">당월</button>
+								<button type="button" class="btnType btnType19">3개월</button>
+								<button type="button" class="btnType6">조회</button>
+							</div>
+							<div></div>
+						</div>
+					</div>
+
+					<div class="list_info kisa_list_info">
+						<p>총 <span class="c_e40000">0</span>건</p>
+						<div>
+							<button type="button" class="btnType btnType2" onclick="setKisaSignAll(); return false;">선택 일괄 서명하기</button>
+							<button type="button" class="btnType btnType3" data-tooltip="popup03">소명자료 예시보기</button>
+							<label for="pageUnit" class="label">줄보기 선택</label>
+							<select id="pageUnit" name="pageUnit" class="selType2">
+								<option value="10" selected="">10개보기</option>
+								<option value="20">20개보기</option>
+								<option value="30">30개보기</option>
+							</select>
+						</div>
+					</div>
+					<div class="tb_wrap kisa_tb_wrap">
+						<table class="tType4">
+							<colgroup>
+								<col style="width:40px;">
+								<col style="width:7%;">
+								<col style="width:auto;">
+								<col style="width:auto;">
+								<col style="width:10.5%;">
+								<col style="width:11%;">
+								<col style="width:8%;">
+								<col style="width:8%;">
+								<col style="width:11%;">
+								<col style="width:11%;">
+							</colgroup>
+							<thead>
+								<tr>
+									<th>
+										<label for="allCheck" class="label">전체 선택</label>
+										<input type="checkbox" id="allCheck" name="allCheck">
+									</th>
+									<th>번호
+										<div class="sort_wrap">
+											<input type="button" class="sort sortBtn" id="sort_kisaId">
+										</div>
+									</th>
+									<th>
+										수신일시
+										<div class="sort_wrap">
+											<input type="button" class="sort sortBtn" id="sort_kisaSendPnttm">
+										</div>
+									</th>
+									<th>
+										신고일시
+										<div class="sort_wrap">
+											<input type="button" class="sort sortBtn" id="sort_kisaReportPnttm">
+										</div>
+									</th>
+									<th>
+										발신번호
+										<div class="sort_wrap">
+											<input type="button" class="sort sortBtn" id="sort_mberPhoneNo">
+										</div>
+									</th>
+									<th>
+										신고기관
+										<div class="sort_wrap">
+											<input type="button" class="sort sortBtn" id="sort_callTo">
+										</div>
+									</th>
+									<th>
+										신고건수
+										<div class="sort_wrap">
+											<input type="button" class="sort sortBtn" id="sort_kisaReportGun">
+										</div>
+									</th>
+									<th>확인서명</th>
+									<th>소명자료</th>
+									<th>신고내용<br>상세보기</th>
+								</tr>
+							</thead>
+							<tbody>
+								<tr>
+									<td colspan="10" class="nodata">
+										<spring:message code="common.nodata.msg">접수된 내용이 없습니다.</spring:message>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+				</div>
+			</div>
+			<!-- kisa 신고 -->
+
+		</div>
+		<!--// send top -->
+	</div>
+	</div>
+	<!--// content 영역 -->
+	<!-- footer 영역 -->
+	<!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
+</body>
+
+</html>(No newline at end of file)
 
src/main/webapp/publish/layout/_header.html (added)
+++ src/main/webapp/publish/layout/_header.html
@@ -0,0 +1,225 @@
+  <div class="mask"></div>
+  <!-- skip 메뉴  -->
+  <div class="skip_menu">
+    <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
+  </div>
+  <!--// skip 메뉴  -->
+
+  <!-- quick 메뉴 -->
+  <div class="quickMenu">
+    <div>
+      <p class="quick_title">QUICK<br>MENU</p>
+      <p class="quick_title2">QUICK</p>
+      <ul class="quickMenuIn">
+        <li id="quickPayGuide">
+          <a href="/web/mjon/custom/selectMsgCustomView.do"><i class="quick4"></i><span>맞춤제작</span></a>
+          <div class="hover_cont">맞춤제작</div>
+        </li>
+        <li>
+          <a href="/web/mjon/addr/selectAddrList.do"><i class="quick10"></i><span>주소록 관리</span></a>
+          <div class="hover_cont">주소록 관리</div>
+        </li>
+        <li>
+          <a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a>
+          <div class="hover_cont">발신번호 관리</div>
+        </li>
+        <li>
+          <a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a>
+          <div class="hover_cont">엑셀 대량전송</div>
+        </li>
+        <li>
+          <a href="/web/api/intrdView.do"><i class="quick7"></i><span>문자연동</span></a>
+          <div class="hover_cont">문자연동</div>
+        </li>
+        <li>
+          <a href="/web/member/pay/PayList.do"><i class="quick8"></i><span>결제관리</span></a>
+          <div class="hover_cont">결제관리</div>
+        </li>
+        <li>
+          <a href="/web/member/pay/BillPub.do"><i class="quick9"></i><span>세금계산서</span></a>
+          <div class="hover_cont">세금계산서</div>
+        </li>
+        <li class="cscenter">
+          <a href="/web/cop/bbs/NoticeList.do"><i class="quick11"></i><span>고객센터</span></a>
+          <div class="hover_cont">
+            <div class="title">고객센터</div>
+            <div class="number">1551-8011</div>
+            <ul class="info">
+              <li>· 월~금 : 09:30 ~ 18:30</li>
+              <li>· 점심시간 : 13:00 ~ 14:00</li>
+              <li>· 토, 일요일 및 법정공휴일 휴무</li>
+            </ul>
+            <div class="cskakao">
+              <a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank">카톡 상담</a>
+              <a href="javascript:void(0);" class="remote">원격지원</a>
+            </div>
+          </div>
+        </li>
+      </ul>
+      <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
+    </div>
+    <div class="quick_kakaobtn main"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank">카카오톡 상담</a></div>
+  </div>
+  <!--// quick 메뉴 -->
+
+  
+  <!-- header 영역 -->
+  <header id="header" class="header">
+
+    <!-- header top 영역 -->
+    <div class="header_top">
+      <div class="inner">
+        <ul class="menu_left">
+          <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
+          <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
+          <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
+        </ul>
+        <ul class="menu_right">
+          <li><a href="#">충전하기</a></li>
+          <li class="SortLine"><a href="#">요금안내</a></li>
+          <li class="SortLine"><a href="#">이용안내</a></li>
+          <li class="SortLine"><a href="#">1:1 문의</a></li>
+          <li class="SortLine"><a href="#">불편신고</a></li>
+        </ul>
+      </div>
+    </div>
+    <!-- header top 영역 -->
+
+
+    <!-- header body 영역 -->
+    <div class="header_body">
+      <div class="inner table">
+        <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
+        <ul class="gnbWrap table_cell">
+          <li><a href="#">문자전송</a></li>
+          <li><a href="#">카톡발송</a></li>
+          <li><a href="#">팩스발송</a></li>
+          <li><a href="#">맞춤제작</a></li>
+          <li><a href="#">주소록 관리</a></li>
+          <li><a href="#">발송결과</a></li>
+          <li><a href="#">예약문자관리</a></li>
+          <li><a href="#">결제관리</a></li>
+        </ul>
+        <div class="s_menu">
+          <i class="allSearch_info"><span>문자검색</span></i>
+          <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
+          <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
+        </div>
+      </div>
+
+
+      <!-- search popup 영역 -->
+      <div class="pop_search">
+        <div class="inner">
+          <div class="area_search">
+            <select name="" id="">
+              <option value="">그림문자</option>
+              <option value="">단문문자</option>
+              <option value="">장문문자</option>
+              <option value="">GIF</option>
+            </select>
+            <input type="text" placeholder="문자샘플 검색하기">
+            <button><img src="/publish/images/search02.png" alt=""></button>
+          </div>
+          <div class="area_popular">
+            <p><i></i>인기검색어</p>
+            <ul class="popular_tag">
+              <li><a href="#">#정월대보름</a></li>
+              <li class="on"><a href="#">#추석</a></li>
+              <li><a href="#">#가을인사</a></li>
+              <li><a href="#">#좋은하루</a></li>
+            </ul>
+          </div>
+          <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
+        </div>
+      </div>
+      <!--// search popup 영역 -->
+
+
+    </div>
+    <!--// header body 영역 -->
+    <div id="login" class="login">
+      <div class="inner">
+        <div class="login_left">
+          <div class="login_put">
+            <label for="id_text" class="label"></label>
+            <input type="text" placeholder="아이디를 입력해주세요" id="id_text" name="id_text" class="id_text" maxlength="20" size="18" onclick="actionLogin();">
+            <label for="password_text" class="label"></label>
+            <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18" onkeypress="if(event.keyCode==13) {actionLogin(); return false;}" onclick="actionLogin();">
+            <label for="login_button" class="label"></label>
+            <button type="button" id="login_button" class="btnType btnType1" onclick="actionLogin();">로그인</button>
+          </div>
+          <div class="login_save">
+            <input type="checkbox" id="save_id" name="checkId">
+            <label for="save_id">아이디 저장</label>
+          </div>
+          <div class="login_find">
+            <a href="/web/user/findUserId.do">아이디찾기</a>
+            /
+            <a href="/web/user/rePassword.do">비밀번호 재설정</a>
+          </div>
+          <div>
+            <button type="button" class="btnType btnType2" onclick="location.href='/web/user/login/selectUserDept.do'">회원가입</button>
+          </div>
+        </div>
+        <div class="login_right">
+          <span><i></i>이달의 이벤트</span>
+          <button type="button" class="btnType btnType2" onclick="location.href='/web/cop/bbs/EventList.do'">GO</button>
+        </div>
+      </div>
+    </div>
+    <!--// login 영역 -->
+
+    <!-- 로그인 후 영역 -->
+    <!-- <div id="login" class="login2">
+      <div class="inner">
+        <div class="login_left">
+          <div class="login_info">
+            <i><img src="/publish/images/mypageIcon2.png" id="commonHeaderGradeIcon"></i>
+            <div class="login2_name">
+              <p>정수빈</p><span>(개인) 님</span>
+            </div>
+            <div class="session">
+              <div>
+                <span id="ViewTimer">00:00</span>
+              </div>
+              <button type="button" onclick="sessionExpend(); return false;">연장</button>
+            </div>
+            <button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button>
+            <button type="button" class="btnType btnType2" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button>
+
+            <div class="security_box green_box">
+              <a href="/web/user/mberSecureLogin.do" class="title">보안로그인</a>
+              <a href="#" id="secuLoginFlag" class="state on">ON</a>
+            </div>
+          </div>
+          <div class="login_pay">
+            <div class="check_money">
+              <div class="holdingsum_box">
+                <i></i>
+                <p>보유잔액
+                  <span class="fwMd" id="hdUserMoney">0</span>원</p>
+              </div>
+              <button type="button" class="btnType btnType3">충전</button>
+              <div class="account_box">
+                <button type="button" class="btnType btnType3">전용계좌</button>
+                <dl>
+                  <dt>전용계좌</dt>
+                  <dd>기업은행 48011304697636</dd>
+                </dl>
+              </div>
+            </div>
+            <div class="point">
+              <i></i>
+              <p>
+                포인트 <span class="fwMd">0</span>원</p>
+              <button type="button" data-tooltip="popup04" class="btnType btnType3" onclick="popScrSetting();">교환</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div> -->
+    <!-- //로그인 후 영역 -->
+  </header>
+  <!--// header 영역 -->
+  <!-- login 영역 -->(No newline at end of file)
 
src/main/webapp/publish/layout/_quickmenu.html (added)
+++ src/main/webapp/publish/layout/_quickmenu.html
@@ -0,0 +1,47 @@
+<!-- quick 메뉴 -->
+<div class="quickMenu">
+  <div>
+    <p class="quick_title">QUICK<br>MENU</p>
+    <p class="quick_title2">QUICK</p>
+    <ul class="quickMenuIn">
+      <li>
+        <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
+        <div class="hover_cont">이용안내</div>
+      </li>
+      <li>
+        <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
+        <div class="hover_cont">채팅상담</div>
+      </li>
+      <li>
+        <a href="#"><i class="quick3"></i><span>원격지원</span></a>
+        <div class="hover_cont">원격지원</div>
+      </li>
+      <li>
+        <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
+        <div class="hover_cont">맞춤제작</div>
+      </li>
+      <li>
+        <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
+        <div class="hover_cont">주소록 등록</div>
+      </li>
+      <li>
+        <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
+        <div class="hover_cont">엑셀 대량전송</div>
+      </li>
+      <li>
+        <a href="#"><i class="quick7"></i><span>견적서</span></a>
+        <div class="hover_cont">견적서</div>
+      </li>
+      <li>
+        <a href="#"><i class="quick8"></i><span>결제</span></a>
+        <div class="hover_cont">결제</div>
+      </li>
+      <li>
+        <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
+        <div class="hover_cont">영수증/계산서</div>
+      </li>
+    </ul>
+    <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
+  </div>
+</div>
+<!--// quick 메뉴 -->(No newline at end of file)
src/main/webapp/publish/mem1.html
--- src/main/webapp/publish/mem1.html
+++ src/main/webapp/publish/mem1.html
@@ -21,151 +21,7 @@
 
 </head>
 <body>
-    <!-- skip 메뉴  -->
-    <div class="skip_menu">
-        <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-    </div><!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div><!--// quick 메뉴 -->
-    <!-- header 영역 -->
-    <header id="header" class="header">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                    <input type="text" placeholder="문자샘플 검색하기">
-                    <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-                </div>
-            </div><!--// search popup 영역 -->
-        </div><!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요"   id="password_text" class="password_text" maxlength="30"size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div><!--// login 영역 -->
-    </header><!--// header 영역 -->
+    <div data-include-path="/publish/layout/_header.html"></div>
     <div class="mask"></div>
     <!-- login 영역 -->
     <!-- content 영역 -->
@@ -183,7 +39,7 @@
                             <a href="/publish/mem2.html">
                                 <i></i>
                                 <p>개인회원</p>
-                                <span>만 14세 이상의 내국인</span>
+                                <span>만 18세 이상의 내국인</span>
                             </a>
                         </li>
                         <li>
@@ -194,7 +50,7 @@
                             </a>
                         </li>
                     </ul>
-                    <p class="text_req"><span>기업 담당자</span>의 경우 반드시 <span>기업회원</span>으로 가입해주세요.</p>
+                    <p class="text_req"><span>기업체 담당자</span>의 경우 반드시 <span>기업회원</span>으로 가입해주세요.</p>
                     <span>(추후 담당자 변경 시 정보수정이 어려우실 수 있습니다.)</span>
                     <div class="join_check">
                         <p>이미 회원이신가요?</p>
@@ -205,37 +61,5 @@
         </div>
     </div>
     </div><!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터     1차)</p>
-                        <p>사업자번호 : 653-87-00858  |  대표 : 유인식  |  통신판매등록번호 : 제  다산-12345호  |  문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer><!--// footer 영역 -->
+    <div data-include-path="/publish/layout/_footer.html"></div>
 </body></html>
src/main/webapp/publish/mem2.html
--- src/main/webapp/publish/mem2.html
+++ src/main/webapp/publish/mem2.html
@@ -2,31 +2,47 @@
 <html lang="ko">
 
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>회원가입 < 문자온</title>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>회원가입 < 문자온</title> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
+			<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/button.css">
+			<link rel="stylesheet" href="/publish/css/content.css">
+			<link rel="stylesheet" href="/publish/css/mem.css">
+			<link rel="stylesheet" href="/publish/css/popupLayer.css">
+			<link rel="stylesheet" href="/publish/css/font.css">
 
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
-    <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/button.css">
-    <link rel="stylesheet" href="/publish/css/content.css">
-    <link rel="stylesheet" href="/publish/css/mem.css">
-    <link rel="stylesheet" href="/publish/css/popupLayer.css">
-    <link rel="stylesheet" href="/publish/css/font.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/mem.js"></script>
-    <script src="/publish/js/popupLayer.js"></script>
+			<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/mem.js"></script>
+			<script src="/publish/js/popupLayer.js"></script>
+
+			<style>
+				.clause_list_head .checkbox_wrap .term_href {
+					display: inline-flex;
+					height: 30px;
+					font-size: 15px;
+					border-radius: 5px;
+					padding: 0 15px;
+					margin: 5px 0 0 10px;
+					justify-content: center;
+					align-items: center;
+				}
+
+				.joinCheckbox+label::after {
+					top: 4px;
+				}
+			</style>
 
 </head>
+
 <body>
 	<div class="mask"></div>
-    <!-- 본인인증(step1) 팝업 -->
+	<!-- 본인인증(step1) 팝업 -->
 	<div class="tooltip-wrap">
 		<div class="popup-com certify_layer popup05" tabindex="0" data-tooltip-con="popup05" data-focus="popup05" data-focus-prev="popup05-close" style="width: 680px;">
 			<div class="popup_heading">
@@ -38,38 +54,39 @@
 					<p class="certify_title">인증받을 전화에 <span>02-2009-3777</span>로<br>
 						전화가 오면 안내에 따라 <span>인증번호 4자리</span>를 입력해주세요</p>
 					<table class="layer_tType1">
-                        <caption>본인인증(step1) 표</caption>
-                        <colgroup>
-                            <col style="width: 95px">
-                            <col style="width: auto">
-                        </colgroup>
-                        <tbody>
-                            <tr>
-                                <th>핸드폰번호</th>
-                                <td>
-                                    <label for="" class="label">핸드폰번호 입력</label>
-                                    <input type="text" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '"class="inputLight" style="width: 340px;">
-									<button type="button" class="btnType btnType6">인증요청</button>
-                                </td>
-                            </tr>
+						<caption>본인인증(step1) 표</caption>
+						<colgroup>
+							<col style="width: 95px">
+							<col style="width: auto">
+						</colgroup>
+						<tbody>
 							<tr>
-                                <th>인증번호</th>
-                                <td>
-                                    <label for="" class="label">인증번호 입력</label>
-                                    <input type="text" placeholder="인증번호 4자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 4자리 입력'" class="inputLight" style="width: 220px;">
+								<th>핸드폰번호</th>
+								<td>
+									<label for="" class="label">핸드폰번호 입력</label>
+									<input type="text" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '" class="inputLight" style="width: 340px;">
+									<button type="button" class="btnType btnType6">인증요청</button>
+								</td>
+							</tr>
+							<tr>
+								<th>인증번호</th>
+								<td>
+									<label for="" class="label">인증번호 입력</label>
+									<input type="text" placeholder="인증번호 4자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 4자리 입력'" class="inputLight" style="width: 220px;">
 									<button type="button" class="btnType btnType6">확인</button>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
+								</td>
+							</tr>
+						</tbody>
+					</table>
 					<div class="popup_btn_wrap2">
 						<button type="button" data-focus-next="popup05">다음</button>
-						<button type="button" class="tooltip-close" data-focus="popup05-close" data-focus-next="popup05">취소</button>                      
+						<button type="button" class="tooltip-close" data-focus="popup05-close" data-focus-next="popup05">취소</button>
 					</div>
 				</div>
 			</div>
 		</div>
-	</div><!--// 본인인증(step1) 팝업 -->
+	</div>
+	<!--// 본인인증(step1) 팝업 -->
 	<!-- 본인인증(step2) 팝업 -->
 	<div class="tooltip-wrap">
 		<div class="popup-com certify_layer popup06" tabindex="0" data-tooltip-con="popup06" data-focus="popup06" data-focus-prev="popup06-close" style="width: 600px;">
@@ -81,257 +98,113 @@
 				<div class="hascont">
 					<p class="certify_title"><span>본인 문자인증</span>을 위한 가입정보를 입력해주세요.</p>
 					<table class="layer_tType1">
-                        <caption>본인인증(step2) 표</caption>
-                        <colgroup>
-                            <col style="width: 95px">
-                            <col style="width: auto">
-                        </colgroup>
-                        <tbody>
-                            <tr>
-                                <th>성명</th>
-                                <td>
-                                    <label for="" class="label">성명 입력</label>
-                                    <input type="text" placeholder="성명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='성명을 입력해주세요.'"class="inputLight" style="width: 300px;">
-                                </td>
-                            </tr>
+						<caption>본인인증(step2) 표</caption>
+						<colgroup>
+							<col style="width: 95px">
+							<col style="width: auto">
+						</colgroup>
+						<tbody>
 							<tr>
-                                <th>생년월일</th>
-                                <td>
-                                    <label for="" class="label">생년월일 입력</label>
-                                    <input type="text" placeholder="예) 19970829" onfocus="this.placeholder=''" onblur="this.placeholder='예) 19970829'"class="inputLight" style="width: 300px;">
-                                </td>
-                            </tr>
+								<th>성명</th>
+								<td>
+									<label for="" class="label">성명 입력</label>
+									<input type="text" placeholder="성명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='성명을 입력해주세요.'" class="inputLight" style="width: 300px;">
+								</td>
+							</tr>
 							<tr>
-                                <th>성별</th>
-                                <td>
-                                    <input id="" type="radio" name="" checked="checked">
-                                    <label for="">남</label>
-                                    <input id="" type="radio" name="">
-                                    <label for="">여</label>
-                                </td>
-                            </tr>
+								<th>생년월일</th>
+								<td>
+									<label for="" class="label">생년월일 입력</label>
+									<input type="text" placeholder="예) 19970829" onfocus="this.placeholder=''" onblur="this.placeholder='예) 19970829'" class="inputLight" style="width: 300px;">
+								</td>
+							</tr>
 							<tr>
-                                <th>국적</th>
-                                <td>
-                                    <input id="" type="radio" name="" checked="checked">
-                                    <label for="">내국인</label>
-                                    <input id="" type="radio" name="">
-                                    <label for="">외국인</label>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
+								<th>성별</th>
+								<td>
+									<input id="" type="radio" name="" checked="checked">
+									<label for="">남</label>
+									<input id="" type="radio" name="">
+									<label for="">여</label>
+								</td>
+							</tr>
+							<tr>
+								<th>국적</th>
+								<td>
+									<input id="" type="radio" name="" checked="checked">
+									<label for="">내국인</label>
+									<input id="" type="radio" name="">
+									<label for="">외국인</label>
+								</td>
+							</tr>
+						</tbody>
+					</table>
 					<div class="popup_btn_wrap3">
-						<button type="button" data-focus-next="popup06" class="btnType btnType2">다음</button>                      
+						<button type="button" data-focus-next="popup06" class="btnType btnType2">다음</button>
 					</div>
 				</div>
 			</div>
 		</div>
-	</div><!--// 본인인증(step2) 팝업 -->
-    <!-- skip 메뉴  -->
-    <div class="skip_menu">
-        <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
-    </div><!--// skip 메뉴  -->
-    <!-- quick 메뉴 -->
-    <div class="quickMenu">
-        <div>
-            <p class="quick_title">QUICK<br>MENU</p>
-            <p class="quick_title2">QUICK</p>
-            <ul class="quickMenuIn">
-                <li>
-                    <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
-                    <div class="hover_cont">이용안내</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
-                    <div class="hover_cont">채팅상담</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick3"></i><span>원격지원</span></a>
-                    <div class="hover_cont">원격지원</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
-                    <div class="hover_cont">맞춤제작</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
-                    <div class="hover_cont">주소록 등록</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
-                    <div class="hover_cont">엑셀 대량전송</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick7"></i><span>견적서</span></a>
-                    <div class="hover_cont">견적서</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick8"></i><span>결제</span></a>
-                    <div class="hover_cont">결제</div>
-                </li>
-                <li>
-                    <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
-                    <div class="hover_cont">영수증/계산서</div>
-                </li>
-            </ul>
-            <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
-        </div>
-    </div><!--// quick 메뉴 -->
-    <!-- header 영역 -->
-    <header id="header" class="header">
-        <!-- header top 영역 -->
-        <div class="header_top">
-            <div class="inner">
-                <ul class="menu_left">
-                    <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
-                    <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
-                    <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
-                </ul>
-                <ul class="menu_right">
-                    <li><a href="#">충전하기</a></li>
-                    <li class="SortLine"><a href="#">요금안내</a></li>
-                    <li class="SortLine"><a href="#">이용안내</a></li>
-                    <li class="SortLine"><a href="#">1:1고객상담</a></li>
-                </ul>
-            </div>
-        </div><!-- header top 영역 -->
-        <!-- header body 영역 -->
-        <div class="header_body">
-            <div class="inner table">
-                <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
-                <ul class="gnbWrap table_cell">
-                    <li><a href="#">문자발송</a></li>
-                    <li><a href="#">선거문자</a></li>
-                    <li><a href="#">맞춤제작</a></li>
-                    <li><a href="#">비즈톡</a></li>
-                    <li><a href="#">주소록 관리</a></li>
-                    <li><a href="#">발송결과</a></li>
-                    <li><a href="#">예약관리</a></li>
-                    <li><a href="#">결제내역</a></li>
-                </ul>
-                <div class="s_menu">
-                    <i class="allSearch_info"><span>문자검색</span></i>
-                    <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
-                    <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
-                </div>
-            </div>
-            <!-- search popup 영역 -->
-            <div class="pop_search">
-                <div class="inner">
-                    <div class="area_search">
-                        <select name="" id="">
-                            <option value="">그림문자</option>
-                            <option value="">단문문자</option>
-                            <option value="">장문문자</option>
-                            <option value="">GIF</option>
-                        </select>
-                    <input type="text" placeholder="문자샘플 검색하기">
-                    <button><img src="/publish/images/search02.png" alt=""></button>
-                    </div>
-                    <div class="area_popular">
-                        <p><i></i>인기검색어</p>
-                        <ul class="popular_tag">
-                            <li><a href="#">#정월대보름</a></li>
-                            <li class="on"><a href="#">#추석</a></li>
-                            <li><a href="#">#가을인사</a></li>
-                            <li><a href="#">#좋은하루</a></li>
-                        </ul>
-                    </div>
-                    <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
-                </div>
-            </div><!--// search popup 영역 -->
-        </div><!--// header body 영역 -->
-        <div id="login" class="login">
-            <div class="inner table">
-                <div class="login_left table_cell">
-                    <div class="login_put">
-                        <label for="id_text" class="label"></label>
-                        <input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18">
-                        <label for="password_text" class="label"></label>
-                        <input type="password" placeholder="비밀번호를 입력해주세요"   id="password_text" class="password_text" maxlength="30"size="18">
-                        <label for="login_button" class="label"></label>
-                        <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
-                    </div>
-                    <div class="login_save">
-                        <input type="checkbox" id="save_id">
-                        <label for="save_id">아이디 저장</label>
-                    </div>
-                    <div class="login_find">
-                        <a href="#">아이디찾기 /</a>
-                        <a href="#">비밀번호 찾기</a>
-                    </div>
-                    <div>
-                        <button type="button" class="btnType btnType2">회원가입</button>
-                        <button type="button" class="btnType btnType3">둘러보기</button>
-                    </div>
-                </div>
-                <div class="login_right">
-                    <span><i></i>이달의 이벤트</span>
-                    <button type="button" class="btnType btnType4">바로가기</button>
-                </div>
-            </div>
-        </div><!--// login 영역 -->
-    </header><!--// header 영역 -->
-    <div class="mask"></div>
-    <!-- login 영역 -->
-    <!-- content 영역 -->
-    <div id="container" class="cont sub">
-        <div class="inner">
-            <div class="memberIn">
-                <div class="heading">
-                    <h2>회원가입</h2>
-                </div>
-                <!-- 회원가입 약관동의 -->
-                <div class="mem_cont join2">
-                    <!-- step -->
-                    <p class="welcome"><span>문자온</span>에 오신것을 환영합니다.</p>
-                    <ul class="mem_nav">
-                        <li class="on">
-                            <i></i>
-                            <div>
-                                <p>01</p>
-                                <span>약관동의</span>
-                            </div>
-                        </li>
-                        <li>
-                            <i></i>
-                            <div>
-                                <p>02</p>
-                                <span>정보입력</span>
-                            </div>
-                        </li>
-                        <li>
-                            <i></i>
-                            <div>
-                                <p>03</p>
-                                <span>가입완료</span>
-                            </div>
-                        </li>
-                    </ul><!--// step -->
-                    <!-- cont -->
-                    <div class="mem_cont_in">
-                        <div class="text_top">
-                            <div class="checkbox_wrap">
-                                <input type="checkbox" id="agreeAll" title="회원가입 전체약관에 동의" class="joinCheckbox">
-                                <label for="agreeAll"></label>
-                            </div>
-                            <p>회원가입 전체약관에 동의합니다.</p>
-                        </div>
-                        <ul class="clause_list">
-                            <li class="list_open on">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <div class="checkbox_wrap">
-                                            <input type="checkbox" id="agree1" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
-                                            <label for="agree1"></label>
-                                        </div>
-                                        <span><span class="esn">[필수] </span>서비스 이용약관</span>
-                                        <button type="button" onclick="clause_list(this);"><i></i></button>
-                                    </div>
-                                </div>
-                                <div class="clause_list_body">
-                                    <div class="agree_text">
+	</div>
+	<!--// 본인인증(step2) 팝업 -->
+	<div data-include-path="/publish/layout/_header.html"></div>
+	<div class="mask"></div>
+	<!-- login 영역 -->
+	<!-- content 영역 -->
+	<div id="container" class="cont sub">
+		<div class="inner">
+			<div class="memberIn">
+				<div class="heading">
+					<h2>회원가입</h2>
+				</div>
+				<!-- 회원가입 약관동의 -->
+				<div class="mem_cont join2">
+					<!-- step -->
+					<p class="welcome"><span>문자온</span>에 오신것을 환영합니다.</p>
+					<ul class="mem_nav">
+						<li class="on">
+							<i></i>
+							<div>
+								<p>01</p>
+								<span>약관동의</span>
+							</div>
+						</li>
+						<li>
+							<i></i>
+							<div>
+								<p>02</p>
+								<span>정보입력</span>
+							</div>
+						</li>
+						<li>
+							<i></i>
+							<div>
+								<p>03</p>
+								<span>가입완료</span>
+							</div>
+						</li>
+					</ul>
+					<!--// step -->
+					<!-- cont -->
+					<div class="mem_cont_in">
+						<div class="text_top">
+							<div class="checkbox_wrap">
+								<input type="checkbox" id="agreeAll" title="회원가입 전체약관에 동의" class="joinCheckbox allCheck" onclick="javascript:agreeAllCheck();">
+								<label for="agreeAll">회원가입 전체약관에 동의합니다.</label>
+							</div>
+						</div>
+						<ul class="clause_list">
+							<li class="list_open on">
+								<div class="clause_list_head">
+									<div class="list_head_in">
+										<div class="checkbox_wrap">
+											<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree_TERMS_00000022" title="서비스 이용약관동의" class="joinCheckbox type2 necY">
+											<label for="agree_TERMS_00000022"><span class="esn">[필수]</span><strong>서비스 이용약관</strong></label>
+										</div>
+										<button type="button" onclick="clause_list(this);"><i></i></button>
+									</div>
+								</div>
+								<div class="clause_list_body">
+									<div class="agree_text">
 										<div>
 											<p class="top_tit_text">서비스 이용약관</p>
 
@@ -357,7 +230,7 @@
 												<li><span>5.</span> 휴면아이디 : 12개월 이상 계속해서 로그인을 포함한 서비스 이용이 없는 아이디</li>
 												<li><span>6.</span> 해지 : 회사와 회원 간 맺은 이용계약을 해약하는 것</li>
 												<li><span>7.</span> 스팸메시지 : 정보통신망을 통해 수신자의 명시적인 사전 동의없이 일방적으로 전송 또는 게시되는 영리목적의 광고성 정보</li>
-												<li><span>8.</span> 불법스팸메시지 : 『정보통신망 이용촉진 및 정보보호 등에 관한 법률(이하 “정보통신망법”)』  제50조 내지 제50조의8의 규정을 위반하여 전송 또는 게시되는 영리목적의 광고성 정보를 말하며,
+												<li><span>8.</span> 불법스팸메시지 : 『정보통신망 이용촉진 및 정보보호 등에 관한 법률(이하 “정보통신망법”)』 제50조 내지 제50조의8의 규정을 위반하여 전송 또는 게시되는 영리목적의 광고성 정보를 말하며,
 													불법스팸은 형사처벌 및
 													과태료 부과의 대상이 됨</li>
 												<li><span>9.</span> 문자피싱메시지 : 전자금융사기를 목적으로 전송 또는 게시되는 정보</li>
@@ -809,173 +682,199 @@
 											<p class="stit_text">제1조(시행일) 이 약관은 2021년 6월 13일부터 시행됩니다.</p>
 										</div>
 									</div>
-                                </div>
-                            </li>
-                            <li class="list_open">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <div class="checkbox_wrap">
-                                            <input type="checkbox" id="agree2" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
-                                            <label for="agree2"></label>
-                                        </div>
-                                        <span><span class="esn">[필수] </span>개인정보 수집 및 이용</span>
-                                        <button type="button" onclick="clause_list(this);"><i></i></button>
-                                    </div>
-                                </div>
-                                <div class="clause_list_body">
-                                    <div class="agree_text">
-                                        <p>제 1 장 총칙<br>
-                                            제 1 조 [목적]<br>
-                                            이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
-                                            제 2 조 [용어의 정의]<br>
-                                            이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
-                                            <br><br>
-                                            1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스제 1 장 총칙 <br>
-                                            제 1 조 [목적]<br>
-                                            이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
-                                            제 2 조 [용어의 정의]<br>
-                                            이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
-                                            <br><br>
-                                            1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스<br>
-                                        </p>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="list_open">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <div class="checkbox_wrap">
-                                            <input type="checkbox" id="agree3" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
-                                            <label for="agree3"></label>
-                                        </div>
-                                        <span><span class="esn">[필수] </span>스팸관련규약사항</span>
-                                        <button type="button" onclick="clause_list(this);"><i></i></button>
-                                    </div>
-                                </div>
-                                <div class="clause_list_body">
-                                    <div class="agree_text">
-                                        <p>제 1 장 총칙<br>
-                                            제 1 조 [목적]<br>
-                                            이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
-                                            제 2 조 [용어의 정의]<br>
-                                            이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
-                                            <br><br>
-                                            1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스제 1 장 총칙 <br>
-                                            제 1 조 [목적]<br>
-                                            이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
-                                            제 2 조 [용어의 정의]<br>
-                                            이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
-                                            <br><br>
-                                            1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스<br>
-                                        </p>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="list_open">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <div class="checkbox_wrap">
-                                            <input type="checkbox" id="agree4" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
-                                            <label for="agree4"></label>
-                                        </div>
-                                        <span><span class="sel">[선택] </span>광고성 정보 수신</span>
-                                    </div>
-                                </div>
-                                <div class="clause_list_body_noneOpen">
-                                    <div>
-                                        <div class="checkbox_wrap">
-                                            <input type="checkbox" id="agree1_1" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
-                                            <label for="agree1_1"></label>
-                                        </div>
-                                        <span>이벤트 및 혜택 문자 수신</span>
-                                    </div>
-                                    <div>
-                                        <div class="checkbox_wrap">
-                                            <input type="checkbox" id="agree1_2" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
-                                            <label for="agree1_2"></label>
-                                        </div>
-                                        <span>이벤트 및 혜택 카카오 수신</span>
-                                    </div>
-                                    <div>
-                                        <div class="checkbox_wrap">
-                                            <input type="checkbox" id="agree1_3" title="회원가입 전체약관에 동의" class="joinCheckbox type3">
-                                            <label for="agree1_3"></label>
-                                        </div>
-                                        <span>이벤트 및 혜택 메일 수신</span>
-                                    </div>
-                                </div>
-                            </li>
-                            <li class="list_open">
-                                <div class="clause_list_head">
-                                    <div class="list_head_in">
-                                        <div class="checkbox_wrap">
-                                            <input type="checkbox" id="agree5" title="회원가입 전체약관에 동의" class="joinCheckbox type2">
-                                            <label for="agree5"></label>
-                                        </div>
-                                        <span><span class="sel">[선택] </span>메시지 수집 동의</span>
-                                        <button type="button" onclick="clause_list(this);"><i></i></button>
-                                    </div>
-                                </div>
-                                <div class="clause_list_body">
-                                    <div class="agree_text">
-                                        <p>제 1 장 총칙<br>
-                                            제 1 조 [목적]<br>
-                                            이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
-                                            제 2 조 [용어의 정의]<br>
-                                            이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
-                                            <br><br>
-                                            1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스제 1 장 총칙 <br>
-                                            제 1 조 [목적]<br>
-                                            이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
-                                            제 2 조 [용어의 정의]<br>
-                                            이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
-                                            <br><br>
-                                            1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스<br>
-                                        </p>
-                                    </div>
-                                </div>
-                            </li>
-                        </ul>
-                        <p class="reqTxt3">※ 미동의 시 메시지 통계 확인 맞춤 메시지 추천 등 추후 서비스 이용에 제한이 있을 수 있습니다.</p>
-                        <div class="mem_btnWrap">
-                            <button type="button" data-tooltip="popup05" class="mem_btn1">동의 및 본인인증</button>
-                        </div>
-                    </div><!--// cont -->
-                </div><!--// 회원가입 약관동의 -->
-            </div>
-        </div>
-    </div><!--// content 영역 -->
-    <!-- footer 영역 -->
-    <footer id="footer" class="footer">
-        <div class="footer_top">
-            <div class="inner table">
-                <ul class="table_cell">
-                    <li><a href="#">이용약관</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
-                    <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
-                    <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
-                </ul>
-            </div>
-        </div>
-        <div class="footer_body">
-            <div class="inner table">
-                <div class="table_cell">
-                    <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
-                    <div class="footer_info">
-                        <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터     1차)</p>
-                        <p>사업자번호 : 653-87-00858  |  대표 : 유인식  |  통신판매등록번호 : 제  다산-12345호  |  문의전화 : 070-4786-0007</p>
-                        <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
-                    </div>
-                    <div class="footer_service_center">
-                        <i></i>
-                        <div>
-                            <p>고객센터</p>
-                            <span class="footer_service_num">070-4786-0008</span>
-                            <span>E-mail : help@iten.co.kr</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </footer><!--// footer 영역 -->
-</body></html>
+								</div>
+							</li>
+							<li class="list_open">
+								<div class="clause_list_head">
+									<div class="list_head_in">
+										<div class="checkbox_wrap">
+											<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree_TERMS_00000023" title="개인정보의 수집 및 이용 동의" class="joinCheckbox type2 necY">
+											<label for="agree_TERMS_00000023"><span class="esn">[필수]</span><strong>개인정보의 수집 및 이용 </strong></label>
+											<a href="https://www.munjaon.co.kr/web/cop/bbs/TermsList.do?menuNm=03&amp;termsMastNo=2024" class="btn btnType3 term_href">개인정보처리방침 바로가기</a>
+										</div>
+										<button type="button" onclick="clause_list(this);"><i></i></button>
+									</div>
+								</div>
+								<div class="clause_list_body">
+									<div class="agree_text">
+										<p>제 1 장 총칙<br>
+											제 1 조 [목적]<br>
+											이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
+											제 2 조 [용어의 정의]<br>
+											이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
+											<br><br>
+											1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스제 1 장 총칙 <br>
+											제 1 조 [목적]<br>
+											이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
+											제 2 조 [용어의 정의]<br>
+											이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
+											<br><br>
+											1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스<br>
+										</p>
+									</div>
+								</div>
+							</li>
+							<li class="list_open">
+								<div class="clause_list_head">
+									<div class="list_head_in">
+										<div class="checkbox_wrap">
+											<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree_TERMS_00000024" title="스팸 관련 규약 사항동의" class="joinCheckbox type2 necY">
+											<label for="agree_TERMS_00000024"><span class="esn">[필수]</span><strong>스팸 관련 규약 사항</strong></label>
+										</div>
+										<button type="button" onclick="clause_list(this);"><i></i></button>
+									</div>
+								</div>
+								<div class="clause_list_body">
+									<div class="agree_text">
+										<p>제 1 장 총칙<br>
+											제 1 조 [목적]<br>
+											이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
+											제 2 조 [용어의 정의]<br>
+											이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
+											<br><br>
+											1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스제 1 장 총칙 <br>
+											제 1 조 [목적]<br>
+											이 약관은 주식회사 아이티앤(이하 "회사")이 제공하는 인터넷 서비스 문자온(www.문자온.com, 이하 "서비스")의 이용과 관련하여 회사와 이용자의 권리ㆍ의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.<br>
+											제 2 조 [용어의 정의]<br>
+											이 약관에서 사용하는 용어의 정의는 다음과 같습니다.<br>
+											<br><br>
+											1. 뿌리오 : 회사의 서비스명으로서 이용자가 전송하고자 하는 내용ㆍ정보 등을 문자메세지, 멀티미디어메세지, 음성(일반전화,휴대전화), 팩스 등 다양한 메시지 형태로 변화시켜 전송하는 서비스 및 이용자가 제3자로부터 메시지를 수신할 수 있도록 하는 서비스<br>
+										</p>
+									</div>
+								</div>
+							</li>
+							<li class="list_open">
+								<div class="clause_list_head">
+									<div class="list_head_in">
+										<div class="checkbox_wrap">
+											<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree_TERMS_00000085" title="개인정보처리의 위탁동의" class="joinCheckbox type2 necY">
+											<label for="agree_TERMS_00000085"><span class="esn">[필수]</span><strong>개인정보처리의 위탁</strong></label>
+										</div>
+										<button type="button" onclick="clause_list(this);"><i></i></button>
+									</div>
+								</div>
+								<div class="clause_list_body">
+									<div class="agree_text mCustomScrollbar _mCS_3 mCS_no_scrollbar" style="position: relative; overflow: visible;">
+										<div id="mCSB_3" class="mCustomScrollBox mCS-dark mCSB_vertical mCSB_outside" tabindex="0" style="max-height: 414px;">
+											<div id="mCSB_3_container" class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y" style="position:relative; top:0; left:0;" dir="ltr">
+												<p style="outline: 0px; margin: 0px; padding: 15px 0px 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-stretch: inherit; font-size: medium; line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: rgb(34, 34, 34); word-break: keep-all; font-family: &quot;Noto Sans KR&quot;, sans-serif;">회사는 다음과 같이 서비스 제공에 필요한 업무를 외부 업체에 위탁하여 개인정보를 처리하고 있으며, 위탁한 업체가 관계 법령을 위반하지 않도록 관리·감독하고 있습니다.</p>
+
+												<table class="tType2" style="outline: 0px; margin: 10px 0px; padding: 0px; border-width: 1px 0px 0px; border-top-style: solid; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: rgb(0, 0, 0); border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-stretch: inherit; font-size: medium; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: rgb(34, 34, 34); word-break: keep-all; font-family: &quot;Noto Sans KR&quot;, sans-serif; border-collapse: collapse; border-spacing: 0px; width: 100%; text-align: center;">
+													<colgroup style="outline: 0px;">
+														<col style="outline: 0px; width: 200px;">
+														<col style="outline: 0px; width: 200px;">
+													</colgroup>
+													<thead style="outline: 0px; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
+														<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all; background-color: rgb(247, 247, 247);">
+															<th style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; font-weight: 500; word-break: keep-all; height: 46px;">위탁받는 자(수탁자)</th>
+															<th style="outline: 0px; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; font-weight: 500; word-break: keep-all; height: 46px;">위탁업무 내용</th>
+														</tr>
+													</thead>
+													<tbody style="outline: 0px; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
+														<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">한국모바일인증(주)</td>
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">휴대폰 본인인증</td>
+														</tr>
+														<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">나이스페이먼츠 주식회사</td>
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">신용카드 결제 처리</td>
+														</tr>
+														<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">(주)케이지모빌리언스</td>
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">휴대폰결제, 간편결제, 즉시이체 결제 처리</td>
+														</tr>
+														<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">(주)헥토파이낸셜</td>
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">전용계좌 결제 처리</td>
+														</tr>
+														<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">(주)넥스티아</td>
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">080 수신거부 처리</td>
+														</tr>
+														<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">(주)다우기술, (주)제이제이커뮤니케이션, (주)인비토</td>
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">문자서비스 제공</td>
+														</tr>
+														<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">(주)다우기술</td>
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">알림톡 및 친구톡 서비스 제공</td>
+														</tr>
+														<tr style="outline: 0px; margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-bottom-style: solid; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: rgb(229, 229, 229); border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: inherit; font-weight: inherit; word-break: keep-all;">
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-right-style: solid; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: rgb(229, 229, 229); border-bottom-color: initial; border-left-color: initial; border-image: initial; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">엑스퍼다이트비앤씨(주)</td>
+															<td style="outline: 0px; margin: 0px; padding: 10px 20px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 16px; font-weight: 300;line-height: 1.4; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: middle; color: inherit; word-break: keep-all;">팩스전송 서비스 제공</td>
+														</tr>
+													</tbody>
+												</table>
+
+											</div>
+										</div>
+										<div id="mCSB_3_scrollbar_vertical" class="mCSB_scrollTools mCSB_3_scrollbar mCS-dark mCSB_scrollTools_vertical" style="display: none;">
+											<div class="mCSB_draggerContainer">
+												<div id="mCSB_3_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; top: 0px;">
+													<div class="mCSB_dragger_bar" style="line-height: 30px;"></div>
+													<div class="mCSB_draggerRail"></div>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</li>
+							<li class="list_open">
+								<div class="clause_list_head">
+									<div class="list_head_in">
+										<div class="checkbox_wrap">
+											<input type="checkbox" name="agreeTwoDeptCheck" id="agree_TERMS_00000028" title="광고성 정보 수신동의" class="joinCheckbox type2 ad" onclick="javascript:agreeTwoDeptCheck2();">
+											<label for="agree_TERMS_00000028"><span class="sel">[선택]</span><strong>광고성 정보 수신</strong></label>
+										</div>
+									</div>
+								</div>
+								<div class="clause_list_body_noneOpen">
+									<div>
+										<div class="checkbox_wrap">
+											<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree1_TERMS_00000025" title="이벤트 및 혜택 문자 수신 동의" class="joinCheckbox type3">
+											<label for="agree1_TERMS_00000025">이벤트 및 혜택 문자 수신</label>
+										</div>
+									</div>
+									<div>
+										<div class="checkbox_wrap">
+											<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree1_TERMS_00000026" title="이벤트 및 혜택 카카오 수신 동의" class="joinCheckbox type3">
+											<label for="agree1_TERMS_00000026">이벤트 및 혜택 카카오 수신</label>
+										</div>
+									</div>
+									<div>
+										<div class="checkbox_wrap">
+											<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree1_TERMS_00000027" title="이벤트 및 혜택 메일 수신 동의" class="joinCheckbox type3">
+											<label for="agree1_TERMS_00000027">이벤트 및 혜택 메일 수신</label>
+										</div>
+									</div>
+								</div>
+							</li>
+							<li class="list_open">
+								<div class="clause_list_head">
+									<div class="list_head_in">
+										<div class="checkbox_wrap">
+											<input type="checkbox" name="agreeCheck" onclick="tooltipChk();" id="agree_TERMS_00000029" title="메시지 수집 동의동의" class="joinCheckbox type2 ">
+											<label for="agree_TERMS_00000029"><span class="sel">[선택]</span><strong>메시지 수집 동의</strong></label>
+										</div>
+									</div>
+								</div>
+							</li>
+						</ul>
+						<p class="reqTxt3">※ 미동의 시 메시지 통계 확인 맞춤 메시지 추천 등 추후 서비스 이용에 제한이 있을 수 있습니다.</p>
+						<div class="mem_btnWrap">
+							<button type="button" data-tooltip="popup05" class="mem_btn1">동의 및 본인인증</button>
+						</div>
+					</div>
+					<!--// cont -->
+				</div>
+				<!--// 회원가입 약관동의 -->
+			</div>
+		</div>
+	</div>
+	<!--// content 영역 -->
+	<!-- footer -->
+	<div data-include-path="/publish/layout/_footer.html"></div>
+	<!--// footer 영역 -->
+</body>
+
+</html>
(No newline at end of file)
src/main/webapp/publish/mem3.html
--- src/main/webapp/publish/mem3.html
+++ src/main/webapp/publish/mem3.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mem4.html
--- src/main/webapp/publish/mem4.html
+++ src/main/webapp/publish/mem4.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/mem4_company.html (added)
+++ src/main/webapp/publish/mem4_company.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/member_info_change_company.html (added)
+++ src/main/webapp/publish/member_info_change_company.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/member_info_change_passwordCheck.html (added)
+++ src/main/webapp/publish/member_info_change_passwordCheck.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/member_info_change_person.html (added)
+++ src/main/webapp/publish/member_info_change_person.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mypage1.html
--- src/main/webapp/publish/mypage1.html
+++ src/main/webapp/publish/mypage1.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mypage1_dormant_member.html
--- src/main/webapp/publish/mypage1_dormant_member.html
+++ src/main/webapp/publish/mypage1_dormant_member.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mypage1_dormant_member2.html
--- src/main/webapp/publish/mypage1_dormant_member2.html
+++ src/main/webapp/publish/mypage1_dormant_member2.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mypage2.html
--- src/main/webapp/publish/mypage2.html
+++ src/main/webapp/publish/mypage2.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mypage3.html
--- src/main/webapp/publish/mypage3.html
+++ src/main/webapp/publish/mypage3.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/mypage3_return.html (added)
+++ src/main/webapp/publish/mypage3_return.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mypage4.html
--- src/main/webapp/publish/mypage4.html
+++ src/main/webapp/publish/mypage4.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mypage5.html
--- src/main/webapp/publish/mypage5.html
+++ src/main/webapp/publish/mypage5.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/mypage5_2.html (added)
+++ src/main/webapp/publish/mypage5_2.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mypage6.html
--- src/main/webapp/publish/mypage6.html
+++ src/main/webapp/publish/mypage6.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mypage7.html
--- src/main/webapp/publish/mypage7.html
+++ src/main/webapp/publish/mypage7.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mypage8.html
--- src/main/webapp/publish/mypage8.html
+++ src/main/webapp/publish/mypage8.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mypage9.html
--- src/main/webapp/publish/mypage9.html
+++ src/main/webapp/publish/mypage9.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/mypage9_id.html (added)
+++ src/main/webapp/publish/mypage9_id.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/mypage9_password.html (added)
+++ src/main/webapp/publish/mypage9_password.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/mypage_index.html
--- src/main/webapp/publish/mypage_index.html
+++ src/main/webapp/publish/mypage_index.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/mypage_security_login.html (added)
+++ src/main/webapp/publish/mypage_security_login.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/payment1.html
--- src/main/webapp/publish/payment1.html
+++ src/main/webapp/publish/payment1.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/payment2.html
--- src/main/webapp/publish/payment2.html
+++ src/main/webapp/publish/payment2.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/payment3.html
--- src/main/webapp/publish/payment3.html
+++ src/main/webapp/publish/payment3.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/payment4.html
--- src/main/webapp/publish/payment4.html
+++ src/main/webapp/publish/payment4.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/payment5.html
--- src/main/webapp/publish/payment5.html
+++ src/main/webapp/publish/payment5.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/payment6.html
--- src/main/webapp/publish/payment6.html
+++ src/main/webapp/publish/payment6.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/popup_allimtalk_template_choice.html
--- src/main/webapp/publish/popup_allimtalk_template_choice.html
+++ src/main/webapp/publish/popup_allimtalk_template_choice.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/popup_fax_detail.html
--- src/main/webapp/publish/popup_fax_detail.html
+++ src/main/webapp/publish/popup_fax_detail.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/popup_list.html
--- src/main/webapp/publish/popup_list.html
+++ src/main/webapp/publish/popup_list.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/reservedmsg.html
--- src/main/webapp/publish/reservedmsg.html
+++ src/main/webapp/publish/reservedmsg.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/security_login.html
--- src/main/webapp/publish/security_login.html
+++ src/main/webapp/publish/security_login.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service1.html
--- src/main/webapp/publish/service1.html
+++ src/main/webapp/publish/service1.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service1_2022.html
--- src/main/webapp/publish/service1_2022.html
+++ src/main/webapp/publish/service1_2022.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service1_2023.html
--- src/main/webapp/publish/service1_2023.html
+++ src/main/webapp/publish/service1_2023.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service1_2024.html
--- src/main/webapp/publish/service1_2024.html
+++ src/main/webapp/publish/service1_2024.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service2.html
--- src/main/webapp/publish/service2.html
+++ src/main/webapp/publish/service2.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service2_2022.html
--- src/main/webapp/publish/service2_2022.html
+++ src/main/webapp/publish/service2_2022.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service2_2023.html
--- src/main/webapp/publish/service2_2023.html
+++ src/main/webapp/publish/service2_2023.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service2_2024.html
--- src/main/webapp/publish/service2_2024.html
+++ src/main/webapp/publish/service2_2024.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service3.html
--- src/main/webapp/publish/service3.html
+++ src/main/webapp/publish/service3.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service3_spam_2024.html
--- src/main/webapp/publish/service3_spam_2024.html
+++ src/main/webapp/publish/service3_spam_2024.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service4.html
--- src/main/webapp/publish/service4.html
+++ src/main/webapp/publish/service4.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/service4_2.html (added)
+++ src/main/webapp/publish/service4_2.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service5.html
--- src/main/webapp/publish/service5.html
+++ src/main/webapp/publish/service5.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service6.html
--- src/main/webapp/publish/service6.html
+++ src/main/webapp/publish/service6.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/service7.html
--- src/main/webapp/publish/service7.html
+++ src/main/webapp/publish/service7.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/sub1.html
--- src/main/webapp/publish/sub1.html
+++ src/main/webapp/publish/sub1.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/sub2.html
--- src/main/webapp/publish/sub2.html
+++ src/main/webapp/publish/sub2.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/sub3.html
--- src/main/webapp/publish/sub3.html
+++ src/main/webapp/publish/sub3.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/sub_election_v2024.html
--- src/main/webapp/publish/sub_election_v2024.html
+++ src/main/webapp/publish/sub_election_v2024.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/textingmsg.html
--- src/main/webapp/publish/textingmsg.html
+++ src/main/webapp/publish/textingmsg.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/textingmsg_2022.html
--- src/main/webapp/publish/textingmsg_2022.html
+++ src/main/webapp/publish/textingmsg_2022.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/textingmsg_2024_detail.html
--- src/main/webapp/publish/textingmsg_2024_detail.html
+++ src/main/webapp/publish/textingmsg_2024_detail.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/textingmsg_2024_detail_kakao.html
--- src/main/webapp/publish/textingmsg_2024_detail_kakao.html
+++ src/main/webapp/publish/textingmsg_2024_detail_kakao.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/textingmsg_2024_list.html
--- src/main/webapp/publish/textingmsg_2024_list.html
+++ src/main/webapp/publish/textingmsg_2024_list.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/textingmsg_detail.html (added)
+++ src/main/webapp/publish/textingmsg_detail.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/textingmsg_detail_allimtalk.html (added)
+++ src/main/webapp/publish/textingmsg_detail_allimtalk.html
This diff is skipped because there are too many other diffs.
 
src/main/webapp/publish/transaction_statement.html (added)
+++ src/main/webapp/publish/transaction_statement.html
This diff is skipped because there are too many other diffs.
src/main/webapp/publish/use_statement.html
--- src/main/webapp/publish/use_statement.html
+++ src/main/webapp/publish/use_statement.html
This diff is skipped because there are too many other diffs.
Add a comment
List